Home

Webagent

Aplikacja webowa dla agencji call center.

Moja rola

UX/UI designer

Narzędzia

Figma

Miro

Jira

Zespół

Frontend developerzy

Team leader

Tester

UX/UI designer

O aplikacji

Aplikacja webagenta pozwala na kontakt pracowników firm call center z klientami za pomocą połączeń telefonicznych, video-konferencji oraz czatów.

Cel

Redesign aplikacji wraz z stworzeniem design systemu.

Proces

Desk research

Analiza aplikacji

UX competitor analysis

User flow

Paper prototyping

UI design

Analiza aplikacji

Mając na uwadze cele biznesowe na podstawie rozmów z klientem i przeprowadzonego audytu za pomocą heurystyk Nielsena oraz wędrówki poznawczej zidentyfikowaliśmy najważniejsze elementy do poprawy.

Desk research

Sprawdziliśmy ofertę konkurencji, skupiliśmy się na funkcjach na które inne firmy kładą nacisk. Na tej podstawie wywnioskowaliśmy, że jedne z ważniejszych kwestii dla klientów to:

Oszczędność czasu operatorów

Skrócenie czasu oczekiwania klientów na linii

Ułatwienie kontroli operatorów

UX competitor analysis

Wykonaliśmy analizę konkurencji bezpośredniej oraz pośredniej.

Konkurencja bezpośrednia:

Na podstawie analizy konkurencji chcieliśmy zaczerpnąć inspirację dotyczącą przepływów użytkownika, funkcji i elementów wizualnych.

Konkurencja pośrednia:

Przy pracy nad połączeniami video oraz czatem sprawdziliśmy działanie takich serwiów jak Google Meets, Teams, Facebook.

User flow

Po zidentyfikowaniu kluczowych obszarów, przeszliśmy do opracowania struktury aplikacji oraz projektowania przepływów użytkownika. Badaliśmy wiele funkcji i działań, rezultacie stworzyliśmy wiele diagramów user flow.

Rezerwacja przerwy

konsultacje z drugim agentem

Paper prototyping

Następnie przelałam na papier pierwsze pomysły i koncepcje.

High fidelity wireframes

Następnie rozpoczęłam prace nad wireframes. Rozwijałam pomysły i koncepcje które wychodziły na przeciw celom biznesowym oraz użytkownikom. Koncentrowałam się głównie na odpowiedzi na pytania „Jak możemy to osiągnąć? Jak możemy usprawnić i przyśpieszyć proces?” w iteracyjnym procesie projektowym.

UI design

Po zaakceptowaniu wireframes na ich podstawie rozpoczęliśmy UI design, który miał zostać przekazany programistom do implementacji. Obejmowało to zdefiniowanie wizualnej tożsamości aplikacji zgodnej z wytycznymi marki, a jednocześnie przestrzeganie najlepszych praktyk w zakresie projektowania interfejsu użytkownika oraz wytycznych WCAG 2.0.

Design system

Design systemy są kluczowe w procesie projektowania, ponieważ pomagają osiągnąć spójność wizualną, co przekłada się na lepsze doświadczenie użytkownika. Przed rozpoczęciem projektowania ustaliliśmy paletę kolorów, systemy dla cieni, typografii oraz różnych komponentów strony internetowej.

Ostateczny projekt

Koniecznie zobacz inne moje prace

Zobacz inne moje prace