21 najlepszych przykładów projektowania stron docelowych, które musisz zobaczyć w 2022 r.

Opublikowany: 2022-01-07

Jak przekonać odwiedzających, że Twoja witryna jest warta ich czasu? Jest tak wiele elementów, których potrzebuje najwyższej klasy strona docelowa, a uczynienie tych elementów „najlepszymi”, jakie mogą być, często zależy od tego, jakie są cele strony docelowej.

Bezpłatny przewodnik: Jak tworzyć i optymalizować strony docelowe

Jeśli chcesz poprawić swoją grę na stronie docelowej, warto wiedzieć, co składa się na świetną grę. Przygotowaliśmy listę stron docelowych, które uwielbiamy, abyś mógł zobaczyć te imponujące projekty w akcji i wdrożyć ich taktyki na własnych stronach docelowych.

Strony docelowe rejestracji

1. Shopify

Przykładowa strona docelowa rejestracji w Shopify

Podobnie jak wiele innych stron docelowych w tym poście, próbna strona docelowa Shopify dla sprzedawców zapewnia prostotę. Nie jest zbyt obszerny, ale nadal przekonuje użytkowników, zwracając uwagę na kilka kluczowych punktów dotyczących jego najwyższej klasy produktu. Odwiedzający odchodzą wiedząc, że Shopify to platforma typu „wszystko w jednym”, która jest łatwa w użyciu i cieszy się zaufaniem wielu.

Dlaczego ta strona docelowa działa:

  • Przejrzysty interfejs: Nagłówek zorientowany na użytkownika to na przykład tylko kilka słów, a strona opiera się na prostej grafice i krótkich akapitach, aby przekazać szczegóły i korzyści związane z procesem.
  • Zwięzłe CTA: Jest tylko kilka pól, które musisz wypełnić, zanim zaczniesz. Wszystko to ułatwia szybkie rozpoczęcie sprzedaży online za pomocą ich narzędzia.

Co można poprawić:

  • Podkreśl bezpieczeństwo: Ostatnia kolumna stwierdza, że ​​platforma jest bezpieczna, ale nie wyjaśnia, dlaczego. Zamiast tego wspomina, że ​​korzysta z niego ponad milion firm. Kilka słów mówiących o bezpieczeństwie witryny poprawiłoby tę sekcję, ponieważ liczba dostawców jest już podana na górze strony. Dodatkowo wyeliminowałoby to tarcia dla odwiedzających z obawami o bezpieczeństwo.

2. Wielki Jones

Przykładowa strona docelowa Great Jones

Wielu z nas dużo więcej gotowało podczas pandemii i szukało możliwości ulepszenia naszego sprzętu. Great Jones oferuje stronę docelową, która jest równie piękna jak jego holenderskie piekarniki. Jest bardzo ambitny i spełnia wszystkie nasze idealne kuchenne marzenia.

Dlaczego ta strona docelowa działa:

  • Użycie koloru: Witryna Great Jones jest kolorowa, podobnie jak jej naczynia kuchenne. Użycie odważnych kolorów szybko przyciąga gości i sprawia, że ​​naczynia się wyróżniają.
  • Wybitny CTA : nie możesz przegapić tego gigantycznego żółtego CTA i pogrubionej czcionki kuponu 100 $ zniżki. Kto nie chciałby 100 dolarów zniżki na te wspaniałe doniczki?

Co można poprawić:

  • Opisy najazdu : przy tak wielu rondelkach i przyborach przedstawionych naraz byłoby wspaniale, gdyby użytkownicy mieli możliwość wyświetlenia nazwy przedmiotu. W ten sposób mogą łatwiej znaleźć na stronie, gdy będą gotowi do zakupu.

3. Pysk

Strona docelowa rejestracji w kagańcu z żółtym przyciskiem pobierania

Muzzle, aplikacja na komputery Mac, która wycisza powiadomienia na ekranie, w pełni obejmuje ten program, nie mówiąc o mentalności na ich minimalnej stronie docelowej. Strony docelowe pomagają użytkownikom zdecydować, czy Twój produkt lub usługa są rzeczywiście warte ich cennego czasu i energii. Czy jest lepszy sposób na jasne i bezpośrednie przekazanie propozycji wartości niż konfrontacja odwiedzających z problemem, który rozwiązuje Twoja aplikacja?

Dlaczego ta strona docelowa działa:

  • Pokaż zamiast mówić: Odwiedzający stronę witani są błyskawiczną nawałą zawstydzających powiadomień w lewym górnym rogu ekranu. Animacja jest nie tylko zabawna, ale także przekonująco przekazuje użyteczność aplikacji bez długich opisów.
  • Spójne wrażenia wizualne : nawet tekst na stronie ma stonowany szary kolor, odzwierciedlając funkcję produktu.

Co można poprawić:

  • Może być trudny do odczytania : chociaż jasnoszary tekst na białym tle doskonale naśladuje funkcję produktu, niektórym może być trudniej go odczytać.

4. DrzwiDash

Przykład strony docelowej DoorDash

Miłośnicy jedzenia na wynos bez wątpienia znają DoorDash, aplikację, która pozwala zamawiać jedzenie z różnych restauracji za pomocą telefonu. Cóż, zamiast klientów, ta strona docelowa jest nastawiona na rekrutację Dasherów, którzy dokonują dostaw.

Dlaczego ta strona docelowa działa:

  • Podkreśla autonomię Dasherów : Ta strona docelowa naprawdę pokazuje, że Dasherowie są niezależni i mogą swobodnie pracować, kiedy chcą.
  • Najważniejsze informacje Potencjalne zarobki : Chociaż nie ma sposobu, aby udowodnić, że te zarobki są typowe, z pewnością są kuszące dla każdego, kto chce zarobić dodatkową gotówkę.

Co można poprawić:

  • Przewaga nad konkurentami: DoorDash to nie jedyna gra dostawcza w mieście. Mogą podkreślić, co odróżnia ich od konkurenta, takiego jak UberEats.

5. Mądry

Mądra strona docelowa rejestracji z wezwaniami do wysyłania pieniędzy, odbierania pieniędzy i kartą debetową

Wise umożliwia wysyłanie i odbieranie pieniędzy w różnych walutach i krajach, a jego strona docelowa dzieli klientów na dwie kategorie: Biznesową lub Osobistą, dzięki czemu nie rozpraszają Cię opcje, które Cię nie dotyczą. Jest nawet krótki film pokazujący odwiedzającym, jak działa usługa, zanim ją wypróbują. Ponieważ mają do czynienia z pieniędzmi, ważne jest, aby za pierwszym razem uzyskać właściwe wrażenia klientów.

Dlaczego ta strona docelowa działa:

  • Najważniejsze informacje Bezpieczeństwo: informacje dotyczące bezpieczeństwa znajdują się na samym środku tej strony, co pomaga złagodzić wszelkie wątpliwości potencjalnego klienta i zapewnia go, że Wise jest bezpieczną usługą do wysyłania i odbierania pieniędzy .
  • Podkreśla wartość: W kilku miejscach na stronie, zarówno w formie tekstowej, jak i wideo, Wise powtarza, że ​​jest to tańsze niż przelewanie pieniędzy za pośrednictwem tradycyjnego banku.

Co można poprawić:

  • Interfejs jest trochę zajęty : chociaż to wspaniałe, że klienci mają dostęp do wielu informacji o usłudze, dużo się dzieje. Jest wideo, menu pojawiające się podczas przewijania i wiele przycisków — wszystko w górnej połowie strony.

6. Airbnb

Strona docelowa Airbnb Aby pomóc zmienić odwiedzających w gospodarzy, Airbnb oferuje kuszącą personalizację: szacunkową prognozę średnich tygodniowych zarobków na podstawie Twojej lokalizacji i wielkości domu. W polach możesz wprowadzić dodatkowe informacje o swoich potencjalnych kwaterach, aby uzyskać jeszcze bardziej spersonalizowaną wycenę.

Przykład drugiej strony docelowej Airbnb Jeśli odwiedzasz stronę już przekonany, wyraźne wezwanie do działania u góry strony ułatwia konwersję na miejscu.

Dlaczego ta strona docelowa działa:

  • Personalizacja : Airbnb od razu pokazuje Ci, ile możesz potencjalnie zarobić w zależności od obszaru i wielkości domu. Jest to przydatne dla potencjalnych nowych gospodarzy, którzy nadal mogą zastanawiać się, ile powinni pobierać i czego mogą się spodziewać.
  • Wykorzystuje społeczność: W dalszej części strony osoby zainteresowane hostingiem mają możliwość skontaktowania się z doświadczonym Superhostem, aby odpowiedzieć na wszelkie pytania.

Co można poprawić:

  • Nic: strona jest przejrzysta, zwięzła, uspokaja potencjalnych gospodarzy, że Airbnb jest bezpieczny w użyciu i oferuje spersonalizowane wrażenia.

7. Buch!

Przykładowa strona rejestracji w Wag

Machać! to usługa, która łączy właścicieli psów z ich spacerowiczami i opiekunami. Ta strona przechodzi od razu do sedna z dużą czcionką zachęcającą potencjalnych klientów do dołączenia i umieszcza formularz rejestracyjny w widocznym miejscu w prawej połowie strony. Zielony kolor tła sprawia, że ​​biała czcionka i inne elementy na stronie wyskakują. Dodanie kodu QR do formularza jest również miłym akcentem, umożliwiając odwiedzającym zeskanowanie go, szybkie pobranie aplikacji i zarejestrowanie się.

Dlaczego ta strona docelowa działa:

  • Wydajny formularz: pozostawienie otwartego pola formularza na stronie oznacza, że ​​odwiedzający nie muszą nawet klikać CTA, aby uzyskać do niego dostęp. Kod QR dodatkowo przyspiesza ten proces.
  • Podkreśla wiarygodność: w tym zdjęcia opiekunów oraz fakt, że ponad 351 000 opiekunów korzysta obecnie z usługi w całym kraju, sprawia, że ​​Wag jest bardziej godny zaufania.

Co można poprawić:

  • To nie jest przekonujące: w przeciwieństwie do wspomnianego wcześniej DoorDash, Wag! nie wspomina, dlaczego ludzie powinni dołączyć. Jakie są korzyści? Czy godziny pracy są elastyczne?

8. Wistia

Przykład strony docelowej Wistii

Od razu zauważasz niebieskie tło z różowym popem w postaci przycisku „Wypróbuj za darmo”. Strona wkracza do akcji dzięki filmowi prezentującemu wszystkie fajne treści, które możesz stworzyć. Jeśli masz wątpliwości, zawsze możesz przewinąć poniżej, aby przeczytać referencje niektórych z 375 000 zadowolonych klientów Wistii.

Dlaczego ta strona docelowa działa :

  • Łatwość użycia : sam formularz pozwala użytkownikom szybko go wypełnić, łącząc się z kontem Google. Spowoduje to włączenie funkcji autouzupełniania, która zmniejsza tarcie dla użytkownika.
  • Wykorzystuje efekty wizualne : Jako gospodarz wideo, Wista wykonuje świetną robotę, prezentując swoje możliwości przy użyciu różnych mediów. Jest tam kolorowa grafika, filmy, a nawet link do kreskówek zorientowanych na marketing.

Co można poprawić:

  • Dołącz często zadawane pytania : referencje są świetne, ale czasami klienci mają kilka wątpliwości, na które można szybko odpowiedzieć, korzystając z sekcji często zadawanych pytań. W ten sposób mogą zdecydować, czy chcą się zarejestrować, bez konieczności opuszczania strony w celu wyszukania odpowiedzi.

9. Przepływ sieciowy

Przykład strony docelowej Webflow Webflow, narzędzie do projektowania dla twórców stron internetowych, zawiera wiele informacji w jednym pliku GIF. Podobnie jak w przypadku Muzzle, Webflow również przechodzi od razu do sedna i pokazuje, co potrafi ich narzędzie, zamiast tylko o tym mówić. Animowany GIF jest widoczny w tej samej ramce na stronie, dzięki czemu użytkownicy mogą zobaczyć, jak działa produkt i zarejestrować się bez przewijania.

Dlaczego ta strona docelowa działa:

  • Pokaż zamiast mówić: Możliwość zobaczenia narzędzia Webflow w akcji daje potencjalnym klientom jasne wyobrażenie nie tylko o tym, co ono robi, ale także o tym, jak będą wyglądać ich doświadczenia z użytkownikami.
  • Usuwa ryzyko: W kilku miejscach na stronie docelowej odwiedzającym przypomina się, że usługa jest bezpłatna. Nie ma okresu próbnego, aby się zarejestrować. Mogą zbudować swoją witrynę za darmo i zdecydować, czy zapisać się do planu, gdy będą gotowi do uruchomienia.

Co można poprawić:

  • Nic : ta strona docelowa to idealna równowaga informacji, użyteczności i elementów wizualnych.

10. Przestrzeń do rozmów

Przykładowa strona docelowa Talkspace

Talkspace, usługa terapii online, naprawdę koncentruje się na wiarygodności tej strony docelowej. Wszystkie informacje na tej stronie podkreślają, że klienci będą mieli dostęp do licencjonowanych terapeutów, a usługa jest bezpieczna i poufna. To świetny sposób, aby uspokoić tych, którzy mogą wahać się, czy wziąć udział. Sprytnym pomysłem jest również wykorzystanie kształtów. Strony są często wypełnione kwadratami i polami, więc umieszczenie CTA w dużym okręgu natychmiast przyciąga widza. Ogólnie układ jest przejrzysty, zachęcający i pouczający.

Dlaczego ta strona docelowa działa:

  • Buduje zaufanie : Skupienie się na bezpieczeństwie klientów działa na ich korzyść, zwłaszcza że są one zgodne z HIPPA.
  • Zapewnia wartość : Oprócz szczegółowych informacji na temat działania Talkspace, ta strona zawiera również kilka zasobów i artykułów dotyczących zdrowia psychicznego.

Co można poprawić:

Nic: ta strona ma świetny interfejs użytkownika i służy jako świetny punkt wyjścia dla zasobów zdrowia psychicznego.

Strony docelowe e-booków

11. Nauto

auto-ebook-landing-page

Nauto, platforma danych dla samochodów autonomicznych, pomaga zwiększyć bezpieczeństwo autonomicznej jazdy firmom zarządzającym flotami pojazdów autonomicznych. Oczywiście jego klienci potrzebowaliby wszelkiego rodzaju informacji, aby sprzedawać je na tej platformie. Nauto ma go w bardzo prostym e-booku, którego strona docelowa zawiera zarówno krótki formularz kontaktowy, jak i kilka statystyk podglądu, aby udowodnić, dlaczego ten zasób jest tak ważny.

Na górze strony, pokazanej powyżej, ciepłe zdjęcie karoserii samochodu r obejmuje formę przechwytywania ołowiu. Zielony przycisk „Pobierz teraz” mógł być nawet celowy (w trasie zielony oznacza w końcu jedź).

Przewiń w dół, a zobaczysz kolejne wezwanie do działania „Pobierz e-booka”, przypominające użytkownikom, co ich czeka. Zobaczysz również trzy wstrząsające statystyki dotyczące wypadków samochodowych, aby zachęcić użytkowników do uzyskania dodatkowych informacji. Sprawdź to poniżej.

auto-ebook-landing-page-CTA-1

Dlaczego ta strona docelowa działa:

  • Prostota: ta strona docelowa nie rozprasza uwagi, co jest idealne, biorąc pod uwagę, że firma koncentruje się na bezpiecznych, autonomicznych pojazdach.
  • Świetne wykorzystanie porównania : w dalszej części strony Nauto oferuje obok siebie nagranie przedstawiające rozproszonego kierowcę i pojazd autonomiczny. To doskonały sposób na uświadomienie sobie, że sztuczna inteligencja jest bezpieczniejszym zakładem.

Co można poprawić:

  • Grafika: Ciepłe zdjęcie na górze jest naprawdę trudne do zauważenia. Nieco większa rozdzielczość pomogłaby odwiedzającym łatwo rozpoznać obraz jako samochody.

12. Marketing siły przemysłowej

Przykładowa-strona-docelowa-marketingu-przemysłowego.png

Od samego początku ta strona docelowa wciąga mnie z przekonującym, mocnym nagłówkiem: „Nie każ mi powiększać”. To bezpośrednio odnosi się do typowego doświadczenia, które większość z nas miała podczas przeglądania na naszych telefonach lub tabletach – i jest też trochę bezczelne.

Ale to nie jedyna rzecz, która sprawia, że ​​jestem zainteresowany tą stroną docelową. Zwróć uwagę, że kolor czerwony jest strategicznie umieszczony: znajduje się na górze i na dole formularza, jeszcze bardziej przybliżając Cię do zdarzenia konwersji.

przemysłowa-moc-marketingowa-mobilna-landing-page-1.jpg

przemysł-mocny-marketing-mobilny-landing-page-2.jpg

Dodatkowo ten projekt jest meta do startu: wygląda i działa świetnie również na urządzeniach mobilnych (na zdjęciu powyżej). Pamiętaj, że wielu odwiedzających będzie uzyskiwać dostęp do Twoich stron docelowych na swoich smartfonach lub tabletach, a jeśli projekt Twojej witryny nie nie działa dla nich dobrze, mogą zrezygnować i opuścić twoją stronę.

Ludzie z Industrial Strength Marketing stworzyli czcionki i pola formularzy na tyle duże, że odwiedzający nie muszą na przykład powiększać, aby czytać i wchodzić w interakcję z treścią.

Dlaczego ta strona docelowa działa:

  • Głos : język jest mocny i łatwy do odniesienia, szybko wciąga czytelnika.
  • Minimalistyczny : czarno-biała kolorystyka z kilkoma drobinkami czerwieni sprawia, że ​​arkusz rejestracji naprawdę się wyróżnia. Dodatkowo minimalistyczny design działa pięknie na urządzeniach mobilnych i stacjonarnych, nie wymaga szczypania.

Co można poprawić:

Nic : zarówno wersja mobilna, jak i komputerowa ilustrują doskonałe wykonanie

13. Przychodzące emocje

Przykład strony docelowej w języku hiszpańskim Inbound Emotion

Nawet jeśli nie mówisz po hiszpańsku, nadal możesz docenić możliwości konwersji tej witryny partnerskiej HubSpot. Moja ulubiona funkcja strony? Formularz pozostaje w stałym, widocznym miejscu podczas przewijania witryny. Uwielbiam też prosty układ i ciepłą kolorystykę.

Dlaczego ta strona docelowa działa:

  • Naprawiono formularz : Dostęp do formularza podczas przewijania zapewnia lepsze wrażenia użytkownika. Nie musisz przewijać z powrotem na górę strony, aby ją znaleźć.
  • Prosty interfejs: Układ jest prosty, ale skuteczny. Użycie tylko dwóch odcieni pomarańczy daje wrażenie monochromatyczności i pozwala skupić się na zaletach ebooka.

Co można poprawić:

  • Stwórz krótki formularz: było sześć elementów do wypełnienia, nie licząc pola wyboru na końcu. Dłuższe formularze mogą być dla niektórych zniechęcające.

14. WPŁYW Branding i projektowanie

Przykładowa strona docelowa Impact Branding z kreatywnym wezwaniem do działania

Pełne ujawnienie: IMPACT jest partnerem HubSpot — ale nie dlatego są one tutaj uwzględnione. Strony docelowe IMPACT od dawna są źródłem inspiracji projektowych. Uwielbiam prosty układ strony, od dużego nagłówka i szczegółowego obrazu, przez kontury otaczające formularz, po kolory i czcionki, które są bardzo miłe dla oka.

Bezpłatny przewodnik, który IMPACT oferuje do pobrania tutaj, również nie podkreśla samego pobierania w niebieskim przycisku, który umożliwia przesłanie wypełnionego formularza. IMPACT zaprasza raczej do „generowania większej liczby konwersji” — skupiając się na tym, co możesz zyskać dzięki lekturze przewodnika.

Dlaczego ta strona docelowa działa:

  • Sprytne przesyłanie wiadomości : nie pobierasz ebooka, tylko uczysz się „generować więcej rozmów”. To przeformułowanie jest o wiele bardziej kuszące niż zwykłe umieszczenie zwykłego przycisku pobierania.
  • Proste użycie kolorów i czcionek : niebieskie odcienie bardzo dobrze sprawdzają się na tej stronie docelowej, dodając jej różnorodności, jednocześnie zachowując spójny wygląd. Ponieważ na stronie jest dużo tekstu, prosta czcionka jest idealna.

Co można poprawić:

  • Nic : ta strona zachęca do pobierania w sprytny sposób za pomocą prostego układu i kolorów.

Strony docelowe, aby dowiedzieć się więcej

15. Odbij

Przykład Unbounce Landing Page

Nic dziwnego, że Unbounce stworzył tę listę — w rzeczywistości napisali książkę o tworzeniu stron docelowych o wysokiej konwersji. Chociaż na tej stronie docelowej jest wiele niesamowitych rzeczy, dwie, które absolutnie uwielbiam, to: wiele sposobów dostępu do kursu i dodatkowe oferty raportów branżowych. Unbounce jest naprawdę kompetentny w dostarczaniu odwiedzającym potrzebnych informacji, ale także tego, o czym nie wiedzieli, że potrzebują, dopóki nie wylądowali na stronie.

Dlaczego ta strona docelowa działa:

  • Daje odwiedzającym opcje: jeśli chodzi o dostęp do kursu, użytkownicy mogą kliknąć główny przycisk nad górną połową strony lub, jeśli już przewijali, kliknąć kurs na pasku bocznym po lewej stronie. Eliminacja konieczności przewijania z powrotem na górę strony.
  • Czasami więcej to więcej : oprócz kursu Unbounce zapewnia odwiedzającym raporty branżowe i odpowiedzi na inne tematy związane ze stroną docelową. Dostarczanie jeszcze bardziej przydatnych informacji ustawia Unbounce jako zaufany autorytet w swojej dziedzinie.

Co można poprawić:

  • Opisy: Kurs składa się z kilku modułów i byłoby pomocne, gdyby niektóre zawierały krótki opis. Menu na pasku bocznym zawiera listę kursów, ale pomocne byłoby krótkie zdanie podsumowujące, czego mogą się spodziewać odwiedzający.

16. Rachunki.com

bills-dot-com-landing-page-example.png

Często ludzie myślą, że strony docelowe to statyczne strony w Twojej witrynie. Ale dzięki odpowiednim narzędziom możesz sprawić, by były interaktywne i spersonalizowane.

Weź powyższy przykład z Bills.com. Aby sprawdzić, czy skorzystasz z ich konsultacji, przed wyświetleniem formularza odpowiedz na trzy pytania.

Następnie odpowiadasz na dwa kolejne pytania, takie jak to poniżej:

bills-dot-com-landing-page-2.png

A oto ostateczny formularz strony docelowej, w którym podajesz swoje informacje:

bills-dot-com-landing-page-3.png

Nie jestem pewien, jak działa algorytm (lub czy w ogóle taki istnieje), ale kiedy go wypełniałem, obawiałem się, że nie zakwalifikuję się. Kiedy dowiedziałem się, że to zrobiłem, byłem podekscytowany wypełnieniem formularza, co z pewnością jest w większości osób zadłużonych i korzystających z tego narzędzia. Dzięki temu, że ta oferta wydawała się bardziej ekskluzywna, zanim formularz pojawił się na stronie docelowej, założę się, że Bills.com znacznie zwiększył konwersje.

Dlaczego ta strona docelowa działa :

  • Wyłączność: Każdy lubi czuć się wyjątkowo, dlatego ekskluzywność działa tak dobrze. Strona sprawia wrażenie, że oferta nie jest skierowana do kogokolwiek , najpierw trzeba się zakwalifikować.
  • Interaktywność : w dowolnym momencie możesz skłonić użytkowników do interakcji ze stroną, nawet jeśli jest to coś tak prostego, jak użycie formularza z pytaniem z przesuwanym paskiem.

Co można poprawić:

  • Więcej kolorów: Chociaż witryna jest nastawiona na niezbyt zabawne tematy, takie jak rachunki i długi, nie oznacza to, że musi być nudna. Szarość pozostawia wiele do życzenia.

17. Zillow

Przykład strony docelowej Zillow

Zillow zrobił coś bardzo podobnego do Bills.com ze swoją stroną docelową. Zaczyna się od prostego formularza z pytaniem o „twój adres domowy” (brzmi przerażająco, ale nie martw się. To pole formularza jest umieszczone na górze obrazu bohatera przedstawiającego osobliwy dom o zmierzchu, po którym następuje przydatna sekcja FAQ.

Oczywiście sam adres nie wystarczy, aby uzyskać prawdziwą wycenę domu. To po prostu oznacza sąsiedztwo domu. To trochę jak granie w The Price is Right. Możesz zgadnąć, ile są warte domy w okolicy, a następnie wpisz adres, aby zobaczyć, jak blisko jesteś. Jeśli chcesz dowiedzieć się więcej o usłudze, Zillow poprosi użytkowników o zarejestrowanie się, aby kontynuować.

Przykład strony docelowej Zestimate Po przekazaniu wiadomości e-mail będziesz mieć dostęp do większej liczby danych, takich jak porównywalne domy w okolicy, narzędzia hipoteczne i szacunkowe zyski netto, jeśli zdecydujesz się na sprzedaż.

Dlaczego ta strona docelowa działa :

  • Gry są fajne: za każdym razem, gdy możesz sprawić, że wypełnienie formularza stanie się grą, jest to wygrana.
  • Ustanawia Urząd ds. Tematu : Zillow ma dostęp do tak wielu danych o mieszkaniach i sąsiedztwach, że nic dziwnego, że jest jedną z najlepszych witryn wyszukiwania domów w kraju.

Co można poprawić:

  • Nic: strona Zestimate jest prosta, ale skuteczna. Osoby, które mają wątpliwości co do tego, czym jest Zestimate i jak są obliczane, mają łatwy dostęp do najczęściej zadawanych pytań dotyczących kupowania domów w drugiej połowie strony.

18. Landbot

Przykładowa strona docelowa Landbota

Landbot, usługa, która tworzy strony docelowe oparte na chatbocie, umieszcza własny produkt z przodu i na środku swojej strony docelowej opartej na czacie. Odwiedzających wita przyjazny bot — wraz z emotikonami i GIF-ami — który zachęca ich do podawania informacji w formie konwersacyjnej zamiast tradycyjnej.

Dlaczego ta strona docelowa działa :

  • To zabawne : od jasnych kolorów po GIF-y, ta strona zapewnia odwiedzającym zaangażowanie i rozrywkę.
  • Pokaż, nie mów : mając chatbota bezpośrednio na stronie, wykonując swoje zadania, potencjalni klienci mogą dokładnie zobaczyć, co otrzymują. Całe doświadczenie symuluje, jak to jest korzystać z produktu Landbota.

Co można poprawić:

  • Nic : korzystanie przez Landbota z demonstracji na żywo, referencji, wyróżnionych funkcji integracji i szczegółowego podziału sposobu działania produktu sprawia, że ​​nowi klienci są gotowi do rejestracji na pierwszy rzut oka.

19. Zyski internetowe

Przykład strony docelowej Webprofits

Jak wspomniałem wcześniej Industrial Strength Marketing, Webprofits również świetnie wykorzystuje schemat kolorów, głównie czarny, biały i czerwony. Rezultatem jest przejrzysty układ, który świetnie wykorzystuje kolorowe akcenty na stronie. To świadectwo doświadczenia organizacji w marketingu cyfrowym i projektowaniu UX.

Funkcja opisu najazdu w sekcji „Co robimy”, choć jest czarno-biała, wykorzystuje ruch, aby przyciągnąć uwagę czytelnika do treści. Każda sekcja zmienia kolor i rozwija się jak cień, aby odsłonić bardziej szczegółowe funkcje.

Przykład strony docelowej Webprofits

Ułatwiają również ustalenie, czym właściwie zajmuje się Webprofits. Pozostała część strony zawiera szczegółowe informacje o tym, co otrzymasz, gdy podasz swoje informacje. Ponadto zawiera strategiczne CTA, takie jak „Skontaktuj się”

Dlaczego ta strona docelowa działa:

  • Pouczające, ale nie przytłaczające: Na tej stronie znajduje się wiele informacji i tekstu, ale użycie dobrze umieszczonych grafik i filmów pomaga je rozbić.
  • Wiele wezwań do działania : umieszczenie tego samego wezwania do działania na całej stronie sprawia, że ​​odwiedzający nie muszą przewijać do samej góry, aby „Skontaktować się”.

Co można poprawić:

  • Nic: Webprofit świetnie wykorzystuje format długiej strony docelowej, pakując wszystkie istotne informacje, których odwiedzający potrzebują w jednym miejscu, zapewniając atrakcyjne wizualnie wrażenia.

20. Mak rodzimy

Przykład natywnej strony docelowej z makiem

Czasami wystarczy zatrzymać się i podziwiać stronę docelową za to, że jest piękna. Korzystając z fotografii w wysokiej rozdzielczości i dużej ilości białej przestrzeni, strona docelowa Native Poppy jest przyjemnością dla oka.

Poza swoim pięknem, strona ma kilka świetnych elementów: wyraźne i zachwycająco różowe CTA, informacyjną sekcję „Jak to działa” oraz FAQ na dole. Co najważniejsze, bawi się językiem, rezygnując z wyrażenia „zostań subskrybentem” na rzecz „zostań dzikim kwiatem”. Nie wiem jak wy, ale wolę być „dzikim kwiatem” niż subskrybentem każdego dnia.

Dlaczego ta strona docelowa działa :

  • Przechwytuje głos marki: Układ Wild Poppy odzwierciedla kapryśną atmosferę marki. Od zdjęć, wyboru czcionki i subskrypcji „dzikich kwiatów” wszystkie wiadomości działają harmonijnie.
  • Przekonujący: podkreślając wszystkie korzyści i rabaty wynikające z uczestnictwa w programie subskrypcji, zachęca klientów do przyłączenia się.

Co można poprawić:

  • Widoczność formularza : chociaż istnieje wiele wezwania do działania, dobrze byłoby mieć pola formularza na stronie w celu szybszej rejestracji lub jako wyskakujące okienko po kliknięciu, zamiast konieczności klikania CTA, a następnie przechodzenia do innej serii podpowiedzi.

21. Laboratorium konwersji

Przykładowa strona docelowa laboratorium konwersji

Chociaż zazwyczaj nie umieszczałbym przykładu strony głównej z formularzem w poście o stronach docelowych, ta witryna jest wyjątkowa. Strona główna to cała witryna — linki nawigacyjne prowadzą tylko do poniższych informacji.

Po kliknięciu „Uzyskaj moją bezpłatną konsultację” cała strona ciemnieje, aby wyróżnić formularz. Zobacz, jak to wygląda, zanim klikniesz w zdjęcie powyżej.

A po kliknięciu tego CTA sprawdź, jak wygląda formularz:

Przykładowa strona docelowa w Laboratorium konwersji

Podobną funkcję pełni kliknięcie dowolnego nagłówka na stronie. Zamiast przenosić Cię na inną stronę, po prostu przeskakuje do odpowiedniej sekcji na stronie głównej.

Podoba mi się, że nie musisz opuszczać strony, aby wypełnić formularz lub wyświetlić dowolną z funkcji, tworząc bezproblemową obsługę.

Dlaczego ta strona docelowa działa :

  • Kreatywne: Posiadanie strony głównej, która działa również jako różne strony docelowe, czyni laboratorium konwersji wyjątkowym. Co najważniejsze, nadal zapewnia przyjemne wrażenia użytkownika.
  • Zorganizowany układ : pomimo tego, że strona główna i strony docelowe są jednym, strona nie jest w ogóle zagracona ani zajęta.

Co można poprawić:

  • Umiejscowienie formularza: Byłoby miło, gdyby formularz był otwarty z jednej strony, aby odwiedzający mogli nadal czytać treść z pozostałej części strony.

Pomysły na strony docelowe

Dobrze zoptymalizowana strona docelowa może przekształcić potencjalnych klientów w potencjalnych klientów, zbierając informacje, które pomogą Ci lepiej zrozumieć, reklamować i zachwycać odwiedzających. Ponieważ strony docelowe mają kluczowe znaczenie dla konwersji, ważne jest, aby upewnić się, że są dobrze zaplanowane, zaprojektowane i wykonane.

Oto kilka rzeczy, o których należy pamiętać podczas tworzenia stron docelowych:

  • Atrakcyjna estetyka : kolor strony docelowej i przejrzysty interfejs użytkownika mogą tylko pomóc. Odwiedzający będą chcieli dowiedzieć się więcej o Twoich produktach i zobaczyć dowody świadczące o oferowanej przez Ciebie wartości. Spójrz na #18 na naszej liście — Landbot, który jest świetnym przykładem oszałamiającej strony internetowej.
  • Mniej znaczy więcej : oferta lub obrazy przemawiają głównie do Ciebie, ale pamiętaj o dołączeniu wszystkich opisowych nagłówków i tekstu pomocniczego, aby Twoja strona docelowa była przejrzysta i atrakcyjna. Dotyczy to prawie wszystkich elementów na stronie: wypróbuj odstępy, prostą kopię i krótsze formularze.
  • Utrzymuj odwiedzających na stronie : usunięcie głównej nawigacji lub wszelkich rozpraszających linków zwrotnych zmniejsza prawdopodobieństwo wystąpienia tarć związanych z generowaniem potencjalnych klientów, które mogłyby spowodować, że użytkownicy porzucą Twoją stronę.
  • Udostępnianie społecznościowe : prostym sposobem na zachęcenie odwiedzających do zaangażowania się w stronę docelową jest dodanie przycisków udostępniania w mediach społecznościowych, aby mogli rozpowszechniać Twoje treści wśród swoich obserwatorów społecznościowych. W końcu klienci są w centrum marketingowego koła zamachowego.
  • Testy A/B : prawidłowe działanie stron docelowych jest ważne, a ponieważ psychologia konsumenta może czasami zaskakiwać, zawsze lepiej jest poeksperymentować z różnymi wersjami stron, aby sprawdzić, która ma najwyższy współczynnik konwersji (CVR). Przetestuj pozycjonowanie oferty, rodzaje CTA, a nawet kolorystykę.
  • Wezwanie do działania: CTA jest głównym elementem strony docelowej lub punktem zwrotnym, w którym potencjalni klienci stają się kontaktami. Wezwania do działania mogą prosić odwiedzających o zasubskrybowanie, pobranie, wypełnienie formularza, udostępnienie w mediach społecznościowych i nie tylko – ale ogólnie rzecz biorąc, CTA są niezbędne, aby bardziej zaangażować odbiorców w Twoją ofertę. Aby generować leady, CTA powinny być odważne i przyciągające wzrok, ale co najważniejsze, muszą skutecznie komunikować wartość.

Tworzenie błyszczących stron docelowych

Strony docelowe pomagają w powiększaniu bazy klientów i zwiększeniu konwersji. Stwórz stronę, która zachwyca klientów tak wspaniałym interfejsem użytkownika, że ​​będą wracać po więcej.

Ten artykuł został pierwotnie opublikowany 2 kwietnia 2020 r. i został zaktualizowany pod kątem obszerności.

zoptymalizuj strony docelowe