Zakres projektu
- Design system
- Research
- Sklep internetowy
- UI / UX
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?