Badania i strategia (UX).
początek
Cel: Zrozumienie biznesu i potrzeb użytkowników.
Działanie: Rozmawiam o Twoich celach. Sprawdzam konkurencję. Definiuję, kim są Twoi klienci.
Architektura informacji (UX).
ważne
miro
Cel: Zaplanowanie logicznej struktury.
Działanie: Tworzę mapę całej strony. Ustalam ścieżkę, jaką klient musi przejść, aby np. dokonać zakupu.
Makieta Low-Fidelity (UX).
bardzo ważne
figma
Cel: Szkicowanie układu bez rozpraszaczy.
Działanie: Rysuję prosty, czarno-białe plany podstron. Ustalam, gdzie znajdzie się menu, a gdzie tekst czy przycisk.
Projekt wizualny i styl (UI).
bardzo ważne
figma
Cel: Nadanie marce charakteru i emocji.
Działanie: Dobieram kolory, czcionki, styl zdjęć i ikon. Tworzymy tzw. Moodboard (tablicę inspiracji), aby ustalić klimat.
Makieta High-Fidelity i prototyp (UX + UI).
opcjonalnie
figma
Cel: Stworzenie makiety, która wygląda i klika się jak prawdziwa strona.
Działanie: Łączę logikę z grafiką. Otrzymujesz interaktywny model, w który możesz poklikać.
Ten krok można pominąć (prototypowanie)
Testy i poprawki.
bardzo ważne
Cel: Wyłapanie błędów przed programowaniem.
Działanie: Sprawdzam czy wszystko jest czytelne. Wprowadzam Twoje uwagi i finalne szlify.
Przygotowanie do programowania (Hand-off)
90% projektu
Cel: Bezpieczne przekazanie plików.
Działanie: Przygotowuję Design System albo UI kit. Generuje pliki graficzne.
Do ustalenia Design System, UI kit
Kodowanie i wdrożenie (Development)
oddanie projektu
Cel: Uruchomienie projektu.
Działanie: Strona trafia na serwer, przechodzi ostatnie testy techniczne i zostaje uruchomiona.
Powyższy proces projektowania może ulec zmianie, nie jest to sztywna koncepcja oraz proces.
Masz jakieś pytania? Skonsultuj projekt
