Wszystkie projekty Case study · Portfolio UX/UI · od 2023

Scalenie wielu działalności klienta w jedną spójną i funkcjonalną całość

Serwis i nowy sklep internetowy dla Ecol-Unicon, lidera w branży wodociągów i kanalizacji.

Klient
Ecol-Unicon: klient korporacyjny z branży wodociągów
Moja rola
Jedna z dwóch osób zajmujących się UX Designem; zaprojektowałam większość makiet low-fi
Czas trwania
Projekt rozpoczął się w czerwcu 2023 r. i trwa nadal
Etap
Makiety klikalne, przed finalnym designem
01 · Cele projektu

Jedna strona zamiast wielu odnóg

Zebranie wszystkich odnóg działalności klienta korporacyjnego z branży wodociągów na jednej, spójnej stronie internetowej. Uproszczenie ścieżki użytkownika. Budowa nowego sklepu internetowego, który będzie bardziej funkcjonalny i elastyczny niż obecny.

Wyzwanie

Największym wyzwaniem było połączenie wszystkich działalności w jeden spójny serwis. Klient prowadzi działalność edukacyjną i doradczą, ma produkty sklepowe i takie, które można zamówić jedynie u handlowca. Prowadzi także serwis oraz ma własne zakłady produkcji. Jest liderem w swojej dziedzinie i nie ma właściwie konkurencji bezpośredniej o tak szerokim zakresie, którą można by się inspirować.

Edukacja i doradztwoSklepProdukty u handlowcaSerwisZakłady produkcji
02 · Rozwiązanie

Zrozumienie procesu

Kluczowe było zrozumienie, jak użytkownicy korzystają z serwisu. Jakich informacji potrzebują, co jest dla nich istotne, gdy wchodzą na stronę i chcą skorzystać z oferowanych produktów i usług.

Zorganizowaliśmy warsztaty z klientem, na których spotkaliśmy się z osobami z różnych działów firmy. Najbardziej pomocne były osoba z biura obsługi klienta, która na co dzień jest w ciągłym kontakcie z buyer personami, oraz osoba z działu marketingu, mająca wgląd w dane z Google Analytics.

03 · Buyer persony

Poznaliśmy cztery grupy klientów

Dla każdej persony opisaliśmy bóle, korzyści, których szuka, i zadania do wykonania. Poniżej przykład projektanta branży wodno-kanalizacyjnej.

  • Inwestor publiczny
  • Małe przedsiębiorstwa
  • Małe firmy budowlane
  • Projektant branży wodno-kanalizacyjnej (małe i średnie biura projektowe)
  1. ProblemyBrak wiedzy i czasuBrakuje mu wiedzy technicznej, trudności sprawiają mu obliczenia. Otrzymał od inwestora wytyczne, które musi zrealizować. Im szybciej skończy projekt, tym szybciej przejdzie do kolejnego. Zniechęca go długi czas reakcji, trudna komunikacja, wysoka cena, prototypowość rozwiązań, brak dokumentów dopuszczających i referencji.
  2. Wyzwania, oczekiwaniaSzybki dobór i wsparcieSzybki dobór, sprawne wsparcie projektowe, narzędzia doborowe, dobry opis projektowy, korzystna cena kosztorysowa i zaufanie do doradcy. Kieruje się tym, że otrzyma obszerny wsad projektowy zgodny z normami, dostępność rozwiązań i szkolenia.
  3. ObiekcjeRyzyko po stronie inwestoraObawia się zakwestionowania rozwiązania przez inwestora i tego, że inwestor nie zaakceptuje dodatkowych kosztów. Zniechęca go długi czas oczekiwania na dobór.
04 · Architektura informacji

Dwie wersje menu

Po poznaniu użytkowników stworzyliśmy menu górne i architekturę informacji w dwóch wersjach: pierwszą rekomendowaną przez nas, drugą na życzenie klienta.

Wersja 1: serwis i sklep jako oddzielne elementy
Wersja 1 · oddzielne elementy (wybrana). Sklep ma własne menu, a menu serwisu nie jest przeładowane.
Wersja 2: wersja scalona z modułem sklepowym
Wersja 2 · scalona. Po kliknięciu w „Sklep” pod menu serwisu pojawia się tzw. moduł sklepowy.

Finalnie wybrano wersję pierwszą: strona główna sklepu jest ważnym elementem ścieżki użytkownika i nie może mieć tak przeładowanego menu górnego, dlatego część sklepowa została trochę oddzielona.

05 · Makiety low-fi

Przykładowe makiety

Na podstawie pierwszej wersji architektury informacji zaprojektowaliśmy makiety low-fi serwisu i sklepu. Poniżej wybrane ekrany; każdą makietę można przewinąć w ramce.

Serwis

Makieta strony głównej serwisu
Strona główna
Makieta podstrony produktu
Produkt
Makieta kalkulatora doboru
Kalkulator doboru
Makieta formularza Wyceń projekt
Wyceń projekt

Sklep

Makieta strony głównej sklepu
Strona główna sklepu
Makieta karty produktu
Karta produktu
Makieta koszyka
Koszyk
Makieta panelu konta klienta
Konto klienta
06 · Podsumowanie

Czego się nauczyłam

Projekt jest obecnie na etapie makiet klikalnych i będzie powoli zmierzał do finalnego designu.

Jako UX Designer muszę zawsze przekonywać klienta do najlepszych rozwiązań pod kątem doświadczeń użytkownika.Główny wniosek

Nawet jeśli klient przyjdzie z konkretnym zadaniem, czasami trzeba go naprowadzić na lepszy sposób albo przekonać, że nie wszystkie jego pomysły są trafione.

Twoja firma ma wiele działalności do pokazania?