Genaralna uwaga do nowego layoutu jest taka, żeby całość była maksymalnie sprzedażowa i minimalnie informacyjna. Większość naszego asortymentu jest znana naszym pracownikom. Postarajmy się umożliwić im zakupy przy jak najmniejszej ilości kroków zakupowych. 

BOX

Box produktowy

Box produktowy powinien być taki sam na każdej podstronie i umożliwiać dodawanie do koszyka bezpośrednio z niego.

Na każdej instancji boxu musi znajdować się CTA

  1. "+ Dodaj"
  2. Po najechaniu na box rozwija się możliwość wybrania magazynu i dodania do koszyka.

Strona główna

Stronę główną skracamy do minimalnej ilości sekcji:

  1. Wyszukiwarka
  2. Belka nawigacyjna
  3. Baner z aktualnie komunikowaną promocją 
  4. Rozwijana belka z najważniejszymi informacjami jak kupować i jak poruszać się po magazynach.
  5. Karuzela produktowa z najlepszymi (najniższymi cenami)
  6. Karuzela produktowa z nowościami na sklepie

 

Strona-glowna

Listing

  1. Poszczególne pola na listingu rozdzielamy na dodatkowym szarym tle
  2. Ścieżkę zakupową odcinamy tłem robimy bardziej widoczną.
  3. Na samej górze zbieramy wszystkie elementy nawigacyjne: sortowanie, paginacja, aktywne filtry w boxach do wyłączenia i opcję wyczyszczenia wszystkich filtrów. 
  4. Layout powinien skalowac się tak aby przy rozdzielczości 1440 px było widać 4 kolumny z produktami.

 

Listing-(wybrany)

Karta produktu

  1. Poszczególne pola karty produktu robimy maksymalnie kompaktowe, tak aby w pionie było widać jak najwięcej elementów: zdjęcie produktu, box zakupowy, warianty (o ile są możliwe do przebudowania)
  2. Dodajemy widoczny element CTA "Powrót do sklepu"
  3. Zakładamy, że galerii produktu nie ma. Jest tylko 1 produkt, jeśli ma być ich więcej to galeria powinna znajdować się po lewej stronie głównego zdjęcia a nie na dole.
  4. Opis zwinięty do belki.
  5. Sekcja z produktami komplementarnymi (karuzela)
Karta produktu

Karta produktu (wersja po rozwinięciu belki z opisem)

Karta rozwinieta

Koszyk

  1. Koszyk w 3 krokach: 1. Koszyk > 2. Dostawa i płatność > 3. Potwierdzenie
  2. Dodajemy belkę zachęcającą do osiągnięcia minimum logistycznego.
  3. Lista produktów idzie na dół pod najważniejszymi informacjami.
  4. Pola dostawa i płaność minimalizujemy i łączymy. Formy płatności tylko najpopularniejsze, rodzaje banków do przelewu dajemy na ewentualny popup.
Koszyk
Dostawa i patnosc
Podsumowanie