7 przykładów stron docelowych i podziałów podróży użytkownika, aby poszukać inspiracji
Opublikowany: 2022-04-12Reklamy banerowe, webinaria, automatyzacja e-mail marketingu, promocje w mediach społecznościowych, SEO, content marketing. Inwestujesz w różne kanały marketingu cyfrowego, aby dotrzeć do nowych odbiorców i przyciągnąć ruch z powrotem do swojej witryny.
Twoja strona docelowa jest marką lub przełamaniem tych wysiłków. To moment, w którym wysiłek poświęcony na kreację i pieniądze wydane na reklamy kończą się udaną konwersją — lub nie.
Niestety większość stron docelowych jest nieskuteczna, a średni współczynnik konwersji we wszystkich branżach wynosi tylko 4,6%.
Optymalizacja strony docelowej to proces ciągłego testowania, poprawiania i ponownego testowania skuteczności stron internetowych w celu poprawy współczynników konwersji.
To różnica między byciem w większości a byciem jedną z najlepszych stron, które konwertują.

Taktyki, takie jak testy A/B, mają kluczowe znaczenie dla oceny skuteczności Twoich stron docelowych, ale nie przesuną się, dopóki nie zrozumiesz, co przyczynia się do wysokiej konwersji strony docelowej.
Aby to zilustrować, podzielimy siedem świetnych przykładów stron docelowych, aby pokazać, co działa i dlaczego.
1. Lista członków
Bezpieczne logowanie i płatności Memberstack firmy SaaS to doskonały przykład tego, jak interaktywność, ruch i dostosowywanie mogą tworzyć unikalne wrażenia na stronie docelowej.

Górna część strony jest skonfigurowana tak, aby celowo kierować odwiedzającego do migającej niebieskiej kropki po lewej stronie.
Kiedy naciśniemy jeden z tych przełączników, animacja po prawej stronie zmieni się, wizualizując zmianę w przepływie pracy zainicjowaną za pomocą Memberstack.

To sprytny sposób na zademonstrowanie działania produktu. Jest to również taktyka mająca na celu zmniejszenie współczynników odrzuceń i zachęcenie użytkowników do zaangażowania.
Badania pokazują, że treści interaktywne mogą być nawet dwa razy skuteczniejsze pod względem zaangażowania niż treści statyczne.
Stale rosnące przychody i liczba członków również subtelnie wykorzystują psychologiczne torowanie, tworząc nieświadome połączenie, że Memberstack oznacza więcej członków i większe przychody.
Sekcja bohatera skutecznie umieszcza przyciski CTA w prawym górnym i lewym dolnym rogu, czyli dwóch obszarach, w których badania eye-trackingowe wykazały, że większość spojrzeń przyciąga wzrok, gdy po raz pierwszy spojrzy na stronę docelową.
Poniżej niższego CTA, Memberstack zasugerował bezpieczeństwo swojej platformy za pomocą narzędzia do usuwania tarcia opartego na dowodach społecznych „Wspierane przez YCombinator”.

Odbiorcy B2B z grupy Memberstack znają YCombinator.
To sprytna kopia, która odpowiada na zarzut: „Jak bezpieczna jest aplikacja płatnicza Memberstack?”
Przewijając poniżej zakładki, Memberstack dodatkowo buduje zaufanie, wprowadzając podtytuł z kilkoma ważnymi liczbami, aby pokazać dowód wyników.

Zwróć uwagę, jak Memberstack umieszcza większe liczby w centrum, a mniejsze na zewnątrz.
Zapożycza to z dobrze znanego preferencyjnego uprzedzenia, które konsumenci mają do opcji środkowej, gdy mają do wyboru szereg opcji od lewej do prawej.
Memberstack wzmacnia wiarygodność dzięki drugiemu użyciu logo YCombinator, a także wezwaniu do Product Hunt, innej znanej nazwy dla głównych odbiorców marki.
Interesujące jest tutaj wykorzystanie referencji przez członków.

Większość stron docelowych używa dwóch lub trzech referencji umieszczonych kontekstowo. Użytkownicy załadowali recenzje, z których większości nie można przeczytać bez kliknięcia na inną stronę.
Może to działać na ich korzyść, jeśli przetestowali i potwierdzili, że ilość dowodów społecznych (liczba pozytywnych recenzji) jest bardziej przekonująca niż jakość (treść tego, co mówią recenzenci).
Przewijając dalej, mamy prosty 3-etapowy proces działania oprogramowania.

Członkowie grupy utrzymują to zwięźle, co jest idealne. Strony o niskiej intencji, takie jak strona główna, nie muszą być zbyt skomplikowane.
Sekcja „Konta użytkowników Plug & Play” jest doskonałym przykładem tego, jak interaktywność na stronie docelowej może zamienić zaangażowanie w inwestycję.

Za pomocą suwaka i przycisków przełączania użytkownicy mogą dostosować formularz po prawej stronie za pomocą kolorów i dodatkowych pól. Mają też okazję to zrobić w następnej sekcji.

Eksplorując funkcje produktu Memberstack w ograniczony sposób, widzowie poznają dokładnie, co mogą z nim zrobić i jak może to wpłynąć na ich życie.
Wpływa na to psychologiczna zasada znana jako własność umysłowa, powszechnie stosowana technika w sprzedaży bezpośredniej (np. jazda próbna samochodem przed zakupem).
Angażowanie się w treści sprawia, że użytkownicy czują, że są już ich (a dzięki niechęci do strat oznacza to, że nie chcą ich stracić).
Na dole strony znajduje się ostatnia sekcja CTA, która zawiera kilka środków do usuwania tarcia:
- Rozpocznij za darmo;
- Nieograniczony okres próbny;
- Uaktualnij, gdy czytasz;
- Nie wymagamy karty kredytowej.

Takie skupienie się na copywritingu jest kluczem do tworzenia stron docelowych o wysokiej konwersji. Odwołuje się bezpośrednio do powszechnych zarzutów sprzedażowych i rozwiązuje je, zanim przekonają klientów do rezygnacji ze sprzedaży.
2. Zendesk
Ta strona docelowa firmy Zendesk jest doskonałym przykładem dopasowania długości i stylu strony do intencji i poziomu świadomości odbiorców docelowych.
Copywriter konwersji Joanna Weibe omawia, jak długie lub krótkie powinny być landing pages.
„Nie ma sensu mówić „długa kopia zawsze przewyższa krótką kopię”… lub „długa kopia nie działa na mnie”… lub „użytkownicy sieci będą tolerować tylko krótkie kopie”…
Twoja strona musi być tak długa, jak jest to konieczne, aby przedstawić argument, który będzie skierowany do potencjalnego klienta w jego stanie świadomości. Jeśli nie wiesz, jak bardzo są świadomi, musisz się dowiedzieć, aby ukształtować swoją argumentację.
Na tym wykresie ilustruje wzajemne oddziaływanie świadomości i intencji.

Zendesk właśnie to robi.
Tekst użyty w nagłówku strony głównej jest wolny od żargonu i języka związanego z produktem.

Zendesk przeskakuje od razu z „Jak to działa” do „Co w tym jest dla mnie?”.
Odpowiedź? Lepsza obsługa klienta.
Zauważysz też sprytny projekt w prawym dolnym rogu. Ta jasna, kontrastująca plakietka zachęca odwiedzających do przewijania w dół i wykorzystuje klasyczny układ w kształcie litery Z (również opracowany na podstawie badań śledzenia wzroku):

Przewiń w dół i od razu przechodzimy do zasobów.
Zendesk wie, że głównym celem tej strony docelowej jest poprowadzenie odwiedzających przez ścieżkę marketingową za pomocą wartościowych treści informacyjnych.

Następna sekcja zawiera informacje kontekstowe na temat tego, co robi Zendesk i wyniki, jakie pomaga osiągnąć użytkownikom. Dostarcza również dowodów społecznych poprzez krótkie referencje.
Zwróć uwagę, jak Zendesk obsługuje dwie grupy docelowe, zespoły obsługi i sprzedaży, zachowując jednocześnie przejrzystą estetykę. Robią to za pomocą prostego urządzenia przełączającego.
Oto widok dla zespołów serwisowych:

A dla zespołów sprzedażowych:

Następna sekcja opiera się nieco bardziej na dowodach społecznych. Zawiera linki do długich studiów przypadków, które opowiadają historie sukcesu klientów.

Strona docelowa zawiera zbiór linków do innych zasobów (zaprojektowanych w celu utrzymania odwiedzających na swojej stronie i uczenia się) oraz bezproblemową sekcję CTA.

Ta strona docelowa dobrze robi dwie rzeczy:
- Dostarcza społecznego dowodu, odwołując się do naszej podatności na wpływy innych.
- Dostarcza wartość dla najlepszych użytkowników poprzez różne zasoby i rozpoczyna proces angażowania i pielęgnowania leadów.
3. Latana
Ta strona docelowa platformy Latana do śledzenia marki opartej na sztucznej inteligencji jest doskonałym przykładem tego, jak promować przewodniki ukierunkowane na generowanie leadów.

Latana sprawia, że wszystko jest proste. Zakłada, że odwiedzający lądują na tej stronie, aby pobrać swój przewodnik, i ułatwia zapisanie się i zrobienie tego.
Po drugie, Lantana ogranicza pola formularza rejestracyjnego do minimum.
Udokumentowano, że współczynniki konwersji znacznie spadają z każdym dodatkowym polem, przy czym trzy pola stanowią złotą liczbę.

Po trzecie, kopia bohatera towarzysząca formularzowi jest dobrze wykonana.
Odpowiada kto i co: „Branding dla zespołów produktowych”.
Dlaczego: „aby dowiedzieć się więcej o tym, dlaczego zespoły produktowe muszą być na pokładzie z brandingiem”.
I to, co jest dla mnie: „zdobądź większy udział w rynku”.
Lantana wskakuje również w prostą wskazówkę do działania: „Wypełnij poniższy formularz”.

Dla tych, którzy potrzebują trochę więcej przekonywania, sekcja bezpośrednio pod zakładką zawiera prostą, ale skuteczną formułę opowiadania historii: Oto problem, oto dlaczego powinieneś się tym przejmować, oto jak pomożemy Ci go rozwiązać.
Następnie popycha czytelnika do działania: „Pobierz, aby dowiedzieć się, jak”.

Strona docelowa ponownie odpowiada na podstawowe pytania odwiedzających, tym razem z absolutną jasnością. Wykorzystuje również skuteczny wskaźnik projektowy, który kontrastuje z pozostałą częścią strony stylem i kolorem (zaprojektowany w celu zatrzymania przewijania).

Latana również dobrze wykorzystuje dowody społeczne, umieszczając dobrze znane logo.

Chociaż sekcje logo są zwykle używane w celu dodania powagi stronom poświęconym produktom, mogą być również skutecznym środkiem zademonstrowania autorytetu (tj. współpracujemy z tymi dużymi markami, więc wiemy, o czym mówimy).

Na całej tej stronie docelowej Latana umiejętnie utrzymuje prostotę.
Kopia jest efektywna i używa prostego języka („Wypełnij formularz”). Układ informacji jest prosty i oczywisty, a strona nie odbiega od głównej intencji ani nie próbuje zbyt mocno sprzedać.
4. Przestrzeń nad głową
Strona rejestracji subskrypcji Headspace jest doskonałym przykładem tego, jak zaprojektować stronę docelową dla odwiedzających na dole ścieżki.
Robi trzy rzeczy niesamowicie dobrze:
- Efektywne wykorzystanie dowodu społecznego;
- Dobrze wykonana interaktywna demonstracja produktu;
- Wykorzystanie taktyk copywritingu poprawiających pamięć.
Skuteczne wykorzystanie dowodu społecznego
Strona docelowa ma dwie sekcje social proof ułożone tyłem do siebie.
Pierwsza dostarcza przekonujących dowodów powszechnego użycia (70 milionów pobrań) i niemal powszechnego zadowolenia (4,9 gwiazdki w ponad 600 000 ocenach).

Te imponujące liczby opowiadają historię odnoszącej sukcesy aplikacji. Chociaż liczby są przekonujące, same liczby nie zawierają struktury problem-rozwiązanie-wynik, która współgra z problemami klientów.
I to jest właśnie dowód, który Headspace przedstawia w następnej sekcji.

Są to starannie dobrane referencje, które mówią o typowych problemach doświadczanych przez docelowych odbiorców Headspace („stres i samotność”, „złamane”). I do rzeczywistych wyników klientów („pomogło mi zrozumieć funkcjonowanie umysłu”).
Dobrze wykonana interaktywna demonstracja produktu
Ta interaktywna prezentacja funkcji produktu rozwiązuje powszechną barierę w utrzymaniu użytkowników aplikacji i długotrwałym zaangażowaniu.

25% aplikacji jest używanych tylko raz, zanim zostaną usunięte lub porzucone. Optymalizacja sklepu z aplikacjami (ASO) pomaga zmaksymalizować konwersje, podobnie jak bezpłatne wersje próbne.
Ale to interaktywne podejście pozwala użytkownikom testować produkt bez ryzyka; bez naciskania na pobranie przed udowodnieniem wartości. Umożliwia również Headspace poprowadzenie użytkowników do określonych funkcji i zademonstrowanie ich za pomocą objaśniającego wideo.
Oprócz interaktywnej zawartości demonstracyjnej oferują również 14-dniowy bezpłatny okres próbny. Po interakcji z funkcjami ta bezpłatna wersja próbna prawdopodobnie przyniesie więcej subskrypcji, ponieważ użytkownicy naprawdę chcą dowiedzieć się więcej (zamiast zaczynać od nowa).
Wykorzystanie taktyk copywritingu poprawiających pamięć
Tekst na tej stronie docelowej jest pełen rymów i aliteracji, które są skutecznymi narzędziami mnemonicznymi.

Używanie rymu w swojej kopii (np. „Bądź miły dla swojego umysłu”) wykorzystuje koncepcję psychologiczną znaną jako Rym jako efekt przyczyny, co luźno przekłada się na „Jeśli się rymuje, to musi być prawda”.

Podobnie aliteracja (np. „Dołącz do milionów medytujących” i „Stwórz warunki”) skutecznie poprawia uczenie się i pamięć, nawet jeśli wypowiedzi są czytane po cichu.

Te urządzenia pamięci działają, aby utrzymać Twoją markę przed oczami, gdy klienci są gotowi pociągnąć za spust.
5. Podnoszenie
Dzięki swojej stronie docelowej „Zostań kierowcą”, usługa wspólnych przejazdów i konkurent Uber Lyft dokładnie pokazują, co to znaczy być w kontakcie z odbiorcami.

Zwróć uwagę na tekst na banerze bohatera: „Chcesz być swoim własnym szefem?”
To przesłanie odnosi się bezpośrednio do wspólnego pragnienia ich docelowych odbiorców. Zamiast mówić: „Aplikuj tutaj, aby zostać kierowcą”, Lyft odwołuje się do motywacji emocjonalnej.
Kolejne dwie sekcje dotyczą uprzedzania sprzeciwów. Umożliwiają one czytelnikom samodzielne dostarczanie odpowiedzi na często zadawane pytania przed rejestracją.

Ta sekcja odpowiada na najbardziej oczywiste pytania, takie jak „Jak otrzymam zapłatę?”, „Jakie są wymagania?” i „A jeśli nie mam samochodu?”.
Poniżej czterostopniowy suwak pokazuje, jak łatwo rozpocząć pracę z Lyft i otrzymać wynagrodzenie (krytyczny sprzeciw dla potencjalnych kierowców).

Lyft następnie wykorzystuje dowód społeczny, ale nie w taki sam sposób, jak na powyższych stronach. Lyft wybiera krótką kompilację wideo z historiami sukcesu klientów, aby zachować porządek w przestrzeni.
Wideo niezwykle skutecznie rejestruje zaangażowanie. Pozwala potencjalnym kierowcom usłyszeć od prawdziwych ludzi, coś, co kierowcy Lyft zwykle uważają za ważne.

Wreszcie, krótki fragment tekstu (i towarzyszącego mu referencji klienta) wzmacnia przekaz w filmie: kierowcy pracują z Lyftem, a nie dla Lyft, dając im swobodę i elastyczność w zarabianiu na własnych warunkach.

6. Nora
Ta strona docelowa firmy Burrow, sprzedawcy mebli e-commerce, jest doskonałym przykładem wykorzystania wysokiej jakości zdjęć i filmów do opowiedzenia historii.
Jeśli chodzi o kopiowanie, linki i wezwania do działania, niewiele się dzieje.
Zamiast tego Burrow pozwala ich fotografiom zająć się ciężkimi rzeczami. Obraz bohatera w wysokiej rozdzielczości pokazuje, jak ich produkty wyglądają i działają w kontekście, co jest ważnym elementem budowania mentalnej własności.

W drugiej części zastosowano podobne podejście, bezpośrednio odnosząc się do powszechnego zarzutu: wysokich kosztów wysyłki mebli.
Nadając priorytet „dostarczeniu za darmo” w minimalistycznym egzemplarzu na stronie, Burrow podkreśla jego znaczenie i pomaga wyróżnić się na białej przestrzeni.

W następnej sekcji Burrow wykorzystuje zwiększenie zaangażowania treści interaktywnych.
Główną propozycją wartości Burrow jest miażdżący konkurencję poziom dostosowania, jaki oferują dla każdego produktu. Na przykład przedstawiona poniżej sofa jest dostępna w ponad 200 konfiguracjach.
Zamiast informować o tym odwiedzających, strona docelowa wykorzystuje animowany film. Ponownie przyciągają uwagę i utrzymują zaangażowanie, pokazując kupującym, co oznacza dla nich personalizacja.

Drugi film odpowiada na inny ważny zarzut sprzedaży: „Jak to wszystko działa?”.

W 20 sekund potencjalni klienci widzą dokładnie to, co wyjdą z pudełka. To pokazuje, jak prosty jest montaż ich niestandardowych mebli.
W tym przykładzie strony docelowej produktu Burrow koncentruje się na sprzedaży doświadczenia, a nie produktu.
Statyczne obrazy pojedynczych produktów można wyświetlać na poszczególnych stronach produktów. Ale nie zajmują miejsca na stronie docelowej. Zamiast tego Burrow wykorzystuje obrazy kontekstowe i wideo, aby pokazać kupującym, co to znaczy być klientem Burrow.

Osiągają to, wyświetlając produkty w wyselekcjonowanych przestrzeniach i wykorzystując profile na Instagramie swoich prawdziwych klientów (podwaja się jako dowód społeczny).

Burrow uzupełnia to kilkoma celowo wybranymi referencjami klientów, które podkreślają jakość mebli (potencjalne pytanie).
Odpowiadają również na potrzeby klientów docelowych, myśląc, że meble na wymiar są aspektem wyrażania tożsamości i wpływu społecznego.

Strona docelowa Burrow udowadnia, że wysokiej jakości zdjęcia i filmy wideo mogą być potężnym narzędziem perswazji. W przypadku odpowiedniego produktu eliminuje potrzebę tworzenia sekcji stron zawierających dużo kopii.
7. Klenty
Platforma zaangażowania w sprzedaż Klenty stanowi doskonały przykład strony docelowej stworzonej w celu przechwytywania ruchu konkurencji.
Klenty działa w środowisku konkurencyjnym, a jego dwaj najwięksi konkurenci Salesloft i Outreach mają większościowy udział w rynku.
Klenty pozycjonuje się jako skuteczna alternatywa i kieruje ruch na swoją stronę docelową, kierując reklamy na słowa kluczowe konkurencji, takie jak „Salesloft” i „Alternatywa Salesloft”.

Strona docelowa agresywnie odróżnia markę od konkurencji. Wymienia ich wprost i wymienia ich wady w sekcji bohaterów.

Może to być postrzegane jako bezczelne i bezczelne, ale Klenty w rzeczywistości używa strategii skoncentrowanej na zamiarze.
Czytelnicy szukają alternatyw dla Salesloft, co sugeruje, że coś im się w tej platformie nie podoba.
Wymieniając rzekome wady konkurenta, Klenty sugeruje ich rozwiązanie.
Poniżej zagięcia Klenty podaje więcej kontekstu powyższych punktów bólu. Ponownie nazywają Salesloft i szczegółowo opisują kluczowe cechy, w których rywalizuje Klenty.

Maksymalizują tę przestrzeń, organizując swoje trzy najważniejsze korzyści w sekcji automatycznego przewijania.
Dzięki tej funkcji strona docelowa nie staje się zbyt długa lub zaśmiecona, a jednocześnie zapewnia przyciągający wzrok ruch na pasku postępu i przejściach.
Sekcja porównująca funkcje w dalszej części strony ma podobne podejście. Dzięki wciągającym interaktywnym zakładkom jest w stanie pokryć dużą część terenu w jednym zagięciu.

Informacje o cenach Klenty są również subtelnie umieszczone nad Salesloft, a Klenty otrzymuje większe logo, a także bardziej wyróżniający się kolor marki.

Te cechy konstrukcyjne są subtelne, ale celowe. Klenty wykorzystuje hierarchię wizualną, aby wzmocnić znaczenie swojej marki w porównaniu z konkurencją.
Wniosek
Testy A/B mają kluczowe znaczenie dla oceny skuteczności Twoich stron docelowych. Ale musisz wiedzieć, co przetestować, jeśli chcesz, aby Twoje zasoby się rozciągnęły.
Aby dowiedzieć się, co działa na Twoją publiczność, skorzystaj z porad podanych na powyższych stronach. Dopasuj swoją stronę do intencji docelowych odbiorców i szybko i często pokonuj zastrzeżenia.
Używaj narzędzi, takich jak wideo i treści interaktywne, aby organizować informacje, wykorzystywać dowody społeczne i trzymać się swoich wspomnień, aby później zdobyć mniej zaangażowanych kupujących.
Aby upewnić się, że trafiasz w sedno, użyj narzędzi takich jak Wynter, aby sprawdzić, czy Twój przekaz i strategia rezonują z grupą docelową.
Projekt strony docelowej i wiadomości nie są sprawą jednorazową. Dzięki konsekwentnej optymalizacji Twoja strona może osiągnąć swój potencjał.
