Po fazie UX przystąpiliśmy do projektowania warstwy wizualnej serwisu. Interfejs miał
łączyć nowoczesną estetykę z ergonomią i odzwierciedlać charakter marki
Rawlplug. Postawiliśmy na spójność modułów, czytelność informacji i łatwy dostęp do
danych produktowych, tworząc UI będące nie tylko estetyką, ale i praktycznym
wsparciem użytkowników.
UI Design
Co zaprojektowaliśmy w ramach fazy UI
Personalizowana strona główna
Strona główna ze zmienną treścią i funkcjami
w zależności od persony.
Wyszukiwarka z sugestiami
Wyszukiwarka podpowiadająca najbardziej trafne produkty,
usługi i promocje.
Wyniki wyszukiwania
Wyniki złożone z produktów, usług, szkoleń czy treści
blogowych odpowiadających na zapytanie.
Listing produktowy
Złożony z kafelków przedstawiających od razu kluczowe
informacje.
Karta produktu
Dostosowana do potrzeb klienta hurtowego.
Koszyk i proces transakcyjny
Obsługujący wiele przesyłek, zamówienia masowe
i specjalne okoliczności związane ze specyfiką klienta.
Personalizowana strona główna
Strona główna zaprojektowana została z myślą o zróżnicowanych potrzebach
poszczególnych segmentów Rawlplug S.A. na podstawie person opracowanych
w fazie discovery, takich jak kupiec, wykonawca, projektant czy
majsterkowicz. Persona przypisywana jest użytkownikowi na podstawie
danych podawanych w procesie rejestracji, a następnie klientowi
prezentowane sa treści w zależności od jego potrzeb i zainteresowań, np:
Kupiec
Strona skupia się na korzystnych ofertach
i nowościach produktowych, projektowaniu
i zatowarowaniu ekspozycji, wyeksponowane są dane opiekuna
handlowego
Projektant
Strona przedstawia oprogramowanie do obliczeń oraz
przekierowuje do biblioteki modeli BIM przydatnych przy
projektowaniu. Nacisk jest kładziony na szkolenia
i wykorzystanie dedykowanego oprogramowania.
Wyszukiwarka z sugestiami
Kolejnym istotnym elementem głównej ścieżki zakupowej w Rawlplug
e-commerce jest dynamiczna wyszukiwarka z sugestiami wyników,
najczęściej wyszukiwanych produktów oraz kategorii produktowych, z
poziomu której użytkownik może dodać produkt do koszyka, przejść do
karty produktu lub do kategorii.
Wyniki wyszukiwania i listing produktowy
Listing produktowy oraz wyniki wyszukiwania w e-Rawlplug zostały
opracowane w oparciu o specyficzne potrzeby klienta hurtowego i są
oparte na kafelku produktowym zawierającym najistotniejsze z punktu
widzenia grupy docelowej elementy i informacje, takie jak:
- kody produktu,
- kody EAN i kody własne klienta,
- stan magazynowy i informacje o dostawie,
- oznaczenie przeznaczenia (tu: “Uniwersalny”),
- informację o minimum i interwale zamówienia,
- informację o opakowaniu.
Dzięki temu klient hurtowy w szybki sposób może porównać istotne z punktu
widzenia masowych zamówień informacje.
Ponadto dla wybranych produktów opracowaliśmy mechanizm tzw. cen
wolumenowych, widocznych po rozwinięciu dropdowna z ceną. Dzięki temu
klient widzi, jak zmienia się cena jednostkowa produktu w zależności od
zwiększenia zamawianej ilości.
Karta produktu
Karta produktu w Rawlplug e-commerce również stanowiła wyzwanie pod
względem dostosowania jej do potrzeb klienta hurtowego. W
przeciwieństwie do rozwiązań stosowanych w detalicznych e-commerce, w
karcie produktu Rawlplug musieliśmy zawrzeć wagi, opakowania zbiorcze,
ceny wolumenowe, oraz obszar ceny uwzględniający interwały i minimalne
rozmiary zamówień.
Koszyk i proces transakcyjny
Karta produktu w Rawlplug e-commerce również stanowiła wyzwanie pod
względem dostosowania jej do potrzeb klienta hurtowego. W
przeciwieństwie do rozwiązań stosowanych w detalicznych e-commerce, w
karcie produktu Rawlplug musieliśmy zawrzeć wagi, opakowania zbiorcze,
ceny wolumenowe, oraz obszar ceny uwzględniający interwały i minimalne
rozmiary zamówień.