Aplikacja webowa dla agencji call center.
UX/UI designer
Figma
Miro
Jira
Frontend developerzy
Team leader
Tester
UX/UI designer
Aplikacja webagenta pozwala na kontakt pracowników firm call center z klientami za pomocą połączeń telefonicznych, video-konferencji oraz czatów.
Redesign aplikacji wraz z stworzeniem design systemu.
Desk research
Analiza aplikacji
UX competitor analysis
User flow
Paper prototyping
UI design
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.
.png)
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
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.
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
.png)
konsultacje z drugim agentem
.png)
Następnie przelałam na papier pierwsze pomysły i koncepcje.
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.
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 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.
.png)
.png)
.svg)
.png)
