01
Makiety low-fi
Szkielety układu (wireframes) — architektura informacji, hierarchia, przepływy użytkownika. Zatwierdzamy strukturę zanim zainwestujesz w visual design.
1-2iteracje
Projektujemy interfejs zanim ruszy kod — 1:1 w Figmie, z wersjami mobile i desktop, systemem komponentów i prototypem klikalnym. Dostajesz pliki, które bez problemu wdroży dowolny dev — nasz, Twój, albo zewnętrzna ekipa.
Projekt graficzny to nie ozdobnik na końcu procesu — to fundament, na którym stoi reszta. Jeśli makieta jest dobra, kod powstaje szybciej, klient widzi efekt przed wdrożeniem, a zmiany kosztują 10x mniej niż po odpaleniu produkcji. Dlatego robimy UI/UX jako osobną usługę: bez presji kodowania, z pełną uwagą na detale, przepływy i responsywność.
Pracujemy w Figmie — bo tam siedzi dziś cały rynek, bo każdy dev to zna, bo pliki otwierasz w przeglądarce bez instalacji. Dostajesz projekt w formie, którą możesz wdrożyć u nas, u siebie, albo zlecić dowolnej innej ekipie. Nie jesteś uwięziony w naszym ekosystemie — makieta jest Twoja, bez watermarków, z pełnym dostępem edytora.
Ta usługa jest dla Ciebie jeśli: chcesz zobaczyć projekt przed inwestycją w kod, masz własnego dewa i potrzebujesz tylko designu, przygotowujesz się do rozmowy z inwestorem, albo chcesz mieć design system na przyszłe iteracje. Jeśli chcesz od razu gotową stronę z kodem — zobacz [implementację](/uslugi/implementacja), która najczęściej idzie w parze.
Pakiet plików, który bez kombinowania trafi do dewa albo do Twojej głowy.
Szkielety układu (wireframes) — architektura informacji, hierarchia, przepływy użytkownika. Zatwierdzamy strukturę zanim zainwestujesz w visual design.
Pełny projekt wizualny z kolorami, typografią, ikonami, komponentami. Każda podstrona dopracowana w wersji desktop i mobile.
Kolory, typografia, spacing, komponenty (buttony, kary, formularze) — wszystko w tokens. Gotowe do skalowania na kolejne strony.
Interakcje i przejścia między ekranami — klikasz w Figmie jak w prawdziwej stronie. Idealne do testów, prezentacji inwestorowi, zbierania feedbacku.
Gotowe wartości CSS (kolory, odstępy, fonty), eksport assetów (SVG, PNG, WebP), specyfikacja komponentów. Dev otwiera Figmę i wdraża 1:1.
Każdy ekran zaprojektowany responsywnie — 375px (mobile), 1440px (desktop). Opcjonalnie tablet (768px) jeśli zakłada się mocny ruch tabletowy.
Cały plik Figmy przekazany na Twoje konto — z pełnym edytorem, bez watermarków. Możesz edytować, kopiować, dzielić się z zespołem bez naszej zgody.
Szybkie sprawdzenie przepływów z 3-5 osobami z grupy docelowej. Notujemy gdzie się gubią, co klikają, co ich dezorientuje. Poprawki przed wdrożeniem.
Krótki PDF z decyzjami projektowymi — dlaczego ten kolor, dlaczego ten font, skąd ta hierarchia. Ułatwia komunikację z dewem i późniejsze zmiany.
05 etapów · 3-7 dni roboczych
Rozmowa kick-off — cele biznesowe, grupa docelowa, konkurencja, preferencje estetyczne. Wypełniamy razem brief designerski, zbieramy materiały (logo, zdjęcia, teksty).
Analiza 5-10 stron konkurencji i benchmarków. Moodboard z 3 kierunkami stylistycznymi — wybierasz ten, który najbardziej trafia w markę, zanim ruszamy z pixelami.
Szkielety układu każdej podstrony — bez kolorów, bez fontów, czysta architektura. Zatwierdzasz strukturę, my przechodzimy do visualu bez cofania się.
Pełny projekt wizualny w Figmie — kolory, typografia, komponenty, wszystkie podstrony w wersji desktop i mobile. Dwie rundy feedbacku wliczone w cenę.
Prototyp klikalny w Figmie, eksport assetów, dokumentacja CSS, handoff dla dewa (naszego lub Twojego). Przekazujemy pełne pliki na Twoje konto.
Narzędzia, które są standardem w branży — żaden egzotyczny software, żaden lock-in.
Główne narzędzie projektowe — wektory, auto-layout, prototypowanie, design system, handoff dla dewa.
Whiteboard do user flows, mapowania ścieżek, ideation sessions, brainstorm z klientem.
Open-source biblioteka 1400+ ikon. Używamy gdy klient nie ma własnego setu. Spójne, wektorowe, darmowe na zawsze.
Narzędzia do generowania palet, testowania kontrastu WCAG AA, dobierania skal kolorów primary/secondary/neutral.
Free fonty o produkcyjnej jakości — Inter, Manrope, Geist, Satoshi. Bez licencji, bez kosztów miesięcznych dla klienta.
Darmowe zdjęcia stockowe o prawdziwej jakości — do moodboardów i draftów, zanim klient dostarczy własne materiały.
Narzędzia do zdalnych testów użyteczności — nagrywamy sesje, zbieramy heatmapy, analizujemy błędy w przepływach.
Dokumentacja projektowa, timeline, komunikacja z klientem. Jedno miejsce na wszystkie ustalenia, zamiast chaosu w mailach.
400 PLN to stawka wejściowa za 1 podstronę hi-fi w Figmie, z wersją desktop i mobile, gotową do wdrożenia. To cena za prosty landing (hero + 3 sekcje + stopka), bez prototypu klikalnego i bez design systemu.
Pełny landing page z 6-8 sekcjami, prototypem klikalnym i mini design systemem to zwykle 800-1200 PLN i 5 dni roboczych. Rozbudowany design system z 20+ komponentami i biblioteką styli to od 1500 PLN — robimy go zwykle przed dużym projektem wielostronicowym, bo zwraca się 5-krotnie przy skalowaniu.
Projekt UI/UX często idzie w parze z [implementacją](/uslugi/implementacja) — wtedy negocjujemy łączny pakiet z rabatem. Zobacz [pełny cennik](/cennik) z przykładami realizacji albo napisz na [kontakt](/kontakt) — wyceniamy w 24h na podstawie briefu.
05 questions
Placeholder — do uzupełnienia: [opis 1 realizacji, branża, zakres prac, efekt]. Tymczasowo: zobacz [portfolio](/portfolio) z pełną listą ostatnich projektów.
Makiety w Figmie w 3-7 dni. Prototyp klikalny, design system, handoff dla dewa — pliki trafiają na Twoje konto bez watermarków. Wycena w 24h na podstawie briefu.