Najlepsze praktyki w witrynie eCommerce: Anatomia „idealnej” witryny eCommerce [edycja 2022]

Jeśli zajmujesz się sprzedażą produktów materialnych, prawdopodobnie dołączyłeś już do mody eCommerce.

Według eMarketera sprzedaż w handlu elektronicznym do 2018 r. osiągnie prawie 2,5 biliona dolarów. Właściciele sklepów stacjonarnych coraz częściej dołączają do cyfrowego wyścigu, aby zwiększyć swoje zarobki.

A dlaczego nie mieliby?

Internet to raj dla kupujących. W zaciszu domu i jednym kliknięciem konsument może kupić prawie wszystko, czego zapragnie, bez konieczności walki z korkami, szukania parkingu, stawiania czoła tłumom i radzenia sobie z niesprzyjającą pogodą.

Więc gdzie to cię stawia?

W coraz bardziej przepełnionym świecie handlu elektronicznego przeciwko innym dostawcom internetowym.

Aby pokonać krzywą i dołączyć do grona najlepszych sklepów eCommerce, musisz zapewnić konsumentom dobrze zorganizowane i wydajne zakupy online .

Pojęcie idealnej witryny eCommerce to mit, ale możesz stworzyć własną wersję doskonałej, stale przeprowadzając testy A/B i zawsze myśląc o swoich klientach i ich potrzebach.

Świetne witryny eCommerce mają kilka wspólnych elementów. Rozkładamy je, przyglądając się dogłębnie Twoim:

1. Strona główna
2. Strona kategorii
3. Strona produktu
4. Strona kasy

W pośpiechu? Oto najlepsze praktyki tworzenia witryny eCommerce w 2022 roku:

• Sprawdzone metody dotyczące strony głównej:
  1. Zawsze obecny pasek wyszukiwania
  2. Propozycja wartości z przodu i na środku
  3. Zakładka produktów sprzedażowych/promocji
  4. Stopka, w której klienci mogą znaleźć informacje o Twojej firmie
• Sprawdzone metody dotyczące stron kategorii:
  1. Wyraźnie wyświetlane produkty w rzędach
  2. Łatwa do znalezienia nawigacja
  3. Baner funkcji, aby wyróżnić promocje
  4. Poświęć sekcję „Bestsellerom” i/lub „Nowościom”
• Najlepsze praktyki na stronach produktów:
  1. Wyświetlaj oceny i recenzje klientów
  2. Przekonująca kopia produktu
  3. Ogromne, żywe obrazy produktów
  4. Duże, pogrubione, kontrastujące w kolorze przyciski do dodawania do koszyka
  5. Up-sell, cross-sell, powiązane produkty
• Najlepsze praktyki na stronie kasy:
  1. Wizualny wskaźnik postępu
  2. Oferuj różne opcje płatności
  3. Dołącz podsumowanie zamówienia
  4. Łatwa w obsłudze obsługa klienta
  5. Bezpieczne plakietki przy kasie
• Najlepsze przykłady witryn eCommerce:
  1. Stanley-PMI: Pierwsze wrażenie ma znaczenie
  2. Tivoli Audio: Optymalizacja pod kątem „Gotowego do zakupu” i „Pokaż mi szczegóły, koleś”
  3. Herman Miller: Prezentacja swoich produktów poprzez filmy
  4. Sticker Mule: udowodnienie swojej propozycji wartości w kilka sekund
  5. Lululemon Athletica: zachęcanie odwiedzających do zaangażowania
  6. MVMT: jedno kliknięcie w celu zwiększenia AOV

Pobierz naszą listę kontrolną: najlepsze praktyki projektowania witryn eCommerce

36-punktowa lista kontrolna do stworzenia najlepszej witryny eCommerce.

Wyślij mi przewodnik

Najlepsze praktyki na stronie głównej eCommerce

Następujące elementy są integralną częścią strony głównej o wysokiej konwersji:

Wskazówka dotycząca najlepszych praktyk na stronie głównej nr 1: Zawsze obecny pasek wyszukiwania

Pasek wyszukiwania to niezwykle ważna część każdej witryny eCommerce. Upewnij się, że gdy konsument przewija w dół, aby spojrzeć na dół strony, pasek wyszukiwania wciska się w pasek nawigacji i przewija się wraz z nimi. Odwiedzający nie powinni przewijać strony w górę, aby wyszukać coś nowego.

Wskazówka dotycząca najlepszych praktyk na stronie głównej nr 2: Propozycja wartości z przodu i na środku

Twoja strona główna musi mieć mocny haczyk, aby wzbudzić zainteresowanie konsumentów i zachęcić ich do zakupów. Dodaj oomph do swojej propozycji wartości , przedstawiając w zwięzły sposób zalety swoich produktów . Podaj swoje USP i odzwierciedl w ten sposób osobowość swojej marki. Upewnij się, że Twoja propozycja wartości jest jasna i widoczna.

Porada dotycząca najlepszych praktyk na stronie głównej nr 3: Zakładka Produkty sprzedażowe/Promocje

Informuj obecnych i nowych klientów na swojej stronie o najnowsze promocje. Możesz wyświetlić zakładkę u góry strony ze szczegółowymi informacjami o najnowszych zniżkach i ofertach. To także świetne miejsce do wyświetlania zachęt dla kupujących po raz pierwszy.

Porada dotycząca najlepszych praktyk na stronie głównej nr 4: stopka, w której klienci mogą znaleźć informacje o Twojej firmie

Dodaj wszystkie dane swojej firmy w stopce swojej witryny eCommerce. Dodaj krótki opis firmy, adres e-mail lub bezpłatny numer, pod którym mogą się z Tobą skontaktować, Twoją lokalizację, różne kategorie produktów, blog (jeśli go masz), konta w mediach społecznościowych i tak dalej.

Najlepsze praktyki dotyczące strony kategorii eCommerce

Strony kategorii muszą zawierać następujące elementy, aby czerpać lukratywne nagrody:

Wskazówka dotycząca najlepszych praktyk na stronie kategorii nr 5: wyraźnie wyświetlane produkty w wierszach

Według Barbary E. Kahn, profesor marketingu i dyrektora Jaya. Centrum Handlowe H. Baker,

„Pomysł polega na tym, że weźmiesz jeden produkt, gdy towary są ułożone pionowo i więcej niż jeden, gdy są ułożone poziomo. Sprzedawcy odkryli to.”

Pokazuje to, że produkty ułożone poziomo w rzędach będą się lepiej sprzedawać w porównaniu z produktami wyświetlanymi w kolumnach.

Porada dotycząca najlepszych praktyk na stronie kategorii nr 6: Łatwa nawigacja

Posiadanie przejrzystego planu nawigacji pomaga w użyteczności i pozwala użytkownikom z łatwością przejść do wybranej kategorii.

Porada dotycząca najlepszych praktyk na stronie kategorii nr 7: Baner z funkcją wyróżniania promocji

Baner funkcji jest istotną częścią strony kategorii. Poprawia to wrażenia użytkownika na wiele sposobów – pokazując im, że są na właściwej stronie, kierując ich do następnego kroku, który muszą wykonać, aby zakończyć proces zakupów online i kusząc ich ciągłymi promocjami.

Pobierz naszą listę kontrolną: najlepsze praktyki projektowania witryn eCommerce

36-punktowa lista kontrolna do stworzenia najlepszej witryny eCommerce.

Wyślij mi przewodnik

Wskazówka dotycząca najlepszych praktyk na stronie kategorii nr 8: Poświęć sekcję „Bestsellerom” i/lub „Nowościom”

Nowi przybysze pomagają zwolennikom marki w dokonywaniu nowych zakupów, ponieważ wciąż wracają po więcej. Bestsellery są równie skuteczne, ponieważ zachęcają nowych klientów do dokonania pierwszego zakupu w oparciu o Twoje popularne produkty.

Najlepsze praktyki dotyczące strony produktu w handlu elektronicznym

Strony produktów o wysokiej konwersji nie spełnią swojej roli bez następujących elementów:

Wskazówka 9 dotycząca najlepszych praktyk na stronie produktu: Wyświetlaj oceny i recenzje klientów

Według Moz opinie online mają wpływ na 67% konsumentów. Wyświetlanie wszelkiego rodzaju recenzji, dobrych i złych (tak, także tych negatywnych) zachęca konsumentów do zaufania Twojej marce i zakupu od Ciebie. Uczciwe recenzje są zawsze mocną podstawą zaufania.

Porada dotycząca najlepszych praktyk na stronie produktu nr 10: Przekonujący tekst produktu

Kopia produktu jest istotną częścią świata eCommerce. Czemu? Ponieważ musi sprzedać produkt. Musi rozmawiać z konsumentem. Bądź opisowy, maluj obrazki i zamiast przedstawiać cechy, wyjaśnij zalety produktu.

Wskazówka dotycząca najlepszych praktyk na stronie produktu nr 11: Ogromne, żywe obrazy produktów

Wizualizacje przebijają tekst. Ziarnisty, pikselowy obraz o matowych kolorach namaluje negatywny obraz Twojej marki i nie przemówi do konsumenta. Z drugiej strony duży, żywy obraz, na którym każdy szczegół jest wyraźnie widoczny, spodoba się Twoim klientom. Ponadto postaraj się wyświetlić jak najwięcej kątów i punktów widzenia produktu.

Według Matta z American Muscle,

„American Muscle nie tylko ma świetną kolekcję zdjęć dla prawie każdego produktu pod każdym kątem, w samochodzie i poza nim, ale także umożliwia klientom przesyłanie własnych zdjęć. Te ujęcia klientów są często lepsze niż ujęcia korporacyjne i zawierają kąty, które klienci naprawdę chcą zobaczyć”.

Kompletny przewodnik po rozwoju i skalowaniu biznesu eCommerce

Wszystko, czego nauczyliśmy się podczas naszej ponad 18-letniej podróży w 30 000-słownym przewodniku PDF.

Wyślij mi przewodnik

Wskazówka dotycząca najlepszych praktyk na stronie produktu nr 12: Duże, pogrubione, kontrastujące w kolorze przyciski dodawania do koszyka

Umieść CTA w bliskiej odległości od produktu. Oznacz przycisk CTA Dodaj do koszyka, Kup teraz itd. Upewnij się, że są duże i łatwo widoczne.

Porada dotycząca najlepszych praktyk na stronie produktu nr 13: Sprzedaż dodatkowa, sprzedaż krzyżowa, produkty powiązane

Możesz zwiększyć konwersje i zwiększyć średnią wartość koszyka poprzez up-selling i cross-selling powiązanych produktów. Pokaż konsumentom produkty, które uzupełniałyby ich zakup lub podobne do tego, co kupili. Według badań firmy Forrester, up-sell i cross-sell odpowiadają za średnio 10-30% przychodów z eCommerce.

Najlepsze praktyki dotyczące strony kasy w handlu elektronicznym

Następujące elementy dają konsumentom ostateczny impuls do sfinalizowania sprzedaży na stronie kasy:

Wskazówka dotycząca najlepszych praktyk na stronie kasy nr 14: Wizualny wskaźnik postępu

Formularze płatności online często mogą zniechęcić klientów do zakończenia procesu zakupowego. Tak blisko a jednak tak daleko. Ale dlaczego? Ponieważ wypełnienie wszystkich żmudnych szczegółów może być najbardziej nudnym i ręcznym zadaniem znanym w cyfrowym świecie! Jak więc ułatwić klientowi to bolesne zadanie? Pokazywanie im postępów w wypełnianiu formularzy za pomocą wizualnego wskaźnika postępu pozwala im zobaczyć światło na końcu tunelu. Nie wykonuje za nich pracy, ale przynajmniej psychologicznie pomaga im przez to przejść.

Wskazówka dotycząca najlepszych praktyk na stronie kasy nr 15: Oferuj różne opcje płatności

Zaoferuj klientom luksus wyboru opcji płatności, takich jak PayPal, Stripe, Mastercard itp.

Wskazówka dotycząca najlepszych praktyk na stronie kasy nr 16: Dołącz podsumowanie zamówienia

Pokaż swoim klientom podsumowanie ich zamówienia na stronie kasy, aby wiedzieli, co kupują. Dzięki temu nie będą się ciągle zastanawiać, czy kliknęli w odpowiedni produkt, jaka była cena, czy wybrali odpowiedni kolor itp. Możesz dołączyć zdjęcie produktu, atrybuty produktu i jego cenę.

Wskazówka dotycząca najlepszych praktyk na stronie kasy nr 17: Łatwa nawigacja w obsłudze klienta

Brak polityki zwrotów to pewny sposób na przestraszenie klientów. Aby tego uniknąć, dodaj elementy wsparcia do swojej strony kasy. Może to obejmować funkcję czatu, jasne zasady dotyczące wysyłki i zwrotów, bezpłatny numer, pod który można zadzwonić itp.

Wskazówka dotycząca najlepszych praktyk na stronie kasy #18: Bezpieczne plakietki przy kasie

Użyj nagłówka z napisem „100% bezpieczne zakupy” lub dodaj plakietki bezpieczeństwa w stopce, aby odłożyć pytania zabezpieczające klientów. Ponieważ biznes eCommerce rozwija się w tak szybkim tempie, ważne jest, aby zapewnić klientom bezpieczne środowisko zakupów online. Dodanie tej grafiki na stronie kasy wyeliminuje szanse, że klienci wycofają się w ostatniej chwili ze względów bezpieczeństwa.

Pobierz naszą listę kontrolną: najlepsze praktyki projektowania witryn eCommerce

36-punktowa lista kontrolna do stworzenia najlepszej witryny eCommerce.

Wyślij mi przewodnik

Chcesz zobaczyć pełną infografikę? Zapraszam do udostępniania (kod do umieszczenia na dole)

Udostępnij tę infografikę w swojej witrynie

<p><strong>Proszę dołączyć do tej grafiki przypisanie do Core dna.</strong><br /><br /><a href='https://www.coredna.com/blogs/ecommerce-site'> <img src='https://www.coredna.com/web_images/ecommerce-site-design-infographic.png' alt='Anatomia idealnej witryny e-commerce' width='725px' border='0' /> </a></p>

Najlepsze przykłady witryn eCommerce: edycja 2022

Zbadaliśmy najlepsze witryny eCommerce w różnych branżach, zarówno w B2C, jak i B2B, aby dać Ci kompleksowy wgląd w to, czego potrzeba, aby przejść od przeciętnej witryny do lidera w branży.

1. Stanley-PMI: Pierwsze wrażenie ma znaczenie

Kategoria: B2C

Rynek: Kubki i termosy zewnętrzne

Gdy ktoś trafi na Twoją witrynę, odejdzie w mgnieniu oka, jeśli nie zaangażujesz go szybko lub nie pokażesz mu czegoś, co go zaintryguje.

Dlatego ważne jest, aby odwiedzający Twoją witrynę zrozumieli korzyści płynące z Twoich produktów, a firma Stanley-PMI świetnie sobie z tym radzi. Im szybciej zrozumieją, co robi dla nich Twój produkt, tym wyższe będą Twoje konwersje.

Co nam się w tym podoba

Przejrzysta i zwięzła kopia produktu: szybkie korzyści, kolorystyka każdego produktu, ocena na górze i wyraźny przycisk „DODAJ DO KOSZYKA” ułatwiają podjęcie decyzji.

Co można poprawić

Zamiast mówić „Zapisz się do naszego newslettera”, powinni podać natychmiastową korzyść z rejestracji. Mogą użyć magnesu prowadzącego i napisać coś w stylu: „Aby otrzymać bezpłatny przewodnik…”

Nawet dodanie „Zapisz się, aby uzyskać ekskluzywne oferty” bez magnesu prowadzącego, sprawiłoby, że czytelnicy wprowadziliby swój adres e-mail bardziej przekonująco.

2. Tivoli Audio: Optymalizacja pod kątem „gościa gotowego do zakupu” i „pokaż mi szczegóły koleś”

Kategoria: B2C

Rynek: Audio

Istnieją dwa rodzaje konsumentów:

1. Ci, którzy są gotowi do zakupu, podejmują szybkie decyzje i chcą dostać się od razu do towaru.
2. Są też tacy, którzy chcą wiedzieć więcej. Chcą przeczytać FAQ, stronę z informacjami i przeczytać prawie wszystko przed zakupem.

Dobra witryna eCommerce wie, jak zoptymalizować dla obu typów ludzi, a Tivoli Audio robi to dobrze.

Co nam się w tym podoba

Nawigacja z dwoma nagłówkami na stronie głównej. Duża, przejrzysta nawigacja do sklepu i innych głównych stron, a dla tych, którzy chcą więcej, masz więcej szczegółów powyżej.

Co można poprawić

Jedną z kategorii, którą należy dodać (ponieważ zwykle jest to najwyższa kategoria wybierana w witrynach eCommerce) jest kategoria „Nowości”.

3. Herman Miller: Prezentacja swoich produktów poprzez filmy

Kategoria: B2B

Rynek: Meble

W dzisiejszych czasach oczekuje się dużych, wyraźnych, żywych zdjęć. Wideo staje się nowym standardem.

Co nam się w tym podoba

Produkty wyświetlane za pomocą wideo - klienci mogą doświadczyć produktów w ruchu, dzięki czemu są bardziej skłonni do zakupu.

Co można poprawić

To, czego brakuje Hermanowi Millerowi, to referencje klientów. Na stronie nie ma recenzji. Na stronach produktów jest kilku projektantów, ale brakuje im dowodu społecznego.

4. Sticker Mule: udowodnienie swojej propozycji wartości w kilka sekund

Kategoria: B2B

Rynek: Prezent

Mule z naklejkami świetnie sobie radzą, aby wyjaśnić, dlaczego są tak dobre. Ich propozycja wartości jest pierwszą rzeczą, którą widzisz, a bezpłatna naklejka prospekta składa się w kilka sekund, budując zaufanie i zwiększając liczbę konwersji.

Co nam się w tym podoba

Bardzo jasna propozycja wartości, która jest sprawdzona w kilka sekund i wiarygodność społeczna.

Co można poprawić

Może istnieć prostszy sposób na skontaktowanie się klientów z obsługą klienta - na stronie na dole strony znajduje się tylko jeden przycisk „kontakt”.

Dodanie opcji czatu na żywo w prawym dolnym rogu byłoby świetne. Pomogłoby nawet dodanie drugiego przycisku „kontakt” na górze.

5. Lululemon Athletica: zachęcanie odwiedzających do zaangażowania

Kategoria: B2C

Rynek: Odzież

Ludzie chcą więcej interakcji. Chcą bardziej angażować się w zakupy online.

Co nam się w tym podoba

Zaangażowanie na stronie jest świetne, a nawigacja ułatwia znalezienie dokładnie tego, czego szukasz.

Co można poprawić

Funkcja czatu na żywo wymaga zbyt wiele pracy - zamiast wypełniać formularz, aby czekać na czat na żywo, pozwól klientom pominąć pracę i od razu rozpocząć czat z agentem obsługi klienta lub chatbotem.

6. MVMT: Jedno kliknięcie w celu zwiększenia AOV

Kategoria: B2C

Rynek: moda

Twój sklep eCommerce powinien być zaprojektowany tak, aby robić jedną rzecz: dawać klientom coś, czego chcą.

Dodatkowa sprzedaż to doskonała okazja, aby dodać nieco więcej wartości do aktualnej oferty. Jeśli zrobisz to tak proste, jak kliknięcie przycisku, aby dodać drugi pasek do zegarka, będziesz mógł znacznie zwiększyć średnią wartość zamówienia.

Co nam się w tym podoba

Dodatkowa sprzedaż zegarków MVMT nie wydaje się zbyt nachalna. To nie sprawia, że ​​czujesz się nieswojo. Stwarza to okazję dla ich gościa, aby mieć więcej opcji. Postaw się w sytuacji swojego gościa. „Hmm… drugi pasek… nigdy o tym nie myślałem. Posiadanie czarnej skóry byłoby miłe. Tak, podoba mi się ten bardziej niż szary. *Kliknij*

Co można poprawić

MVMT ma ładną stronę. Jest czysty, dobrze zaprojektowany. Jest łatwy w użyciu. Jednak jedną rzeczą, którą można poprawić, jest strona główna u góry strony. Wyraźna propozycja wartości, która natychmiast mówi, dlaczego Twój sklep jest inny, obniży współczynniki odrzuceń i zwiększy konwersje.