01. Sekcja hero i pierwsze wrażenie
Sekcja hero od razu mówi, czym jest marka ("Pielęgnacja bez kompromisów"). Nad nią wdrożyłem górny pasek (announcement bar) z informacją o darmowej dostawie. Typografia jest oszczędna, więc wzrok idzie prosto na przycisk "Zobacz produkty".
02. Prezentacja flagowej linii i wartości marki
Sekcja "Nasza Linia" pokazuje kluczowe produkty z tagiem "SALE" i widoczną ceną. Pod produktami umieściłem odznaczenia: Czysty skład, 100% VEGAN i Cruelty-Free. Klient dostaje odpowiedź na swoje wątpliwości, zanim wejdzie w kartę produktu.
03. Wizualna kategoryzacja kolekcji
Moduł z czterema głównymi liniami zapachowo-pielęgnacyjnymi (Violet, Navy, Nature, Desert). Działa jak nawigacja graficzna. Duże kafle dobrze skalują się na telefonie, więc klient jednym kliknięciem trafia do właściwego segmentu asortymentu.
04. Filozofia i edukacja konsumenta
Sekcja "Mniej znaczy więcej" wpleciona w układ strony. Ten moduł buduje tożsamość marki. Przycisk "Poznaj naszą filozofię" prowadzi do podstrony edukacyjnej, która ma zatrzymać klienta na dłużej.
05. Social proof: opinie klientek
Prosty grid z recenzjami w sekcji "Co mówią o nas klientki". Do tego oceny w pięciu gwiazdkach. W kosmetykach to jeden z mocniejszych argumentów przy podejmowaniu decyzji o zakupie.
06. Społeczność i treści od klientek
Moduł z feedem z Instagrama (@montanabotanicals), pokazujący kosmetyki w codziennym użyciu. Sekcję zamyka stopka z linkiem do polityki prywatności i formularzem zapisu do newslettera.
07. Katalog produktów
Pełny widok kategorii z rozwijanymi filtrami (Availability, Price) i sortowaniem. Siatka zdjęć trzyma równe proporcje, więc przy większym asortymencie klient nie czuje się przytłoczony.
08. Karta produktu skupiona na konwersji
Najważniejszy ekran w całym sklepie. Nacisk położyłem na kontrastowy przycisk "Dodaj do koszyka" i ikony korzyści. Długie opisy schowałem w akordeonach: Szczegóły i działanie, Sposób użycia, Pełny skład (INCI).