Zrównoważone doświadczenie eCommerce dla marki, która traktuje naturalność na serio.
YOPE to polska marka naturalnych kosmetyków zbudowana na zasadzie, że to, co nakładamy na ciało, powinno być tak czyste, jak to, co spożywamy. Ich sklep eCommerce wymagał redesignu, który odda ciepło, autentyczność i zaangażowanie środowiskowe ich produktów fizycznych. Divante zrealizowało pełny redesign UX/UI — od architektury informacji po produkcyjną specyfikację w Figma.
Kontekst
YOPE to szybko rozwijająca się polska marka naturalnych kosmetyków, z silną obecnością w handlu detalicznym i coraz ważniejszym kanałem eCommerce direct-to-consumer. Ich produkty — mydła do rąk, żele pod prysznic, świece i zapachy do domu — powstają na bazie naturalnych składników, uczciwych formuł oraz charakterystycznych, zaprojektowanych z dużą starannością opakowań. Marka ma realną wartość wizualną; wyzwaniem było przeniesienie tej samej jakości na sklep cyfrowy.
Istniejące doświadczenie eCommerce nie odzwierciedlało marki YOPE. Było generyczne — typowe szablony e-shopowe, w których brakowało ciepła, materialności i storytellingu, które wyróżniały YOPE na fizycznej półce sklepowej.
Nasze podejście
Redesign skoncentrował się na przeniesieniu fizycznego języka marki YOPE na interakcję cyfrową: naturalne tekstury, ciepła typografia oraz fotografia o charakterze redakcyjnym, której pozwolono swobodnie „odetchnąć”, a nie ścieśniono do standardowej siatki produktowej. Architektura informacji została przebudowana, aby wspierać storytelling YOPE skoncentrowany na składnikach — strony produktowe zostały przeprojektowane tak, by na pierwszym miejscu prezentować pochodzenie, formułę i filozofię marki, dopiero potem cenę i wezwania do konwersji.
Design system zbudowano tak, by zachować spójność w szerokim zakresie linii produktowych i kolekcji sezonowych, wykorzystując podejście oparte na tokenach, które pozwoliło zespołowi YOPE łatwo tworzyć nowe landing page kampanii bez utraty spójności wizualnej. Zrównoważony rozwój i komunikacja środowiskowa zostały wbudowane strukturalnie w projekt — a nie dodane jako blok tekstu.
Zakres prac
- Pełny audyt UX istniejącego sklepu z priorytetyzacją obszarów do usprawnienia
- Przebudowa architektury informacji pod kątem odkrywania produktów i storytellingu
- Kompletny projekt UI obejmujący stronę główną, strony kategorii, PDP, koszyk i checkout
- Design system z tokenami, biblioteką komponentów i specyfikacjami responsywnymi
- Gotowy do produkcji plik Figma z dokumentacją przekazania dla zespołu deweloperskiego