Platforma eCommerce dla B2C i B2B
projekt ui / ux sklepu online producenta drewien wędzarniczych, desek do grillowania i akcesoriów bbq
KONTEKST
Producent unikalnego drewna do wędzenia i grillowania – od egzotycznego cedru i hikory, po drewna owocowe (jabłoń, śliwa, wiśnia) oraz klasyczne gatunki najwyższej jakości. Produkty sprzedawane przez wyspecjalizowane sklepy stacjonarne oraz kanały online dystrybutorów na rynkach DACH, Belgii i Holandii.
WYZWANIE
Klient chciał rozszerzyć kanały sprzedaży o własny sklep internetowy. Platforma eCommerce została dedykowana zarówno dla biznesu (obecni dystrybutorzy), jak i nowych klientów indywidualnych. Klienci biznesowi mieli otrzymać narzędzie do szybkiego składania zamówień, natomiast konsumenci miejsce do zakupu bezpośrednio od producenta.
Głównym wyzwaniem było zaprojektowanie intuicyjnego narzędzia dla dystrybutorów (Dealer Lounge). Resellerzy musieli mieć możliwość zamawiania wielu różnych produktów jednocześnie, w tym towarów chwilowo niedostępnych (z odroczonym terminem wysyłki). Kluczowe było zachowanie pełnej funkcjonalności zarówno na urządzeniach desktopowych, jak i mobilnych.
W sekcji dla konsumentów skupiono się na wariantach produktów, przypomnieniach o dostępności oraz integracji wybranych artykułów z przepisami kulinarnymi.
Projektowanie UI / UX
XD, Photoshop
Shopware 6
Crehler
Strona główna
Nowy wizerunek marki. Prezentacja głównych linii produktowych, przepisów oraz dostęp do sekcji B2B – Dealer Lounge.
Kategoria i karta produktu
Na liście produktów użytkownik widzi status dostępności. Dzięki efektowi "mouse over" można ustawić powiadomienie o dostępności bez konieczności otwierania karty produktu.
Karta produktu zawiera szczegółowe opisy, instrukcje użycia oraz rekomendacje dotyczące dopasowania drewna do konkretnych rodzajów mięs.
Przepisy
Sekcja z przepisami połączonymi z konkretnymi produktami Axtschlag. Szybkie filtrowanie dań za pomocą przycisków z ikonami. Użytkownik może dodać składniki/produkty z przepisu bezpośrednio do koszyka.
Sekcja B2B
WYZWANIE
Zamknięta sekcja dedykowana dystrybutorom. Klienci B2B potrzebują błyskawicznego podglądu i możliwości zamawiania wielu pozycji w różnych ilościach.
ROZWIĄZANIE
Zaprojektowałem rozwiązanie, w którym produkty prezentowane są w formie tabeli z kluczowymi danymi: nazwa, zdjęcie, cena jednostkowa/ilościowa oraz status dostępności z terminem dostawy. Użytkownik może filtrować produkty bezpośrednio nad tabelą i dodawać je do koszyka zmieniając jedynie ilość, bez opuszczania widoku. Podgląd koszyka dostępny jest pod "przyklejonym" (sticky) przyciskiem przy krawędzi ekranu.
