Prototyp UI mobile

Projektowanie prototypu UI aplikacji mobilnej rozpoczęłam od stworzenia inspirującego Style Guide, który nie tylko definiuje kolory, typografię, ikony, komponenty i przyciski, ale także inne elementy graficzne, takie jak cienie, tworząc spójny i estetyczny system wizualny. Następnie przystąpiłam do projektowania makiet (Wireframe) poszczególnych stron i ich podstron, koncentrując się na przejrzystości, spójności i estetyce layoutów, a jednocześnie uwzględniając potrzeby użytkowników zainteresowanych zdrowym stylem życia.
Prototyp UI mobile

Identyfikując powtarzalne elementy w projekcie, stworzyłam bibliotekę komponentów, obejmującą nagłówki, przyciski, pola formularza i inne kluczowe elementy, które zapewniają jednolitą nawigację. Projekt jest zgodny z wymogami WCAG, co gwarantuje dostępność dla wszystkich użytkowników. 

Kulminacją mojego projektu jest klikalny prototyp dostępny zarówno w wersji desktopowej, jak i mobilnej. Prototyp zawiera interaktywne elementy, takie jak dynamiczne przyciski i intuicyjne menu nawigacyjne, pozwalając użytkownikom na pełną symulację korzystania z witryny. Aby upewnić się, że projekt spełnia oczekiwania użytkowników, przeprowadziłam testy użyteczności dla obu wersji prototypu, uzyskując cenne informacje zwrotne do dalszej optymalizacji.