Formularz zamówień
Zaprojektowałem od zera formularz zamówienia karty SIM, z głównym celem poprawy konwersji — lepszy UX dzięki przemyślanemu rozłożeniu kontrolek oraz atrakcyjny, dopracowany UI. Następnie wykonałem front-end, w którym zaimplementowałem Tailwind CSS. Nawet w tak z pozoru nudnym elemencie jak formularz udało się przemycić kilka smaczków: pasek postępu z Pacmanem, animowane warstwy kart SIM przy dodawaniu i usuwaniu numerów oraz konfetti w ostatnim kroku. Formularz został ciepło przyjęty i przyniósł wyraźny wzrost konwersji.Panel użytkownika
Drugim projektem był kompletnie nowy panel użytkownika, w którym odpowiadałem za UX/UI oraz full-stack development. Głównym celem było usprawnienie zarządzania numerami — dla wygody trafiło ono do modala — oraz czytelniejsze prezentowanie cashbacków otrzymanych przez użytkownika. Panel ułatwia też opłacanie subskrypcji, zakupy, przekazywanie darowizn i wypłacanie środków. Marketing otrzymał nowe narzędzie do promocji w postaci relacji (stories). Użytkownik zyskał szybki dostęp do konta dzięki wysuwanemu menu, z możliwością przełączania między jasnym i ciemnym motywem.Wykorzystane technologie
Interfejsy i prototypy obu projektów zaprojektowano w Figmie. Front-end formularza zbudowano w HTML i CSS z wykorzystaniem Tailwind CSS, a interaktywne elementy i animacje oparto na JavaScript. Backend oparty o WordPressa.Figma
HTML
CSS
Tailwind
JavaScript
PHP
WordPress
Współpraca z Jackiem przy metamorfozie panelu klienta i procesu zamówień była strzałem w dziesiątkę. Jako UX/UI Designer i Web Developer wykazuje się ogromnym zaangażowaniem i dbałością o każdy detalu designu. Co najważniejsze – jego projekty działają i przynoszą efekty. Dzięki zmianom, które wprowadził, nasze wskaźniki konwersji znacznie skoczyły w górę. Gorąco polecam!