Najlepsze praktyki projektowania stron internetowych dla e-commerce w celu zwiększenia konwersji

Opublikowany: 2018-04-15

Witryny e-commerce istnieją tylko po to, by generować sprzedaż.

Aby jednak klienci mogli kupować, Twoja witryna e-commerce musi być zoptymalizowana pod kątem konwersji online.

Audyt diagnostyczny Nyraju Skin Care i przeprojektowanie taktyczne

SiteTuners współpracował z Nyraju Skin Care – jednym z pionierów na rynku naturalnej i organicznej pielęgnacji skóry dla Afroamerykanów – nad taktycznym przeprojektowaniem ich witryny e-commerce. Nyraju chciał zwiększyć sprzedaż online i przychody poprzez optymalizację stron docelowych i lejka e-commerce.

Pierwszym krokiem w zwiększeniu sprzedaży w e-commerce jest wyeliminowanie źródeł tarcia i barier dla udanej konwersji . SiteTuners przeprowadził audyt diagnostyczny krytycznych stron Nyraju w celu zidentyfikowania problemów związanych z projektowaniem i użytecznością, które uniemożliwiają odwiedzającym konwersję. Następnie zaleciliśmy ulepszenia, aby rozwiązać te problemy i pomóc Nyraju czerpać korzyści z szybkich wygranych.

W oparciu o zalecenia SiteTuners, Nyraju Skin Care zrewidowało krytyczne strony docelowe w swoim lejku e-commerce. Zmiany te zaowocowały aż 277% wzrostem konwersji !

Zalecenia SiteTuners dotyczące pielęgnacji skóry Nyraju zostały oparte na następujących zasadach:

Budować zaufanie
Być istotnym
Miej silną propozycję wartości
Bądź konsekwentny
Wyeliminuj rozpraszacze
Masz wyraźne wezwanie do działania
Ułatw konwersję dla użytkowników

Dostrajanie stron e-commerce Nyraju

Firma Nyraju Skin Care chciała zwiększyć konwersje ze swojej witryny e-commerce, ale nie chciała przechodzić poważnego przeprojektowania witryny. Zamiast tego wykorzystali doświadczenie SiteTuners w taktycznym przeprojektowaniu, aby zoptymalizować swoje istniejące strony docelowe.

Przed liftingiem ogólny współczynnik konwersji Nyraju Skin Care wynosił 1,31%. Konwersja strony głównej wyniosła 2,10%.

SiteTuners sprawdził strony docelowe, które miały znaczący wpływ na decyzje zakupowe klientów. Następnie Nyraju Skin Care wdrożyło proponowane przez SiteTuners zmiany na swoich stronach docelowych i monitorowało wydajność za pomocą narzędzi analitycznych.

Poniżej znajdują się oryginalne i zoptymalizowane wersje stron docelowych:

Zazwyczaj nowi użytkownicy najpierw trafiają na stronę główną Nyraju. Jeśli nie mają na myśli konkretnego produktu, klikają interesującą ich kategorię, taką jak ta poniżej:

Następnie klikają na stronę szczegółów produktu:

Jeśli odwiedzający kliknie przycisk dodawania do koszyka, zostanie natychmiast przeniesiony na poniższą stronę koszyka:

Celem konwersji Nyraju Skin Care jest zrealizowana sprzedaż.

Zidentyfikowaliśmy wycieki konwersji w lejku e-commerce firmy Nyraju i zaleciliśmy zmiany na ich stronach docelowych w oparciu o zasady projektowania zorientowanego na konwersję . Te zasady CRO są podstawą struktury SiteTuners do projektowania intuicyjnych , przekonujących i angażujących doświadczeń internetowych.

1. Buduj zaufanie

Zaufanie to podstawowy element transakcji e-commerce. Twoi użytkownicy nie będą kupować od Ciebie, jeśli Twoja witryna nie zapewnia wiarygodności. Jako reprezentacja Twojej firmy i marki w Internecie, Twoja witryna musi mieć przejrzysty, profesjonalny i spójny projekt , który wzbudza zaufanie odwiedzających. Posiadanie widocznych symboli zaufania i przestrzeganie konwencji internetowych również pomaga użytkownikom rozwinąć poczucie znajomości witryny.

W przypadku Nyraju oryginalna strona główna wyglądała na zaśmieconą zbyt wieloma ofertami – w tym automatycznym suwakiem – w głównym obszarze treści, a także zawierała fragmenty tekstu przeznaczone do optymalizacji pod kątem wyszukiwarek. Największy element zaufania – numer telefonu – wtopił się w tło. Pozostałe symbole zaufania (BBB, 100% Guaranteed Security) znajdowały się na dole strony, przez co były nieskuteczne. Większość ludzi nie przewija na dół strony, więc nie widzi żadnego logo zaufania.

Zalecamy uporządkowanie obszaru zawartości poprzez usunięcie obracającego się banera i zastąpienie go jedną ofertą. Zasugerowaliśmy również dodanie logo klienta, aby wzmocnić zaufanie. Przenieśliśmy niektóre elementy (takie jak pasek wyszukiwania i numer telefonu) do bardziej standardowych lokalizacji na stronie.

2. Bądź odpowiedni

Odwiedzający początkowo w ciągu kilku sekund decydują, czy czują się dobrze w Twojej witrynie. To, jak dobrze Twoja strona docelowa pasuje do intencji użytkownika, ma duży wpływ na tę decyzję.

Po pierwsze, strona docelowa musi odzwierciedlać komunikaty reklamowe i słowa kluczowe używane do przyciągnięcia użytkownika.
Następnie strona docelowa powinna zawierać przydatne informacje o reklamowanym produkcie/usłudze.
Wreszcie strona docelowa powinna cechować się dużą użytecznością i doświadczeniem użytkownika .

W przypadku Nyraju odwiedzający, którzy trafią na stronę główną, nie będą mieli problemu z poznaniem, co sprzedaje firma. Ale jeśli klient trafia bezpośrednio na stronę produktu, komunikat nie jest odpowiedni do intencji.

SiteTuners zalecili posiadanie nawigacji wizualnej , takiej jak kategorie oparte na obrazach w obszarze zawartości zamiast suwaka. W ten sposób odwiedzający mogą samodzielnie wybierać i samodzielnie nawigować. Będą też od razu wiedzieć, jakie produkty można kupić w sklepie internetowym, bez konieczności czytania tekstu. Obrazy są w tym przypadku znacznie szybszym narzędziem nawigacyjnym.

3. Miej silną propozycję wartości

Propozycja wartości pozwala odwiedzającym wiedzieć, dlaczego powinni kupować w Twojej firmie ; co w tym jest dla nich. Posiadanie silnej propozycji wartości ma kluczowe znaczenie dla przekonania odwiedzających do podjęcia działania.

Oryginalne strony docelowe Nyraju Skin Care obiecywały 100% Natural Black Skin Care, ale nie było to jasne. Opierali się również na długim tekście, aby wyjaśnić zalety swoich produktów. Ale ludzie na ogół nie czytają tekstu w internecie , więc na pewno przegapią te kwestie.

Twoja witryna powinna skupiać się na korzyściach , aby odwiedzający doskonale wiedzieli, dlaczego powinni kupić produkt lub usługę. Zalecamy użycie kombinacji obrazów i wypunktowań, aby propozycja wartości była bardziej oczywista. Zachęcaliśmy również do umieszczania zdjęć „przed” i „po”, aby pokazać odwiedzającym korzyści płynące z używania produktów Nyraju.

4. Bądź konsekwentny

Spójność w projektowaniu, brandingu i przekazie ma kluczowe znaczenie dla zdobycia zaufania odwiedzających. Osiągnięcie spójności to nie tylko profesjonalnie wyglądające strony docelowe, ale także utrzymanie zapachu informacji na całej ścieżce.

Oryginalna strona główna i strony docelowe Nyraju były bardzo niespójne w projekcie. Niektóre elementy na stronach, takie jak nagłówek i elementy wizualne, nie pasowały do innych. Na stronie produktu obrazy recenzowanych produktów zostały przesunięte w górę i źle wyrównane z resztą, przez co witryna wyglądała na uszkodzoną. Zbyt dużą uwagę zwróciła również lewa nawigacja i promocja treści.

Aby osiągnąć spójność, SiteTuners zasugerował wyrównanie obrazów produktów i usunięcie lewej nawigacji. Zachęcano również do umieszczania nagłówka i stosowania wypunktowań na stronach produktów, aby zapewnić ciągłość.

5. Pozbądź się zakłóceń

Bałagan zabija konwersje. Strony docelowe powinny być wolne od zbędnych elementów projektu lub interakcji, które odwracają uwagę odwiedzających od wykonania zadania.

Strona główna i strony docelowe Nyraju Skin Care zawierały zbyt wiele elementów w głównym obszarze treści:

Był suwak, który automatycznie przesuwał się, przechodząc z jednej kategorii do drugiej.
Kilka niepowiązanych banerów promocyjnych również rywalizowało o uwagę odwiedzających.

Aby wyeliminować rozpraszanie uwagi, doradziliśmy, aby suwak i promocje zostały zastąpione nawigacją obrazkową po kategoriach najwyższego poziomu. Zalecamy również usunięcie lewej nawigacji na stronach kategorii i szczegółów produktu, ponieważ nie dodawała żadnej wartości do strony.

6. Miej wyraźne wezwanie do działania

Clarity łagodzi obawy odwiedzających przed ryzykiem transakcji online. Zwiększa również przejrzystość strony docelowej z punktu widzenia użytkownika. Jasna architektura informacji, dobry tekst i wyraźne wezwania do działania są niezbędne do zachowania przejrzystości.

SiteTuners pracował nad zwiększeniem przejrzystości poprzez poprawę widoczności głównego wezwania do działania. Zasugerowaliśmy również zmiany w hierarchii wizualnej i kopiowaniu przycisków, aby lepiej dopasować je do intencji użytkownika . Na przykład Nyraju może umieścić zdjęcie swojego bestsellerowego zestawu próbek w nawigacji wizualnej, aby odwiedzający po raz pierwszy mogli je łatwo znaleźć.

7. Ułatw konwersję dla użytkowników

Łatwość obsługi jest ważnym czynnikiem konwersji online. Odwiedzający powinni uznać, że strona docelowa jest prosta i bezproblemowa, bez frustrujących problemów z doświadczeniem użytkownika. Nie powinni poświęcać zbyt wiele wysiłku umysłowego, aby wykonać zadanie na stronie internetowej.

Oprócz uporządkowania strony internetowej Nyraju Skin Care, SiteTuners kładło nacisk na przestrzeganie konwencji internetowych, aby ułatwić poruszanie się po stronie. Zasugerowaliśmy również ulepszenia wyszukiwania w witrynie, aby poprawić znajdowalność produktów.

Wyniki

Nyraju śledził wydajność zoptymalizowanych stron docelowych po wdrożeniu zaleceń SiteTuners.

Wyniki pokazały, że:

Konwersje na stronie głównej (użytkownicy lądują na stronie głównej, a następnie dokonują zakupu) wzrosły o 22,85%
Konwersje na stronie kategorii twarzy (odwiedzający lądujący na produktach twarzy i dokonujący zakupów) wzrosły o 98,4%
Konwersje dla najlepiej sprzedającego się zestawu próbek do pielęgnacji skóry naturalnej Nyraju wzrosły o 277,5%

Po przeprojektowaniu inne strony ze szczegółowymi informacjami o produkcie doświadczyły niewielkich wzrostów.

Ogólnie rzecz biorąc, przychody i wielkość zamówień Nyraju Skin Care podwoiły się .

Wniosek

W e-commerce liczy się tylko jedna rzecz: wynik końcowy.

Pierwszym krokiem do zwiększenia sprzedaży i przychodów jest usunięcie barier konwersji na stronie internetowej. Zoptymalizuj swoje strony docelowe zgodnie z przetestowanymi i sprawdzonymi zasadami stron docelowych zoptymalizowanych pod kątem konwersji, a będziesz na dobrej drodze do zwiększenia sprzedaży i przychodów w e-commerce.