Kancelaria Clear

‍Etapy pracy koncepcyjnej

• pogrupowanie pytań formularza do odpowiednich grup/kategorii na podstawie draftu dostarczonego przez klienta
• zaprojektowanie UI Kit, wybranie fontów, kolorów oraz formy przedstawiania formularza, zbudowanie makiet w Figmie (Mobile First+Web całość RWD).
• stworzenie klikalnego prototypu High Fidelity
w wersi Mobile oraz Web (Figma). Dostarczenie gotwego produktu dla dzialu Frontend.

Praktyki UX/UI

• czytelność, stonowane tło, prosty krój fontu, oszczędne stosowanie kolorów i stosowanie funkcjonalności ułatwiających wypełnianie (np. drop-listy, sugestie, itp.) stanowią fundamenty dobrego formularza. Rezygnacja z wszelkich elementów mogących rozpraszać użytkownika, na przykład animacji, aby czas poświęcony na jego wypełnienie był maksymalnie skrócony.
• zminimalizowanie pól w formularzu poprzez pogrupowanie pytań do opowiednich kategorii dotyczących kolejno: profilu działalności, stosunku do VAT, sprzedaży poza krajem, opcji posiadania kas fiskalnych, deklaracji podatkowych, kont bankowych czy pracowników. Ma to ogromny wpływ na wzrost współczynnika konwersji.
• sposób umieszczania etykiet do pól oraz sich układ. Etykiety umieszczono nad polami, nie wewnątrz. Długość pól odpowiada średniej długości wymaganej przez nas informacji.
• efektywny formularz zawiera w sobie cechy maksymalnej użyteczności przy zachowaniu konsekwencji i spójności wizualnej względem reszty elementów na stronie oraz jednocześnie odpowiada wymaganiom biznesowym firmy. 

Oferta dla klientów

Bardzo ważnym elementem projektu było zaprojektowanie ekranów przedstawiających ofertę skorzystania z usług księgowych w ciekawy, przejrzysty sposób. Dzięki atrakcyjnemu wyglądowi ekranów możemy podnieść odsetek użytkowników którzy po otrzymaniu spersonalizowanej oferty zdecydują się na zakup pakietu, a nasz klient uzyska realny przychód. 

Proces UX/UI

• Warsztat UX z klientem
• Sitemapa
• Makieta UX (Low Fidelity)
• Makieta graficzna (High Fidelity)
• Stworzenie UI Kit
• Wersja responsywna Web&Mobile

UX/UI Designerzy zaangażowani w projekt

• Natalia Wawryków - UX/UI Designer
• Piotr Trzaskowski - Kierownik działu UX/UI