Ofuro. Projekt interfejsu sklepu internetowego – Shapes

Ofuro. Projekt interfejsu sklepu internetowego

Zakres projektu

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.

Strona produktowa sklepu internetowego. Wersja na telefon i na komputer.

Koszyk i formularz zamówienia

Aby dokonać zakupu konieczne jest wypełnienie standardowego formularza.

Formularz wpisywania danych w sklepie internetowym. Wersja na telefon i na laptop.

Strona informacyjna i kontakt

Standardowe strony informacyjne i strona kontaktowa.

Strona kontaktowa w sklepie internetowym. Desktop i mobile.

Potrzebujesz podobnego projektu?

Pytania