Bshm. Projekt modowego sklepu internetowego

Projekt oparty został na 12-kolumnowej siatce o szerokość 1270 pikseli oraz 16-pikselowej interlinii. Kolumny o szerokości 60 pikseli z 50-pikselowym odstępem między nimi zapewniają odpowiednią ilość światła między elementami.

Para fontów użytych w projekcie to komercyjny Gilroy oraz Lora dostępna na Google Fonts. Gilroy wykorzystany został do nagłówków oraz przycisków natomiast Lora jako font treści.

Strona główna

Strona główna rozprowadza ruch po całym sklepie. Mamy wyróżnione dwie główne kategorie – kobieta i mężczyzna oraz odnośnik do kolekcji produktów. Poniżej widzimy kafel do aktualnych promocji który przy pomocy panelu administracyjnego można podmienić na inny, np. kierujący do artykułu lub dowolnej kategorii.

Dzięki nawigacji w każdej chwili mamy dostęp do koszyka, wishlisty i wyszukiwarki.

Strona indeksu

Produkty prezentowane są na standardowym indeksie z paginacją. Można rozwinąć pola służące do zawężania wyświetlanych wyników do produktów z określonej kategorii, o konkretnym kolorze, rozmiarze czy cenie.

Oprócz podziału na kategorie, produkty podzielone są też na specjalne kolekcje.

Strona produktu

Strona produktu przedstawia zdjęcia z opisem, umożliwia wybór koloru, rozmiaru, ilości zamawianego towaru. W przypadku braku towaru na stanie, możliwe jest zapisanie się na powiadomienie aby uzyskać informację na maila gdy towar znowu pojawi się w sklepie.

Koszyk

Koszyk produktów zbudowany jest podobnie do wishlisty czyli kolekcji zapisanych produktów o których nie chcemy zapomnieć i do których możemy szybko wrócić później.

Rejestracja i logowanie

Formularze rejestracji i logowania w wersji desktopowej i mobilnej.

Inne strony

Sklep zawiera kilka stron informacyjnych dla których zaprojektowane zostały specjalne szablony.

Potrzebujesz podobnego projektu?