W skrócie
UX/UI to proces, w którym kolejność i logika decyzji użytkownika są równie ważne jak detal wizualny. W ta daa! prowadzimy projekty produktów cyfrowych od badań i prototypu po wdrożenie z zespołem deweloperskim.
Badania i discovery: zanim narysujemy pierwszy ekran
Badania i discovery: zanim narysujemy pierwszy ekran
Zaczynamy od rozmów z osobami, które realnie używają lub będą używać produktu: pracownikami, klientami końcowymi, działami sprzedaży. W firmach przemysłowych i B2B ze Śląska to często osoby, które na co dzień obsługują panel zleceń, system CRM albo aplikację serwisową: ich opinia jest ważniejsza niż założenia z briefu.
Efektem fazy discovery jest krótki dokument: mapa persony, ścieżki użytkownika, lista funkcji obowiązkowych i tych do późniejszych iteracji. Dzięki temu decyzje projektowe mają oparcie w faktach, a nie w preferencjach pojedynczej osoby decyzyjnej.
Wireframy, prototyp i testy z użytkownikami
Wireframy, prototyp i testy z użytkownikami
Z założeń przechodzimy do wireframów, szkieletu informacyjnego ekranów, bez koloru i bez detali wizualnych. Na tym etapie testujemy logikę: czy użytkownik znajduje to, czego szuka, czy formularze są zrozumiałe, czy proces zakupowy lub onboarding nie ma martwych punktów.
Prototyp w Figmie pokazujemy zarówno zespołowi po stronie klienta, jak i grupie 3–5 użytkowników. Każdy test kończy się listą zmian do wdrożenia w kolejnej iteracji: pracujemy w cyklu „prototyp → test → poprawka”, a nie „wielki finał na końcu projektu”.
UI, design system i tokeny
UI, design system i tokeny
Warstwę wizualną budujemy w oparciu o spójny design system: kolory, typografia, odstępy, komponenty (przyciski, pola, modale, tabele). System zapisujemy w Figmie jako bibliotekę z tokenami, dzięki czemu zmiana koloru marki czy odstępu propaguje się przez wszystkie ekrany.
Dla zespołów deweloperskich przygotowujemy tokeny w formacie JSON / CSS variables, gotowe do podpięcia do Tailwinda, Storybooka albo własnego frameworka. To skraca handoff i ogranicza pytania „a jaki dokładnie odstęp tu ma być”.
Handoff i współpraca z deweloperem
Handoff i współpraca z deweloperem
Nie kończymy projektu na oddaniu plików. Pracujemy z zespołem deweloperskim w trakcie wdrożenia: odpowiadamy na pytania, weryfikujemy implementację, dostarczamy brakujące stany ekranów. W przypadku produktów B2B dla klientów z Gliwic, Katowic czy Zabrza często prowadzimy też design review co 2 tygodnie aż do wydania pierwszej wersji.
Po wdrożeniu zostajemy na wsparciu projektowym: nowe ekrany, drobne zmiany, iteracje po feedbacku użytkowników. To model, który sprawdza się szczególnie w produktach z długim cyklem rozwoju.
W pakiecie
Co dostajesz w projekcie UX/UI
- Audyt UX istniejącego produktu
- Wywiady z użytkownikami i interesariuszami
- Persony i mapy podróży
- Wireframy i prototyp interaktywny
- Testy użyteczności (5–7 osób)
- Projekt UI ekranów (desktop + mobile)
- Design system w Figmie
- Tokeny dla zespołu deweloperskiego
- Handoff i wsparcie w trakcie wdrożenia
- Iteracje powdrożeniowe
Ceny
Ile to kosztuje?
| Zakres | Co obejmuje | Cena netto |
|---|---|---|
| Audyt UX | Analiza produktu i lista rekomendacji, opcjonalnie testy z użytkownikami. | 2 500–7 500 zł |
| UX/UI MVP aplikacji | Główne ścieżki, prototyp i projekt ekranów pierwszej wersji. | 10 000–25 000 zł |
| UX/UI aplikacji webowej | Badania, prototyp, projekt ekranów, design system i handoff. | od 22 500 zł |
To ceny orientacyjne. Ostateczna kwota zależy od zakresu, liczby materiałów i terminu. Konkretny zakres, harmonogram i koszt dostajesz w propozycji po krótkiej rozmowie.
FAQ
Najczęstsze pytania
Ile kosztuje projekt UX/UI aplikacji?
Audyt UX kosztuje u nas od 2500 do 7500 zł netto, UX/UI MVP aplikacji od 10 000 do 25 000 zł netto, a UX/UI aplikacji webowej od 22 500 zł netto. Cena zależy od liczby ścieżek i ekranów oraz od zakresu badań.
Czym audyt UX różni się od pełnego projektu?
Audyt ocenia istniejący produkt i kończy się listą rekomendacji. Pełny projekt obejmuje też badania, prototyp, projekt ekranów, design system i wsparcie w trakcie wdrożenia.
Czy współpracujecie z zespołem deweloperskim?
Tak. Przygotowujemy handoff i tokeny, odpowiadamy na pytania, weryfikujemy implementację i dostarczamy brakujące stany ekranów. Przykładem współpracy z software house’em jest aplikacja Wokas.
Czy projektujecie design systemy?
Tak. Budujemy bibliotekę komponentów i tokenów w Figmie oraz przygotowujemy tokeny dla deweloperów, w formacie JSON lub zmiennych CSS.
Czy testujecie projekt z użytkownikami?
Tak, gdy jest to w zakresie projektu. Prototyp pokazujemy zespołowi i grupie użytkowników, a każdy test kończy się listą zmian do kolejnej iteracji.
Portfolio
Marki, którym pomogliśmy
Poznaj wybrane realizacje, w które włożyliśmy serce, pomysł i doświadczenie.
Pokaż realizacje
Zobacz case study Cemasz
Zobacz case study Wokas
Zobacz case study
Jak pracujemy
Prosty proces, który działa
-
Współpraca
Słuchamy, projektujemy, dopracowujemy. Każdy projekt zaczynamy od rozmowy z Tobą.
4 kroki
od pierwszej rozmowy do wdrożenia
- 01
Rozmowa
Krótki call lub spotkanie, żeby zrozumieć, gdzie jesteś i czego potrzebujesz.
- 02
Propozycja
Dostajesz konkretny zakres prac, harmonogram i koszt.
- 03
Projekt
Pracujemy iteracyjnie, pokazujemy wersje robocze, zbieramy Twoje uwagi.
- 04
Wdrożenie
Pomagamy wdrożyć nowe materiały, stronę i komunikację.
Kontakt
Masz w głowie projekt, który chciałbyś zrealizować?
Porozmawiajmy o Twojej firmie i o tym, co chcesz zmienić w marce, stronie lub komunikacji. Umów rozmowę, zadzwoń albo napisz. Na wiadomości odpowiadamy zwykle w 1–2 dni robocze.