Projektowanie UX/UI
Projektowanie UX/UI stron i aplikacji, z których klienci chętnie korzystają
UX to doświadczenie użytkownika: czy klient szybko znajdzie to, czego szuka, i bez frustracji wyśle zapytanie albo złoży zamówienie. UI to warstwa, którą widzi, czyli układ, kolory, typografia i przyciski. Projektujemy jedno i drugie razem, żeby strona albo aplikacja pracowała na cele firmy i wyglądała jak Twoja marka.
Brzmi znajomo?
- Ruch jest, zapytań brak. Ludzie wchodzą na stronę i wychodzą, zanim dotrą do oferty albo formularza.
- Klienci dzwonią z pytaniami, na które strona powinna odpowiadać sama: o ceny, terminy, dostępność czy dojazd.
- Każda podstrona wygląda inaczej. Brakuje wspólnych komponentów i zasad, więc strona z każdą zmianą coraz mniej przypomina markę.
- Developerzy dostają same obrazki i dopytują o stany, odstępy i zachowanie na telefonie. Poprawki po wdrożeniu zjadają czas i budżet.
- Wymagania dostępności. Od 28 czerwca 2025 r. część firm, m.in. sklepy internetowe, musi je spełniać z mocy prawa (Europejski akt o dostępności).
- Wersja na telefon jest dodatkiem, choć to z telefonu przychodzi duża część klientów.
Co projektujemy
- Architekturę informacji i ścieżki użytkowników. Co gdzie jest i jak klient przechodzi od wejścia na stronę do zapytania albo zakupu.
- Makiety i prototypy. Układ treści i funkcji, który można przeklikać i sprawdzić, zanim powstanie kod.
- Interfejs na komputer, tablet i telefon. Projekt UI zgodny z identyfikacją wizualną, z myślą o każdym rozmiarze ekranu.
- Design system i bibliotekę komponentów. Przyciski, formularze, karty i ich stany zapisane raz, żeby kolejne podstrony powstawały szybciej i spójnie.
- Dostępność. Kontrast, wielkość tekstu, obsługa klawiaturą i czytnikami ekranu według WCAG 2.1 na poziomie AA.
- Projekt gotowy do wdrożenia. Opisane stany, zachowania i wersje responsywne, żeby developerzy nie musieli zgadywać. Więcej o design handoffie.
Jak pracujemy
Rozmowa i cele
Ustalamy, co strona albo aplikacja ma dawać firmie, kto z niej korzysta i co dziś nie działa.
Analiza i ścieżki
Przeglądamy obecne rozwiązanie, dane z analityki i konkurencję. Rozpisujemy ścieżki użytkowników i strukturę.
Makiety i prototyp
Układamy treści i funkcje w makietach. Prototyp pozwala sprawdzić rozwiązanie z zespołem, a w razie potrzeby z użytkownikami.
Projekt UI i przekazanie
Projektujemy interfejs na wszystkie ekrany, budujemy komponenty i przekazujemy developerom komplet z opisem.
Przykład z portfolio
- WCAG 2.1 AA
Strona Galerii Labirynt w Lublinie: dostępny, kontrastowy układ, kalendarz wydarzeń dla trzech miejsc galerii i panel, w którym pracownicy przeszukują jej zasoby.
Zobacz projekt - Marka przeniesiona na stronę
Pracownia SZOREK: po rebrandingu przenieśliśmy nową identyfikację na stronę internetową, tak żeby wyglądała spójnie z szyldem i wizytówkami.
Zobacz projekt
Masz już stronę albo aplikację?
Nie zawsze trzeba projektować od zera. Jeśli produkt działa, zacznij od audytu UX. Pokaże, gdzie użytkownicy się gubią i które poprawki dadzą najwięcej, a projekt zmian zrobimy na jego podstawie.
Najczęstsze pytania
Czym różni się UX od UI?
UX (user experience) to doświadczenie użytkownika: czy łatwo znaleźć informacje i wykonać zadanie. UI (user interface) to interfejs, czyli to, co widać na ekranie. Dobry projekt łączy jedno i drugie.
Ile kosztuje projekt UX/UI?
Każdy projekt wyceniamy indywidualnie, zależnie od liczby ekranów, funkcji i wersji językowych. Możesz wybrać stałą cenę za całość, rozliczenie godzinowe bez estymacji albo abonament CAAS.
Ile trwa projektowanie UX/UI?
To zależy od wielkości strony albo aplikacji. Harmonogram ustalamy po rozmowie i analizie, kiedy wiadomo, ile ekranów i ścieżek obejmuje projekt.
Czy budujecie też stronę?
Naszą częścią jest projekt. Wdrożenie robi zespół developerski klienta albo firma wdrożeniowa, z którą pracujesz. Przekazujemy kompletny projekt z opisem i odpowiadamy na pytania w trakcie budowy.
W jakim programie projektujecie?
W Figmie. Developerzy dostają dostęp do plików z komponentami i opisem, więc od początku widzą to samo co my.
Czy projekt będzie zgodny z WCAG?
Tak, dostępność uwzględniamy od początku: kontrast, wielkość tekstu, obsługę klawiaturą i czytnikami ekranu. Stronę Galerii Labirynt zaprojektowaliśmy zgodnie z WCAG 2.1 na poziomie AA.
Czy robicie design systemy?
Tak. Projektujemy biblioteki komponentów i zasady, dzięki którym kolejne ekrany powstają szybciej i spójnie. Coraz częściej korzystają z nich też agenci AI, o czym piszemy w tekście o design systemie dla agentów AI.
Porozmawiajmy o Twojej stronie albo aplikacji
Zostaw e-mail, a odpiszemy z propozycją terminów krótkiej rozmowy na Google Meet. Opowiesz, co ma dawać produkt, a my zaproponujemy zakres i wycenę.