25 najlepszych przykładów stron docelowych od najlepszych firm do inspiracji

Opublikowany: 2017-09-20

Jeśli chodzi o marketing cyfrowy, musimy przyjrzeć się najlepszym przykładom stron docelowych czołowych liderów branży, aby się doskonalić i uczyć się od nich.

W końcu te zorientowane na działanie, samodzielne strony internetowe mają kluczowe znaczenie w przeprowadzaniu ludzi przez każdy etap podróży kupującego. A jeśli firmy o ugruntowanej pozycji korzystają ze stron docelowych, muszą one stanowić integralny element każdej strategii marketingowej — szczególnie na poziomie przedsiębiorstwa.

Poniżej znajdziesz przykłady najlepszych stron docelowych 25 najlepszych firm. Przeczytaj je, aby zacząć uczyć się od najlepszych i stworzyć własną wysoce skuteczną stronę docelową po kliknięciu. Możesz także kliknąć nazwę marki, aby znaleźć dedykowany artykuł z jeszcze większą liczbą przykładów z tej konkretnej marki.

25 najlepszych firm z najlepszymi przykładami stron docelowych

(Pamiętaj, że w przypadku krótszych stron pokazaliśmy całą stronę. W przypadku dłuższych stron wyświetlamy tylko w części strony widocznej na ekranie. Aby zobaczyć niektóre z omawianych kwestii, konieczne może być kliknięcie przykładowej strony docelowej. niektóre witryny mogą przeprowadzać testy A/B swoich stron, co oznacza, że możesz otrzymać wersję alternatywną).

1. Przykład strony docelowej Marketo

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Nagłówek dokładnie informuje odwiedzających, o czym jest raport.
Obraz pokazuje odwiedzającym, czego mogą się spodziewać, jeśli zdecydują się pobrać raport.
Punkty punktowe pozwalają potencjalnym klientom szybko przejrzeć stronę, aby dowiedzieć się, co zawiera raport.
Dowód społeczny - referencje klientów i odznaki firmowe - dodaje wartości zaufania do oferty i firmy jako całości.

Co do testu A/B:

Linki wyjścia – logo Marketo i link Legal w stopce – umożliwiają odwiedzającym opuszczenie strony bez pobierania raportu.
Formularz z 5 polami może być onieśmielający dla kogoś na tym etapie rozważania zakupu przez kupującego. Usunięcie „tytułu stanowiska” i „firmy” może zachęcić więcej odwiedzających do wypełnienia formularza.
Kolor przycisku CTA nie wyróżnia się tak bardzo, jak mógłby, ponieważ jest używany w innym miejscu na stronie.
Kopia przycisku CTA jest niejasna. Zmieniam go na coś w stylu „Chcę raport!” może zachęcić więcej potencjalnych klientów do kliknięcia.
Duży blok kopii zapisanej kursywą nie wydaje się konieczny, a usunięcie go może dać lepsze wyniki konwersji.
Dołączenie pełnego imienia i nazwiska oraz headshot do referencji klienta może zwiększyć jego wiarygodność.
Dodanie białej przestrzeni pomogłoby stronie wyglądać na mniej zatłoczone i bardziej atrakcyjne estetycznie.

2. Przykładowa strona docelowa na Slack

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Unikalny styl przewijania umożliwia wyświetlanie wszystkich niezbędnych informacji, umożliwiając odwiedzającym otrzymywanie informacji bez konieczności poruszania się w górę iw dół strony.
Formularz przechwytywania leadów jest stale obecny, gdy użytkownicy przewijają treść.
Kopia przycisku wezwania do działania jest atrakcyjna, ponieważ jest krótka, bezpośrednia i zawiera słowo „bezpłatny”.
Tylko jedno pole formularza sprawia, że jest bardzo prawdopodobne, że odwiedzający wypełnią formularz.
Obrazy są jasne, wciągające, wykorzystują kolory marki i odnoszą się do każdej odpowiedniej sekcji.
Korzystanie z dowodu społecznego może sprawić, że odwiedzający poczują się zmuszeni do korzystania ze Slacka.

Co do testu A/B:

Istnieje kilka linków wyjściowych , w tym logo Slack, „Zaloguj się”, „Wyświetl wszystkie aplikacje”, „Zobacz historie klientów”, „produkt”, „ceny” i „Siatka przedsiębiorstw” – co zwiększa prawdopodobieństwo, że odwiedzający wyjdą stronę bez konwersji.
Żadna polityka prywatności nie może zniechęcić potencjalnych klientów do przekazania swojego adresu e-mail.

3. Przykładowa strona docelowa Oracle

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Statystyka Demand Gen Report w kopii nie jest „najnowsza”, jak mówi — pochodzi sprzed 2016 r., a data praw autorskich na tej stronie to 2017 r.
Obraz białej księgi zapewnia odwiedzającym podgląd tego, czego mogą się spodziewać po pobraniu białej księgi.
Kontrastowy kolor formy wyróżnia się i przyciąga uwagę, zachęcając do jej uzupełnienia.
Niezaznaczone pole wyboru gwarantuje, że potencjalni klienci, którzy się zdecydują, chcą otrzymywać wiadomości e-mail od Oracle.

Co do testu A/B:

Logo firmy i nawigacja u góry strony mogą potencjalnie usunąć odwiedzających ze strony bez pobierania białej księgi.
Mała kopia na i pod polami formularza jest trudna do odczytania.
Biały przycisk CTA nie wyróżnia się tak bardzo, jak mógłby, ponieważ jest biały na górze i na dole strony.
Linki wyjścia w stopce zapewniają odwiedzającym jeszcze więcej możliwości poza stroną.

4. Przykładowa strona docelowa Google Hire

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Logo Hire w lewym górnym rogu natychmiast informuje odwiedzających, gdzie się znajdują, gdy trafiają na stronę. Fakt, że nie zawiera hiperłączy, również nie pozwoli ludziom kliknąć, dzięki czemu jest to świetna strona docelowa po kliknięciu.
Jasny nagłówek informuje potencjalnych klientów, że demo będzie zawierało informacje o narzędziach rekrutacyjnych.
Minimalna, dokładna kopia pozwala odwiedzającym szybko zapoznać się z ofertą i określić, czy chcą dokonać konwersji.
Hermetyzacja formularza pomaga wyróżnić się na stronie, prawdopodobnie zwiększając współczynniki konwersji.
Link do polityki prywatności w stopce zwiększa zaufanie, dzięki czemu potencjalni klienci czują się bardziej komfortowo, przesyłając swoje dane osobowe.

Co do testu A/B:

Można poprawić dopasowanie wiadomości . Zostałem przeniesiony na tę stronę docelową po kliknięciu z promocji na webinarium Zatrudnij z przyciskiem CTA zachęcającym odwiedzających do „Zapisania się” na „nadchodzące webinarium”. Strona docelowa po kliknięciu w ogóle nie wspomina o webinarze, ale zamiast tego promuje demo na żądanie. Jeśli Google Hire uzna, że ich webinarium i demo to to samo, zwiększenie dopasowania wiadomości między dwiema stronami prawdopodobnie zmniejszy zamieszanie wśród odwiedzających.
14 pól formularza to dużo, nawet na etapie rozważań w lejku marketingowym. Podział tego na wieloetapową formę może zmniejszyć tarcie formularzy i skutkować większą liczbą konwersji.
Turkusowy przycisk CTA jest podobny do drugiego odcienia niebieskiego na stronie. Uczynienie go bardziej kontrastowym, takim jak pomarańczowy, sprawi, że będzie bardziej „wyskakuje”.
Strona jest niezrównoważona . Dodanie dodatkowego elementu strony docelowej po kliknięciu po lewej stronie na dole formularza, takiego jak referencja klienta lub angażujący obraz, może sprawić, że strona będzie bardziej estetyczna.

5. Przykładowa strona docelowa Uber

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Logo Ubera na górze strony natychmiast informuje odwiedzających, gdzie się znajdują. Plusem jest również to, że nie jest połączony ze stroną główną, która działa jako link wyjściowy.
5 pól formularza jest odpowiednich dla strony rejestracji, zwłaszcza, że nie wymagają podania bardzo osobistych informacji.
Opcjonalne pole kodu promocyjnego jest inteligentne, ponieważ nie pojawia się, dopóki potencjalni klienci nie klikną, dzięki czemu formularz jest ograniczony do 5 pól.
Zielony przycisk CTA wyróżnia się, ponieważ na stronie nie ma innego zielonego.
Strzałka na przycisku wezwania do działania działa jak wskazówka kierunkowa, wskazująca, że odwiedzający powinni kliknąć, aby zobaczyć, co znajduje się po drugiej stronie tej strony docelowej po kliknięciu.

Co do testu A/B:

Prawie żadna kopia na stronie może sprawić, że odwiedzający poczują się niedoinformowani i niepewni.
Dodanie dowodu społecznego , takiego jak cytowana opinia obecnego pasażera Ubera, może wzbudzić większe zaufanie odwiedzających.
Kopia „Zarejestruj się” na przycisku CTA nie jest oryginalna ani spersonalizowana. “Podjedź teraz!” jest bardziej opisowy i ekscytujący.

6. Przykładowa strona docelowa IBM

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Nagłówek jest wyraźny i intrygujący, zachęcając odwiedzających do dalszego przechodzenia w dół strony, aby dowiedzieć się więcej o ofercie.
Minimalna kopia zapewnia krótki przegląd białej księgi bez przytłaczania potencjalnych klientów niepotrzebnymi informacjami.
Zapewnienie opcji przełączania języków to świetny pomysł w teorii. Niestety, gdy odwiedzający wybiorą inny język, zostaną przeniesieni na stronę główną zamiast bezpośrednio tłumaczyć tę stronę docelową po kliknięciu.

Co do testu A/B:

Nawigacja w nagłówku i stopce może łatwo odwrócić uwagę odwiedzających od aktualnej oferty i odciągnąć ich od strony bez konwersji.
Zrównoważenie strony poprzez dodanie obrazu lub referencji klienta po lewej stronie sprawiłoby, że byłaby bardziej atrakcyjna wizualnie.
Przycisk wezwania do działania można ulepszyć zgodnie z naszymi sprawdzonymi metodami dotyczącymi strony docelowej po kliknięciu. Kolor może być bardziej kontrastowy i przyciągający uwagę, a kopia może być bardziej zorientowana na klienta i korzyści.

7. Przykład strony docelowej LendingClub

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

W nagłówku zastosowano pogrubione formatowanie, aby wyróżnić propozycję wartości.
Zamknięcie formy kontrastem kolorystycznym sprawia, że przyciąga on uwagę.
Czerwone przyciski wezwania do działania kontrastują i wyróżniają się na stronie, prawdopodobnie zwiększając liczbę konwersji.
Sekcja „Inwestowanie poprzez LendingClub” zapewnia główne korzyści z partnerstwa z firmą, bez wypełniania strony przytłaczającą ilością kopii. Dodatkowo, określony procent inwestycji służy jako dowód społeczny.
Logo firmy działa również jako dowód społeczny i informuje odwiedzających, że wiele znanych marek rozpoznaje i ufa LendingClub.
Wiele przycisków CTA zapewnia potencjalnym klientom kilka szans na konwersję w ramach oferty.

Co do testu A/B:

Wiele linków wyjściowych — logo LendingClub, „warunki użytkowania”, „Dowiedz się więcej”, kilka słów drobnym drukiem i nawigacja w stopce — mogą usuwać odwiedzających ze strony bez konwersji.
Zmiana kierunku oczu mężczyzny na zdjęciu, aby spojrzeć na formularz przechwytywania leadów, może podświadomie zachęcić więcej odwiedzających do jego wypełnienia.
Zmiana kopii przycisku CTA na coś bardziej angażującego i przekonującego, takiego jak „Zacznij inwestować teraz i zarabiaj!” może skutkować większą liczbą konwersji.
Nadmierna ilość drobnego druku na dole strony jest onieśmielająca i może sprawić, że potencjalni klienci będą się zastanawiać, czy firma ma ukryty plan.

8. Przykładowa strona docelowa interkomu

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Humor , zwłaszcza w dziale „Dzisiejsze boty są naprawdę denerwujące”, pomaga budować bliską, empatyczną, ludzką więź z odwiedzającymi.
Nagłówki sekcji z minimalną ilością tekstu informują potencjalnych klientów, co zawiera Operator (i jakie może im to przynieść) bez wypełniania strony zbędnym tekstem.
Wystarczająca ilość białego miejsca sprawia, że strona jest łatwiejsza w nawigacji i łatwiejsza do strawienia.

Co do testu A/B:

Nagłówek jest częściowo ukryty. Zakrywające je pola tekstowe można nieco przesunąć, aby cały nagłówek był widoczny.
Wiele linków wyjściowych — logo Interkomu na górze i na dole strony, link do logowania pod pierwszym formularzem i link „Dowiedz się więcej” pod drugim formularzem — może rozpraszać odwiedzających i usuwać ich ze strony przed konwersją.
Formularz i przycisk wezwania do działania zlewają się z resztą strony, ponieważ wiele elementów na stronie jest podobnie sformatowanych i można je klikać.

9. Przykład strony docelowej Microsoft

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Nagłówek zorientowany na korzyści informuje odwiedzających, że mogą poprawić produktywność mobilną swojego zespołu dzięki usłudze Office 365 i zachęca ich do uczenia się więcej dzięki e-bookowi.
Zdjęcie produktu pokazuje potencjalnym klientom, co otrzymają, jeśli zdecydują się pobrać e-booka. Powiększenie i uczynienie go bardziej realistycznym może jeszcze bardziej poprawić wyniki konwersji.
Punktory z minimalną ilością kopii umożliwiają potencjalnym klientom skanowanie strony w poszukiwaniu odpowiednich informacji.
Zamknięta forma wyróżnia się, kierując uwagę odwiedzającego na jej uzupełnienie.
Zielony przycisk CTA przyciąga uwagę, ponieważ dobrze kontrastuje z resztą strony.

Co do testu A/B:

Hiperłącze logo Office może odciągnąć odwiedzających od strony bez oglądania oferty i konwersji.
Wizerunek mężczyzny wydaje się nie mieć związku z ofertą. Zastąpienie go osobą korzystającą z Office 365 lub czytającą ebook może być bardziej wydajne.
Osiem obowiązkowych pól formularza może onieśmielać kogoś, kto jest dopiero na etapie rozważania na drodze kupującego.
Kopia CTA nie jest precyzyjna ani kusząca. Zmieniam go na coś bardziej spersonalizowanego i ekscytującego, na przykład „Wyślij mi e-booka!” prawdopodobnie zachęci więcej potencjalnych klientów do kliknięcia.
„Zobacz plany i ceny” na dole strony może odwrócić uwagę odwiedzających od głównej oferty i uniemożliwić im konwersję.
Dodanie dowodów społecznych , takich jak referencje klientów lub pieczęcie zaufania, zwiększyłoby wiarygodność.

10. Przykładowa strona docelowa Lyft

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Podnagłówek służy jako dowód społeczny, informując odwiedzających, że inni udzielili świetnych wskazówek dotyczących pracy z Lyft.
Tylko jedno pole z prośbą o numer telefonu jest szybkie i łatwe do wypełnienia, dzięki czemu nie wyłączy wielu potencjalnych klientów.
Pozostawienie niezaznaczonego pola wyboru sprawia, że kandydaci mają poczucie, że wybór należy wyłącznie do nich.
„Zdobądź 250 dolarów premii” jest prawdopodobnie atrakcyjną zachętą dla wielu potencjalnych klientów.
Przycisk CTA „Zastosuj teraz” to tag kotwicy, który przenosi potencjalnych klientów na górę strony, aby szybko wypełnić formularz.
Funkcja kalkulatora pozwala odwiedzającym określić, ile pieniędzy mogliby zarobić, jeśli zdecydują się jeździć z Lyft.
Sekcja „Dlaczego Lyft” wykorzystuje ikonografię i minimalną, prostą kopię, aby przekazać główne korzyści płynące z pracy dla Lyft.
Suwak „Jak działa jazda Lyft” wyjaśnia, jak działa Lyft za pomocą aplikacji mobilnej.
„Ochrona ubezpieczeniowa Lyft” i „Oceny pasażerów” zapewniają kierowcom pewność, że będą jeździć dla Lyft.

Co do testu A/B:

Wiele linków wyjściowych — w tym logo Lyft i kilka słów z hiperłączami w całej kopii — może odwrócić uwagę odwiedzających i odciągnąć ich od strony bez konwersji.
Nagłówek brzmi Lyft vs. Uber , ale na stronie nie ma nic, co porównuje te dwie usługi.
Biały tekst nie pojawia się na tle białego logo na koszuli mężczyzny.
Przekierowanie wzroku mężczyzny na formularz przechwytywania ołowiu może spowodować, że więcej odwiedzających go wypełni.
Kopia przycisku CTA „Dalej” jest tak nudna, jak to tylko możliwe. Zmiana na coś bardziej angażującego, na przykład „Zacznij zarabiać już teraz!” prawdopodobnie poprawi wyniki konwersji.
Różowy przycisk CTA nie wyróżnia się tak mocno, jak mógłby, ponieważ różowy jest używany w innych miejscach na stronie.

11. Przykład strony docelowej stałego kontaktu

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Nagłówek i podtytuł są zorientowane na korzyści i dobrze się wspierają.
Minimalna kopia pozwala odwiedzającym zrozumieć ofertę bez przytłaczania nadmiernym tekstem.
Pomarańczowy przycisk CTA wyróżnia się tym, że dobrze kontrastuje z resztą kolorów na stronie.
Klikalny projekt z formularzem przechwytywania leadów na następnej stronie pozwala odwiedzającym uzyskać wszystkie informacje o ofercie bez rozpraszania się lub zastraszania przez formularz.

Co do testu A/B:

Hiperłącze logo Constant Contact może natychmiast odciągnąć odwiedzających od strony bez oglądania całej oferty.
Przycisk CTA ma za dużo kopii, przez co jest mały i trudny do odczytania. "Bez ryzyka. Nie wymagamy karty kredytowej." można przesunąć pod przyciskiem.
Żadna polityka prywatności nie może sprawić, że potencjalni klienci będą wahać się przed konwersją.
Dodanie dowodu społecznego , takiego jak referencja klienta, prawdopodobnie sprawi, że kandydaci poczują się pewniej w swojej decyzji o zarejestrowaniu się w Constant Contact, zwiększając współczynniki konwersji.

12. Przykład strony docelowej Salesforce

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Nagłówki główne i drugorzędne są przekonujące, ponieważ informują o problemie i dostarczają rozwiązania.
Obraz przedstawia odwiedzającym aplikację mobilną Wave Analytics.
Minimalna, precyzyjna kopia opisuje ofertę bez wypełniania strony przytłaczającym tekstem.
Zamknięta w skontrastowanej kolorystyce forma pomaga jej się wyróżnić i prawdopodobnie zachęca więcej potencjalnych klientów do jej uzupełnienia.
Strzałki — jedna wskazująca na pierwsze pole formularza, a druga na przycisku CTA — służą jako wskazówki kierunkowe.
Odznaki zaufania i polityka prywatności dają potencjalnym klientom pewność, że ich dane osobowe pozostaną bezpieczne i prywatne.

Co do testu A/B:

Linki wyjściowe — logo Salesforce, odznaki zaufania, linki do mediów społecznościowych i linki w stopce — umożliwiają odwiedzającym łatwe wyjście z tej strony.
8 pól formularza może zniechęcić odwiedzających do wypełnienia formularza. Usunięcie zbędnych żądań lub zmiana na formularz wieloetapowy zmniejszyłoby tarcia i spowodowałoby więcej pobrań.
Niebieski przycisk CTA zlewa się z niebieskim formularzem. Testowanie go w bardziej kontrastowym kolorze (np. pomarańczowym) prawdopodobnie przyciągnie więcej uwagi odwiedzających.
Kopia przycisku wezwania do działania może zostać ulepszona do czegoś bardziej kuszącego, takiego jak „Pokaż mi demo Wave Analytics!”
Dodanie dowodu społecznościowego , takiego jak referencja klienta Salesforce, zwiększy wartość zaufania odwiedzających i zachęci do większej liczby wyświetleń demonstracyjnych.

13. Przykładowa strona docelowa Zoho

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Nagłówek natychmiast oferuje dwie korzyści związane z zarejestrowaniem się w bezpłatnym planie Zoho CRM — lepsze budowanie relacji z klientami i udostępnienie dziesięciu darmowych użytkowników.
Słowo „Free” jest używane w kilku miejscach na stronie — w nagłówku, na przyciskach CTA i kilkakrotnie w tekście opisowym.
Wiele czerwonych przycisków CTA dobrze kontrastuje z resztą strony, dzięki czemu wyróżniają się i przyciągają uwagę. Pierwszy przycisk to tag kotwicy, który wygodnie przenosi potencjalnych klientów do formularza na dole strony.
Ikona myszy wskazuje odwiedzającym, że powinni przewinąć stronę w dół, aby zobaczyć więcej informacji. Jest to również znacznik kotwicy, więc jeśli go klikną, zostaną natychmiast przeniesione do następnej sekcji bez konieczności przewijania.
Długa lista funkcji zawiera wszystko, co oferuje Zoho CRM.
Dwuetapowy projekt zgody oznacza mniejsze tarcie na tej stronie, ponieważ formularz nie jest widoczny, dopóki potencjalni klienci nie klikną dolnego przycisku CTA.
Zaznaczenie formularza na żółto pomaga zwrócić na niego uwagę i prawdopodobnie zwiększa współczynniki konwersji.
Formularz 3-polowy — wymagający tylko nazwy, adresu e-mail i hasła — zmniejsza tarcia.
Niezaznaczone pole wyboru newslettera Zoho oznacza tylko autentycznie zainteresowane; treść otrzymają potencjalni potencjalni klienci.

Co do testu A/B:

Linki wyjściowe — logo Zoho, „Warunki korzystania z usługi” i linki do mediów społecznościowych — mogą odwrócić uwagę odwiedzających i odciągnąć ich od strony, zanim będą mieli szansę na konwersję.
Obraz uścisku dłoni jest istotny dla oferty, ale użycie zdjęcia dwóch uśmiechniętych osób i uścisków dłoni może być jeszcze bardziej efektywne.
Kopia przycisku CTA w formularzu „Zarejestruj się” mogłaby zostać ulepszona. Można go nawet zmienić, aby powielić kopię na przycisku CTA znajdującym się u góry strony: „Rozpocznij za darmo”.

14. Przykład strony docelowej AWeber

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Nagłówek natychmiast informuje potencjalnych klientów, że webinarium trwa tylko 30 minut.
Przycisk wezwania do działania znajduje się z przodu i na środku , więc odwiedzający z pewnością zobaczą go natychmiast po wejściu na stronę. Ponadto kopia jest opisowa i ekscytująca, prawdopodobnie zachęcając potencjalnych klientów do kliknięcia.
Dwuetapowy projekt zgody usuwa formularz przechwytywania potencjalnych klientów z tej strony, a potencjalni klienci widzą go dopiero po kliknięciu przycisku CTA. Oznacza to mniejsze tarcie i potencjalnie więcej konwersji.
Tylko 3 pola formularza — z prośbą o podanie daty/godziny wydarzenia, nazwy i adresu e-mail — są szybkie i łatwe do wypełnienia.
Kopia oznaczona kursywą informuje potencjalnych klientów, że nawet jeśli nie mogą uczestniczyć w żadnym z zaplanowanych wydarzeń, nadal mogą zarejestrować się, aby otrzymać nagranie z tego wydarzenia.
Zdjęcie w głowę i opis Toma Tate'a to miłe wstawki, ponieważ potencjalni klienci mogą zobaczyć i dowiedzieć się, kto będzie prezentował. Chociaż powiększenie obrazu prawdopodobnie zwiększyłoby jego skuteczność.
Link do polityki prywatności na dole strony prawdopodobnie sprawi, że potencjalni klienci poczują się bardziej komfortowo przy przekazywaniu swoich danych osobowych.

Co do testu A/B:

Niebieski przycisk wezwania do działania powinien być przetestowany w kolorze, który nie jest używany nigdzie indziej na stronie, aby bardziej przyciągał uwagę.
Inne formatowanie zastosowane w sekcji „Oto, co omówimy” (wcięcie listy, włączenie ikonografii lub strzałek, użycie pogrubionej czcionki itp.) sprawi, że będzie się ona bardziej wyróżniać, zachęcając więcej osób do jej przeczytania.
Dwa linki do strony głównej na dole strony mogą potencjalnie przekierować odwiedzających z tej strony bez konwersji.
Dołączenie dowodu społecznego , takiego jak referencje klientów lub statystyki AWeber, prawdopodobnie zwiększyłoby zaufanie do potencjalnych klientów i współczynników konwersji.

15. Przestrzeń kwadratowa

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Nagłówek „Zdobądź domenę” jest skuteczny, ponieważ przekazuje poczucie pilności. Potencjalni klienci muszą zgłosić żądaną domenę, zanim zrobi to ktokolwiek inny.
Link „Dowiedz się więcej” w podtytule to znacznik kotwicy, który kieruje użytkowników w dół strony, aby uzyskać więcej informacji o ofercie.
Prosta, jednolita czcionka na całej stronie nadaje jej profesjonalny charakter.
Małe fragmenty kopii ułatwiają czytanie i przyswajanie treści.
Porównując Squarespace z konkurencją, potencjalni klienci wiedzą, że mogą skorzystać na wiele sposobów, wybierając Squarespace zamiast kogokolwiek innego.
Spojrzenie kobiety na dole strony jest skierowane bezpośrednio na nagłówek sekcji, co prawdopodobnie sprawi, że odwiedzający również tam zajrzą.

Co do testu A/B:

Linki w nagłówku i cała nawigacja w stopce sprawiają, że odwiedzający mogą łatwo opuścić stronę bez podejmowania działań.
Pole domeny łączy się z resztą strony. Chociaż jest duży, wygląda jak kolejny element projektu na stronie i może zostać łatwo pominięty przez odwiedzających.
Przyciski CTA „wyskakiwałyby” bardziej na stronie, gdyby miały bardziej kontrastowy kolor, na przykład czerwony lub żółty.

16. Przykład strony docelowej Mixpanel

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Nagłówek jest spersonalizowany i zorientowany na korzyści, pytając odwiedzających, czy są gotowi rozwijać swoją działalność.
Obraz przedstawia potencjalnych klientów, którzy mogą przeglądać e-booka na wielu urządzeniach.
Krótki opis ebooka zapewnia odwiedzającym krótki wstępny przegląd oferowanego ebooka.
4-polowy formularz jest szybki i łatwy do wypełnienia, co zwiększa szanse odwiedzających.
Kopia przycisku CTA korzysta z pierwszej osoby, dzięki czemu potencjalni klienci czują się związani z ofertą.
Sekcja „Co kryje się w twoim ebooku” rozwija krótki opis wspomniany powyżej, przedstawiając ważne punkty zawarte w ebooku, a także omawiają je liderzy produktów. Wliczanie headshotów jest również miłym akcentem.
Brak linków wyjściowych sprawia, że opuszczenie strony bez konwersji jest prawie niemożliwe. Jedynym sposobem na opuszczenie strony jest kliknięcie „X” w zakładce przeglądarki lub wypełnienie formularza.

Co do testu A/B:

Nagłówek formularza wprowadza w błąd. Oznacza to, że jedyną wymaganą informacją jest adres e-mail, podczas gdy w rzeczywistości do wykorzystania e-booka potrzebne są trzy inne pola formularza.
Niebieski przycisk wezwania do działania nie wyróżnia się, ponieważ łączy się z resztą schematu kolorów strony. Testowanie go w kolorze, który nie jest używany nigdzie indziej na stronie, może wygenerować lepsze wyniki konwersji.
Dodanie sygnałów zaufania, aby zapewnić ludziom, że ich dane osobowe będą bezpieczne — takie jak polityka prywatności lub plakietki bezpieczeństwa — może zwiększyć liczbę potencjalnych klientów.

17. Przykład strony docelowej Infusionsoft

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Dowód społeczny — odznaki firmowe na górze strony i referencje klientów na dole strony — budzą poczucie pewności i zaufania do potencjalnych klientów.
Nagłówek znakomicie sprawdza się w rozpoznaniu problemu odwiedzającego, wczuciu się w niego, a następnie przedstawieniu rozwiązania.
Podnagłówek dobrze wspiera nagłówek, zapewniając niektóre z głównych korzyści płynących z pracy z Infusionsoft.
Krótki, czteropolowy formularz zawiera tylko podstawowe informacje, co zwiększa prawdopodobieństwo, że potencjalni klienci poświęcą trochę czasu na jego wypełnienie.
Kopia przycisku CTA mówi potencjalnym klientom dokładnie, co otrzymają, wypełniając formularz i klikając przycisk.
Lista tego, co oferuje Infusionsoft, informuje potencjalnych klientów o korzyściach, jakie otrzymają, jeśli zdecydują się na współpracę z Infusionsoft. Ikonografia i pogrubiona czcionka pomagają zwrócić uwagę na ten dział.

Co do testu A/B:

Dodanie funkcji „kliknij, aby połączyć” do numeru telefonu ułatwiłoby odwiedzającym kontakt z firmą, poprawiając ogólne wrażenia z użytkowania.
Powiększenie przycisku wezwania do działania może przyciągnąć więcej wyświetleń i prawdopodobnie zachęcić więcej odwiedzających do jego kliknięcia.
Kolor przycisku CTA można zmienić, aby zwrócić większą uwagę, ponieważ zielony jest już używany w logo firmy i małych ikonach wymienionych w sekcji poniżej przycisku.
Obraz byłby bardziej efektywny w dostarczaniu odwiedzającym podglądu oprogramowania, gdyby był większy i łatwiejszy do zobaczenia.
Link do mapy witryny w stopce działa jako link wyjściowy. Jeśli odwiedzający przewiną na dół strony przed wypełnieniem formularza, mogą się tym rozproszyć i opuścić stronę przed dokonaniem konwersji.

18. Przykładowy landing page GetResponse

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Nagłówek informuje odwiedzających dokładnie, czym jest ta oferta.
Podnagłówek dobrze wspiera nagłówek, informując potencjalnych klientów, w jaki sposób mogą skorzystać z oferty.
Strzałka działa jak wskazówka kierunkowa, skierowana bezpośrednio na przycisk CTA, dzięki czemu odwiedzający również skierują tam swoją uwagę.
Warunki świadczenia usług, polityka antyspamowa i polityka prywatności są wyraźnie umieszczone, aby wzbudzić zaufanie przy przekazywaniu danych osobowych.
Formularz z trzema polami zapewnia niską barierę wejścia i nie wymaga nawet podania nazwiska.
Kolor przycisku wezwania do działania to dobry kontrastowy kolor, który nie jest używany nigdzie indziej na stronie.

Co do testu A/B:

Logo jest połączone ze stroną główną i może łatwo odciągnąć odwiedzających od strony bez poznania oferty i konwersji.
Nie ma zbyt wiele opisowej kopii. Zagłębienie się w to, czym jest GetResponse i jakie są jego główne korzyści, może prowadzić do większej liczby konwersji.

19. Przykład optymalnej strony docelowej

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Kopia punktowana umożliwia odwiedzającym przejrzenie strony w celu szybkiego zapoznania się z wersją demonstracyjną.
Hermetyzacja formularza pomaga go wyróżnić i prawdopodobnie prowadzi do większej liczby konwersji.
Obraz komputerowy na formularzu zapewnia prospektom podgląd tego, jak będzie wyglądać demo.
Formularz 5-polowy jest odpowiedni dla oferty na etapie decyzyjnym.
Kopia przycisku CTA wykorzystuje rzadkość i pilność, aby przekonać potencjalnych klientów do zapisania się na demo. „Zapisz moje miejsce” oznacza, że liczba miejsc jest ograniczona i trzeba je zarezerwować.
Logo firmy służą jako społeczny dowód, który informuje odwiedzających, że Optimizely cieszy się zaufaniem niektórych wiodących marek na świecie. Ponadto strzałki w tej sekcji działają jako wskazówki kierunkowe, co oznacza, że można zobaczyć jeszcze więcej logo.

Co do testu A/B:

Nawigacja w nagłówkach i stopkach powinna zostać usunięta, ponieważ mogą one usuwać potencjalnych klientów ze strony i zmniejszać współczynniki konwersji.
Niebieski przycisk CTA nie wyróżnia się tak bardzo, jak gdyby był żółty lub pomarańczowy.
Przyciski udostępniania społecznościowego na dole strony służą również jako linki wyjściowe, rozpraszające odwiedzających i odciągające ich od tej strony.

20. Przykład strony docelowej HubSpot

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Numer telefonu typu „kliknij, aby połączyć” poprawia wygodę użytkownika.
Nagłówek strony natychmiast wyjaśnia ofertę i informuje odwiedzających, jakie korzyści z niej przyniesie.
Krótkie akapity , wypunktowania i pogrubiona czcionka sprawiają, że skanowanie tej strony jest szybkie, łatwe i wygodne.
Hermetyzacja formularza pomaga mu bardziej wyróżnić się na stronie, prawdopodobnie zachęcając większą liczbę odwiedzających do jego wypełnienia.
Nagłówek formularza informuje potencjalnych klientów, że zestaw narzędzi można pobrać bezpłatnie. Dodanie tego również do nagłówka strony zwiększyłoby jego skuteczność.
Link do polityki prywatności obok pola e-mail zapewnia potencjalnym klientom link do łatwego dostępu zamiast przewijania do dołu strony.
Niebieski przycisk CTA przyciąga uwagę, ponieważ na stronie nie ma prawie żadnego innego koloru.

Co do testu A/B:

Logo HubSpot w lewym górnym rogu jest połączone ze stroną główną, co może natychmiast odciągnąć odwiedzających od strony.
Powtarzanie nagłówka bezpośrednio pod nagłówkiem głównym jest niepotrzebne i dodaje bałaganu na stronie.
Przyciski udostępniania społecznościowego mogą również usuwać odwiedzających ze strony, obniżając współczynniki konwersji.
12-polowy formularz jest zbyt długi i może onieśmielić odwiedzających. Wyeliminowanie niektórych pól lub uczynienie z niego wieloetapowego formularza może zachęcić więcej potencjalnych klientów do jego wypełnienia.
Kopia przycisku CTA jest niejasna. Zmieniam go na coś w stylu „Chcę zestaw narzędzi!” może ekscytować i przyciągać więcej perspektyw.
Strona jest niezrównoważona . Dodanie przykładowego obrazu zestawu narzędzi lub opinii osoby, która pobrała zestaw narzędzi, zrównoważyłoby stronę i prawdopodobnie zwiększyłoby liczbę konwersji.

21. Przykład strony docelowej MailChimp

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Słowo „bezpłatny” w nagłówku prawdopodobnie natychmiast wzbudzi zainteresowanie odwiedzających.
Pomocniczy podtytuł mówi potencjalnym klientom, w jaki sposób mogą skorzystać na rozpoczęciu korzystania z bezpłatnego konta.
3-polowy formularz jest krótki i nie wymaga podania bardzo osobistych informacji.
Pole hasła poprawia komfort użytkownika, umożliwiając odwiedzającym zobaczenie swojego wpisu, klikając przycisk „pokaż”. Również wymagania dotyczące hasła są wyraźnie wymienione na dole strony.
Brak nawigacji w nagłówku i minimalistyczna stopka sprawiają, że potencjalni klienci są skupieni na celu strony — założeniu darmowego konta.

Co do testu A/B:

Dodanie dowodu społecznego , takiego jak referencje klientów lub statystyki dotyczące korzystania z MailChimp, prawdopodobnie wygenerowałoby więcej rejestracji.
Przezroczysty przycisk CTA nie wyróżnia się tak bardzo, jak mógłby. Przyciemnienie i zwiększenie kontrastu zachęciłoby więcej osób do kliknięcia.
Kopia przycisku wezwania do działania może również zostać ulepszona, aby zawierała bardziej spersonalizowany i kuszący język, taki jak „Utwórz moje bezpłatne konto!”

22. Przykład strony docelowej Shopify

Co strona robi dobrze:

Nagłówek i podtytuł dobrze kontrastują z ciemnym tłem, dzięki czemu przyciągają uwagę natychmiast po wylądowaniu na stronie.
Tylko jedno pole formularza nad zakładką ułatwia odwiedzającym podjęcie działań.
Logo firmy i referencje klientów służą jako dowód społeczny, wskazując, że istnieją inne znane firmy i zadowoleni klienci, którzy ufają Shopify.
Minimalna kopia ułatwia odwiedzającym nawigację po stronie, a wypunktowane punkty pomagają zwrócić uwagę na główne zalety Shopify.
Obraz daje potencjalnym klientom realistyczny podgląd deski rozdzielczej.

Co do testu A/B:

Kolor przycisku CTA powinien zostać zmieniony na taki, który nie jest już tak często używany na stronie.
Przekierowanie wzroku ludzi na obrazie w stronę formularza i przycisku wezwania do działania zachęciłoby więcej odwiedzających do spojrzenia tam i dokonania konwersji.
Link „Enterprise e-commerce” w stopce działa jak link wyjściowy. Jest to jedyny na stronie, więc usunięcie go prawdopodobnie zwiększyłoby współczynniki konwersji.

23. Przykład strony docelowej Eloqua

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

Nagłówek opisuje ofertę, a podtytuł wspiera ją, dostarczając dodatkowych informacji o tym, czego potencjalni klienci mogą oczekiwać od przewodnika.
Kopia punktowana umożliwia odwiedzającym przejrzenie strony i wyciągnięcie ważnych informacji o przewodniku. Szara ramka również pomaga zwrócić uwagę na tę sekcję.
Kontrast ramek i kolorów wokół formularza sprawia, że wyróżnia się on na stronie.
Pomarańczowy przycisk wezwania do działania dobrze kontrastuje z resztą strony, sprawiając, że „wyskakuje” i zachęca potencjalnych klientów do kliknięcia. Również strzałka na nim służy jako wskazówka kierunku.

Co do testu A/B:

Tekst „Treść niedostępna” u góry strony sprawia, że wygląda ona nieprofesjonalnie.
Dodanie pustej przestrzeni wokół najważniejszych elementów — takich jak nagłówek, obraz i formularz — pomogłoby im bardziej się wyróżnić i sprawić, że strona będzie wyglądać na mniej zatłoczoną.
Obraz jest za mały, aby mógł służyć do swojego celu. Powiększenie go i zwiększenie rozdzielczości uczyniłoby go bardziej efektywnym.
Wiele linków wyjściowych w stopce daje odwiedzającym możliwość opuszczenia strony bez konwersji.

24. Przykładowa strona docelowa Basecamp

pokaż mi, jak działa Instapage ➔

Co strona robi dobrze:

The header serves as immediate social proof, telling visitors exactly how many people signed up for Basecamp just last week.
The green arrow pointing to the form field acts as a visual cue.
Only one form field surely won't deter people from completing it.
The option to use a Google account makes it even more convenient and compelling to sign up.
The CTA button copy is effective because it uses first-person and the word “free”.
Customer testimonials above the fold likely make prospects feel more comfortable with Basecamp.
The graph at the bottom of the page is a nice inclusion because it shows visitors how much Basecamp has grown over the years.

Co do testu A/B:

The header navigation provides visitors with multiple ways off the page without seeing the entire offer.
The CTA buttons don't stand out as much as they could because blue on the rest of the page. Testing them in orange or red might draw more attention.
Additional exit links throughout the copy make it easy for prospects to leave the page without signing up.
The copy is uninformative. It doesn't say much about Basecamp itself, but simply answers three questions about the trial period. Adding detailed information about how the app can benefit users might persuade more people to sign up.
The image of the devices should be enlarged and the hyperlink should be removed. Including it is helpful because it demonstrates all the different ways Basecamp can be used, but currently, it's difficult to see and serves as another exit link.

25. Airbnb landing page example

Co strona robi dobrze:

An enticing headline captures visitors attention and offers a cash incentive right from the start.
The CTA button contrasts well with the background and is right in the center of the page.
The headshot adds a personal connection to the friend who invited you to join the service.
The linked terms provide trust value to anyone who might be hesitant to sign up.

Co do testu A/B:

Header and footer navigation are distracting and provide visitors with an easy way off the page without converting.
Adding customer testimonials to this post-click landing page would likely persuade more prospects to convert.

Can you beat the best post-click landing page examples?

There you have it — some of the world's leading companies with some of the internet's best post-click landing page examples.

Nie ignoruj etapu po kliknięciu, zapewnij każdemu potencjalnemu klientowi spersonalizowane wrażenia od początku do końca. Sign up for an Instapage Demo today.