Shapes / Projekty / Ofuro. Projekt interfejsu sklepu internetowego

Ofuro. Projekt interfejsu sklepu internetowego

Zakres projektu

Design system
Sklep internetowy
Strona internetowa
UI / UX

Ofuro to sklep internetowy z produktami przeznaczonymi do kąpieli. W zakres projektu weszło zaprojektowanie interfejsu (UX/UI) w wersji desktopowej i mobilnej.

Strona główna. Siatka.

Projekt strony internetowej opiera się na gridzie o szerokości 1170 pikseli, podzielnym na 12 kolumn z 30-pikselowym odstępem.

Strona główna sklepu internetowego. Wersja desktop i mobile.

Typografia, design system

W hierarchii nagłówków zastosowana została skala Perfect Fifth. Użyty w projekcie font to Avenir.

Strona indeksowa, produkty, wyniki wyszukiwania

Lista produktów w dwóch wersjach (dwie i trzy kolumny).

Lista kategorii sklepu internetowego. Wersja na laptop i wersja responsywna na telefon.

Strona produktowa

Strona produktowa składa się z dwóch części. W części górnej otwarciowej mamy standardową galerię ze zdjęciami, cenę produktu, krótki opis oraz przyciski umożliwiające dokonani zakupu. W drugiej części strony poniżej, znajduje się rozszerzony opis produktu, składniki, sposób użycia oraz korzyści płynące z jego stosowania. Na samym końcu znajdują się opinię klientów.