Zakres przebudowy
Prostnica jest działającym sklepem zbudowanym po to, żeby pokazać, jak wygląda przebudowa na platformie Shoper nastawiona na skrócenie drogi do zamówienia. Ta strona opisuje, co w tym układzie jest decyzją projektową, a co ograniczeniem platformy.
Punktem wyjścia jest sytuacja, którą widać w sklepach prowadzonych od kilku lat: strona główna zajęta wpisami i banerami, produkt pojawia się dopiero po dwóch ekranach przewijania, koszyk i kasa rozłożone na cztery kroki. Sklep czyta się wtedy jak blog i sprzedaje jak blog.
Ścieżka zakupowa w liczbach
Liczby zmierzone na tej makiecie, przy domyślnym wariancie i pełnym stanie magazynowym.
2
kliknięcia od wejścia na stronę główną do koszyka (wybór wariantu i przycisk zakupu)
3
kliknięcia od listingu kategorii do koszyka, bez wchodzenia w kartę produktu
1
ekran kasy: dane, dostawa i płatność razem, z podsumowaniem widocznym cały czas
Decyzje, z których to wynika
Produkt w pierwszym ekranie
Zamiast banera z hasłem stoi tam narzędzie z ceną, wyborem wariantu i przyciskiem zakupu. Pierwszy ekran przestaje być plakatem i zaczyna być półką.
Wariant wybierany w kafelku
Szerokość dłuta albo rodzaj noża wybiera się na liście, bez wchodzenia w kartę produktu. Karta zostaje dla tych, którzy chcą przeczytać opis, a nie dla wszystkich, którzy chcą kupić.
Filtr po robocie, nie po nazwie
Kupujący częściej wie, co ma zrobić, niż jak nazywa się narzędzie. Filtr zadaniowy zamienia „wyciąć czop" na trzy pozycje z katalogu, których początkujący nie znalazłby po nazwie katalogowej.
Koszyk jako panel, nie jako strona
Dodanie narzędzia nie przerywa przeglądania. Panel pokazuje pozycję, sumę i brakującą kwotę do dostawy bez opłaty, a strona koszyka zostaje dla ścieżki bez JavaScriptu i dla kogoś, kto wraca później.
Treść prowadzi do narzędzia
Wpis poradnikowy nie znika przy przebudowie: kończy się listą narzędzi opisanych w tekście, z ceną i przyciskiem zakupu. Treść zostaje argumentem sprzedażowym zamiast konkurencją dla produktu.
Rysunek zamiast zdjęcia z banku zdjęć
Każde narzędzie ma rysunek techniczny z linią wymiarową, rysowany wektorowo. Waży kilka kilobajtów, skaluje się bez utraty jakości i podaje wymiar, którego zdjęcie nie poda.
Wszystkie opisane rozwiązania działają na tej stronie. Otwórz katalog i dodaj narzędzie do koszyka: wybór wariantu i przycisk zakupu są na liście, bez wchodzenia w kartę.
Co z tego wchodzi do szablonu Shoper Storefront
Głębokość zmian zależy od pakietu abonamentowego sklepu. Podział poniżej jest tym, co rozstrzyga się na starcie projektu, przed wyceną.
| Element | Realizacja w Storefroncie | Pakiet |
|---|---|---|
| Układ strony głównej, listingu i karty produktu | Kolejność i konfiguracja modułów szablonu w edytorze. | Standard |
| Paleta, typografia, wygląd kafla towaru | Arkusz własny szablonu, zmienne kolorów i kroje w edycji zaawansowanej. | Standard |
| Rysunki techniczne narzędzi | Pliki SVG wgrane jako zdjęcia produktu. | Standard |
| Wybór wariantu na liście produktów | Atrybut produktu wystawiony w module własnym listingu. | Premium |
| Filtr po robocie do wykonania | Dodatkowy atrybut produktu plus moduł własny z kodem JavaScript. | Premium |
| Panel koszyka i kasa na jednym ekranie | Edycja stron koszyka w Storefroncie; domyślnie koszyk ma dwa kroki. | Premium |
| Moduł zakupowy pod wpisem poradnika | Moduł własny osadzony w szablonie wpisu. | Premium |
W pakiecie Standard praca schodzi do przestawiania i konfiguracji modułów gotowych. Wszystko, co wymaga własnego kodu w szablonie, wchodzi dopiero w Premium. Dlatego pakiet sprawdza się przed wyceną, a nie w połowie wdrożenia.
Co się dzieje z pozycjami w wyszukiwarce
Adresy
Przebudowa układu nie musi zmieniać adresów. Jeśli zmienia (scalenie kategorii, inna struktura wpisów), każdy stary adres dostaje przekierowanie stałe na nowy, wpisane przed publikacją, nie po.
Treść kategorii
Opisy kategorii i wpisy zostają. Skracamy je i przenosimy pod listing, żeby nie odsuwały produktów, ale nie kasujemy: to one odpowiadają za wejścia z wyszukiwarki na zapytania poradnikowe.
Dane strukturalne
Karta produktu podaje cenę, dostępność i indeks w formacie, który czyta wyszukiwarka. W makiecie widać to w źródle strony produktu.
Ten projekt wykonała pracownia Talarowski
Prostnica jest realizacją własną pracowni, nie wdrożeniem dla klienta. Marka, katalog, ceny i dane kontaktowe są wymyślone, ale wszystko, co widać, działa. Jeśli szukacie kogoś do przebudowy sklepu na Shoperze, to jest próbka tego, jak pracujemy: od ścieżki zakupowej, nie od banera.
Zobacz pracownię →