Cel mojej pracy skupiał się na przeprowadzeniu redesignu strony internetowej/aplikacji webowej oraz aplikacji mobilnej związanej ze zdrowym jedzeniem oraz opracowanie prototypu UI desktop. Wstępnie, dokonałam badania stron internetowych w celu zebrania inspiracji oraz wyboru konkretnego projektu do redesignu.
Wykorzystując narzędzie Figma, stworzyłam projekt UI. Głównym celem redesignu jest stworzenie kompleksowego interfejsu użytkownika (UI), który będzie nie tylko efektywny i estetyczny, ale także dostosowany do potrzeb użytkowników, zwłaszcza tych zainteresowanych zdrowym stylem życia i odżywianiem.
Rozpoczęłam od stworzenia Style Guide, który zawiera zbiór wytycznych dotyczących kolorów, typografii, ikon, komponentów, przycisków oraz innych elementów graficznych, takich jak cienie. Następnie przystąpiłam do tworzenia makiet (Wireframe) poszczególnych stron i ich podstron, dbając o czytelność, spójność i estetykę layoutów oraz uwzględniając potrzeby przyszłych użytkowników.
Po stworzeniu makiet, zidentyfikowałam powtarzalne elementy w projekcie i przystąpiłam do tworzenia komponentów, takich jak nagłówki, przyciski, pola formularza, które umieściłam w bibliotece komponentów. Projekt spełnia podstawowe wymogi WCAG.
Ostatecznie, przygotowałam klikalny prototyp zarówno dla wersji desktopowej, jak i mobilnej, zawierający interaktywne elementy, takie jak przyciski czy menu nawigacyjne, które umożliwią użytkownikom symulację rzeczywistego korzystania z witryny. Przeprowadzone zostały również testy użyteczności obu prototypów.