Soluma Interactive

Case Study

Kluczowa marka dla Soluma Group. Agencja 360, która oferuje szeroki wachlarz usług w tym webdevelopment, branding, marketing, copywriting.

Problem

Aktualna strona internetowa rozwijała się przez ostatnie 5 lat. W trakcie dodawania nowych funkcjonalności zabrakło spójności w UI oraz zauważyliśmy, że UX strony może powodować trudności w jej obsłudze. 

Cele

Przed rozpoczęciem pracy określiliśmy, jak możemy ulepszyć aktualną stronę. Dlatego postawiliśmy pięć  głównych celów:

1. Zaprojektowanie spójnej biblioteki UI, która wyznaczy kierunek dla całej Soluma Group
2. Odświeżenie wizerunku marki
3. Uproszczenie oferty oraz dodanie nowych produktów 
4. Prezentacja produktów wraz z możliwością konfiguracji
5. Uproszczenie procesu zamawiania usług oraz wskazywanie drogi przez jasno wyznaczone CTA

Ścieżka działania

W celu pełnej optymalizacji procesu określiliśmy dokładny plan działania.

Przebieg projektu

1. Audyt UX oraz UI

Podczas audytu korzystaliśmy między innymi z narzędzi Google Analytics i HotJar. Przeanalizowaliśmy 2000 nagrań, heatmapy i inne statystyki, dzięki czemu zidentyfikowaliśmy kluczowe problemy w funkcjonowaniu strony. Ustaliliśmy grupę docelową i do jakich klientów docieramy z naszą ofertą oraz w jaki sposób użytkownicy korzystają ze strony.

2. Opracowanie kluczowych ścieżek klienta

Podczas badań poznaliśmy sposoby, w jakie klienci trafiają na stronę docelową. Na tej podstawie określiliśmy 2 główne cele: wypełnienie formularza na konkretnym produkcie lub darmowa konsultacja. To pozwoliło na dalszym etapie wyznaczyć konkretną hierarchię przycisków akcji oraz odpowiednio je eksponować.

3. Wireframe dla kluczowych zakładek

Na tym etapie dla głównych zakładek przygotowaliśmy proste wireframe, na których mogliśmy sprawdzić, czy realizujemy główne cele. Dodatkowo przeprowadziliśmy krótkie badanie na użytkownikach.

4. Projektowanie UI

Projektowanie UI zaczęliśmy od strony głównej. Na tej podstawie wyznaczyliśmy styl. Wersja pierwsza różni się od wersji wdrożonej. Różnice wynikają z procesu ciągłych badań i wprowadzania ulepszeń, które pozwoliły wypracować optymalne rozwiązania.

9. Testowanie

Jeden z kluczowych etapów przy tworzeniu strony. Dzięki testom na kluczowych przeglądarkach, na różnych urządzeniach i walidacji w3c, udało nam się wyeliminować prawie 300 mniejszych i poważniejszych błędów. Na tym etapie po wdrożeniu zauważyliśmy, że niektóre elementy mogą być niejasne dla użytkownika lub wymagają dalszego udoskonalenia.

9.1 Testowanie na kluczowych przeglądarkach

9.2 Testowanie strony na różnych urządzeniach

9.3 Testowanie flow klienta