Projekt UX/UI

Kancelaria Clear

Odpowiedzialność: Tylko UX/UI Design

Przedmiotem opracowania jest kalkulator ofertowy dla kancelarii księgowej, nawiązujący do konfiguratora automatycznego. Celem biznesowym projektu było zaprojektowanie go w taki sposób, aby potencjalni użytkownicy chętnie z niego skorzystali i doznając doświadczenia profesjonalizmu i nowoczesności. Niezbędne funkcje: logowanie, rejestracjia - z clue projektu: wypełnienie formularza do momentu otrzymania maila ze spersonalizowaną ofertą. Szata graficzna powinna stylistycznie nawiązywać do stylu strony internetowej kancelarii.

‍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

👉 Projekt Strony WWW / Sklepu

👉 Projekt UX/UI Aplikacji

👉 Wszystkie Usługi UX/UI

Prezentacja projektu:

Projektowanie UX/UI

Kluczowe usługi UX/UI dla firm

Makiety UX/UI stron internetowych, sklepów i aplikacji oraz audyty użyteczności.

Makiety UX/UI stron internetowych

Projektuję makiety UX/UI stron internetowych i landing page’y dopasowane do celów biznesowych i potrzeb użytkowników. Tworzę intuicyjne interfejsy wspierające konwersję i przygotowane do sprawnego wdrożenia.

Makiety Stron

Makiety UX/UI Aplikacji

Projektuję makiety aplikacji mobilnych, webowych, SaaS i dedykowanych systemów. Dbam o użyteczność, intuicyjne ścieżki użytkownika i przygotowanie projektu UX/UI do sprawnego wdrożenia.

Makiety Aplikacji

Makiety UX/UI sklepów internetowych

Projektuję makiety UX/UI sklepów internetowych z naciskiem na intuicyjną nawigację, prezentację produktów i skuteczną ścieżkę zakupową. Projekt przygotowuję w Figma, gotowy do późniejszego wdrożenia.

Makiety Sklepów

Masz pytanie?

Dzięki za wiadomość!
Odniosę się w przeciągu najbliższej doby :)

Piotrek Trzaskowski UX-MAN

Coś poszło nie tak. Spróbuj wysłać wiadomość jeszcze raz.