Jak stworzyć skuteczny landing page? 8 przykładów stron docelowych z rekomendacjami zmian

Tworzenie stron docelowych, to świetny sposób na zwiększenie skuteczności prowadzonych działań marketingowych – od kampanii SEM, przez e-mail marketing i social media, aż po reklamę display. Niestety w Polsce wiele firm nie korzysta jeszcze z dobrodziejstw tej strategii.

Kierowanie ruchu na landing page zamiast na stronę główną pozwala dopasować do odbiorcy komunikację oferty i nakłonić go do realizacji jednego konkretnego celu – np. zostawienia danych kontaktowych, zapisu do newslettera czy pobrania e-booka. Dzięki temu pozyskujesz więcej leadów przy niezmienionym budżecie na działania reklamowe.

W tym wpisie przedstawiam 8 przykładowych stron docelowych wraz z oceną, które elementy zostały poprawnie zaprojektowane, a które warto byłoby poprawić bądź przetestować. Zapoznanie się z nimi pomoże Ci zbudować skuteczniejszy landing page dla Twoich kampanii.

Alianz Direct

Warto naśladować:

  • Kontrast – najważniejsza informacja, czyli cena OC, skutecznie przyciąga wzrok
  • Formularz – mocno się wyróżnia od reszty strony, a dodatkowo jest krótki i zrozumiały
  • Kolory – świetnie dobrane, współgrają z identyfikacją wizualną marki, jednocześnie zapewniając wysoki kontrast najważniejszych elementów
  • Czytelność strony – ograniczenie tekstu do minimum sprawia, że strona jest prosta w odbiorze i szybko można się z nią zapoznać. Pomaga w tym fakt, że ubezpieczenie OC to produkt, który nie wymaga szczegółowego opisania – każdy go rozumie
  • Nagrody – budują zaufanie i podkreślają atrakcyjność oferty

Należy unikać / poprawić / przetestować:

  • Nagłówek – obecnie jest rozbity na dwie części, przez co trudno jest zauważyć, że „Ubezpieczysz swój samochód“ i „taniej niż myślisz“ to dwie części tego samego zdania. Sam tekst również nadaje się do optymalizacji – np. poprzez zastosowanie czasowników w stylu ”ubezpiecz” zamiast ”ubezpieczysz”
  • Dowód społeczny – na stronie brakuje potwierdzenia, że oferta jest atrakcyjna – można je uzyskać np. poprzez dodanie liczby klientów
Deutsche Bank

Warto naśladować:

  • USP – komunikowane w widocznym miejscu oraz w zwięzłej, zrozumiałej formie. Korzyści z posiadania konta oraz karty są też dokładniej opisane w dalszej części strony docelowej
  • Belka na dole strony – dzięki temu, że podąża za użytkownikiem wraz z przewijaniem strony, ułatwia mu przejście do formularza
  • Nagrody – potwierdzają atrakcyjność oferty, zwłaszcza, że zostały przyznane przez niezależne portale branżowe (porównywarki finansowe)
  • Prezentacja kroków do założenia konta – dzięki temu użytkownik wie, co musi zrobić, aby je założyć

Należy unikać / poprawić / przetestować:

  • Nagłówki – wygodniej byłoby je czytać, gdyby zostały wyrównane do lewej. Nie komunikują korzyści dla klienta i nie nawołują do wykonania akcji
  • Zdjęcie – wygląda sztucznie, przez co obniża wiarygodność strony. Proponowałbym je zmienić na bardziej naturalne
  • Call To Action – przycisk u góry strony ma odpowiedni kontrast, ale już na ciemno granatowej belce nie wyróżnia się aż tak dobrze. Warto byłoby też jeszcze raz zakomunikować na tekście CTA główną korzyść, czyli 0 zł za prowadzenie konta
LinkBird

Warto naśladować:

  • Call To Action – dobrze dobrano zarówno kolor przycisku, jak i tekst, który zawiera czasownik (nawołuje do akcji), a dodatkowo przemyca dwie korzyści dla użytkownika (usługa za darmo i bez zobowiązań).
  • USP (Unique Selling Proposition) – nagłówek oraz 3 wartości dostarczane przez produkt, chociaż komunikowane krótkimi słowami, są w pełni zrozumiałe.
  • Dowód społeczny – logotypy klientów podnoszą wiarygodność.

Należy unikać / poprawić / przetestować:

  • Nagłówki – poza pierwszym nagłówkiem, który jest widoczny i czytelny, pozostałe są zbyt małe, co w połączeniu z nietypowym krojem czcionki obniża czytelność
  • Referencje – są za długie, brakuje w nich podkreślenia kluczowych słów lub zdania – np. poprzez dodanie na górze referencji nagłówka lub wyboldowanie najważniejszej części wypowiedzi. Brakuje też zdjęć wypowiadających się osób, które podniosłyby wiarygodność opinii
  • Zmarnowane miejsce u góry strony – logotyp oraz numer kontaktowy mogłyby się znajdować w jednej linii, co pozwoliłoby podnieść stronę, jednocześnie żaden element by na tym nie ucierpiał
  • Bezpieczeństwo – podajemy wrażliwe dane, jak imię i nazwisko oraz numer telefonu, więc przydałaby się tutaj gwarancja bezpieczeństwa tych informacji, a także link do regulaminu oraz checkbox z wyrażeniem zgody na przetwarzanie danych
  • Tło – niebo i ptaki w tle są nieco rozpraszające. Przetestowałbym tutaj wariant z jednolitym tłem.
Smart sheet

Warto naśladować:

  • USP – komunikacja została w sprytny sposób oparta o przewagi nad konkurencją – na tę stronę docelową można trafić po wpisaniu ”Basecamp” w Google. Przyciąga to uwagę użytkownika (”Jesteście lepsi niż Basecamp? Sprawdzę, dlaczego.”) i zachęca do przeczytania treści na landing page.
  • Lista przewag – do jej prezentacji wykorzystano tabelkę, która jest czytelna, a także wiarygodna, ponieważ pokazano również funkcje oferowane przez oba narzędzia (często takie porównania wskazują, że ”nasze” narzędzie potrafi wszystko, a konkurencyjne nic, co zmniejsza wiarygodność).

Należy unikać / poprawić / przetestować:

  • Nagłówek – opisuje narzędzie, a nie korzyści dla klienta. Warto byłoby przetestować nagłówek nastawiony na korzyści, np. ”Start managing your projects effectively”
  • Call To Action – przede wszystkim mają niski kontrast względem reszty strony, na co składa się podobny do tła kolor oraz dużo elementów znajdujących się wokół nich. Brakuje rozróżnienia na to który z dwóch przycisków jest tym głównym, ponieważ mają ten sam kolor
  • USP – sama treść USP jest interesująca – narzędzie jest darmowe, rejestracja jest błyskawiczna, nie wymaga podania numeru karty kredytowej. Forma przekazu sprawia jednak, że te korzyści giną wśród reszty strony, są nieczytelne i łatwo je pominąć, kierując wzrok od razu na pole do podania adresu e-mail
  • Dowód społeczny – na stronie docelowej zostały umieszczone logotypy firm, ale brakuje rekomendacji od obecnych klientów, którzy podpisaliby się pod stwierdzeniem, że narzędzie jest faktycznie lepsze od konkurencyjnego Basecampa.
Podio

Warto naśladować:

  • Grafiki – Podio charakteryzuje się ładnym wizualnie interfejsem, więc umieszczenie w widocznym miejscu screenów narzędzia zachęca do pozostania na stronie
  • USP – nacisk na dopasowanie aplikacji do indywidualnych potrzeb i wyróżnienie faktu, że narzędzie zawsze będzie darmowe do 5 kont, to fajne wartości. Dodatkowym plusem jest fakt, że komunikacja korzyści zajmuje mało miejsca
  • Dokładnie opisanie funkcji narzędzia. Opisy są nastawione na akcje i korzyści, jakie klient ma dzięki tym funkcjom (nie są techniczne)
  • Bezpieczeństwo – dzięki logo McAfee w prawym górnym logo
  • Logotypy innych usług – umieszczenie logotypów rozpoznawalnych narzędzi, z którymi Podio jest zintegrowane, zwiększa wiarygodność usługi

Należy unikać / poprawić / przetestować:

  • Mało widoczny Call To Action – uwagę przyciągają screeny aplikacji, przycisk CTA ginie wśród innych elementów
  • Call To Action na dole strony – przetestowałbym tutaj przenoszenie na górę strony po kliknięciu w CTA na dole bądź dodanie obok niego adresu e-mail
  • USP – tekst ”Free forever for up to 5 employees” wygląda jak link. Nie jest to jednak klikalny tekst, przez co można odnieść wrażenie, że na stronie wystąpił błąd. Przetestowałbym też komunikację darmowej usługi, np. poprzez dodanie tam ikony
  • Logo McAfee – jest podlinkowane i przekierowuje poza stronę, co zwiększa ryzyko, że użytkownik opuści stronę. Dodatkową treść informującą o zabezpieczeniach lepiej umieścić w tooltipie wyświetlanym po najechaniu na logo bądź w toplayerze wyświetlanym po kliknięciu
Sentione

Warto naśladować:

  • Design – strona jest ładna, ma spójny styl, dobrze dobraną kolorystykę i wysokiej jakości grafiki oraz ikonki
  • Dowód społeczny – komunikacja mocno bazuje na bazie klientów oraz ich opiniach. Świetnym posunięciem było tutaj nagranie wysokiej jakości referencji wideo, które skutecznie budują zaufanie – wyglądają profesjonalnie i w 100% wiarygodnie
  • Mapa – w przystępny sposób pokazuje zasięg SentiOne. Dane są zaprezentowane w przyjemnej dla oka formie i dzięki temu są czytelniejsze niż zwykły tekst

Należy unikać / poprawić / przetestować:

  • Rotator – obrazki i teksty na kolejnych slajdach są fajne, ale rotator sam przeskakuje na kolejne slajdy, co jest nieco irytujące. Strzałki służące do przewijania przesunąłbym wyżej – obecnie wydają się oderwane od całości
  • Nagłówki – raz są, a raz ich nie ma (w sekcji z funkacjami / USP). Mają różną wielkość, brakuje spójnego wyrównania – w sekcji z referencjami mamy wyrównanie do lewej, natomiast w sekcji z logotypami klientów wyrównanie do środka. Rekomendowałbym ich ujednolicenie
  • USP – komunikacja marketingowa jest nastawiona na funkcje, zamiast na korzyści z nich płynące. Ikonki wyglądają ładnie, ale same teksty niewiele mówią – trudno się dowiedzieć, jak korzystanie z narzędzia przełoży się na rozwój biznesu klienta. Przetestowałbym tutaj teksty komunikujące korzyści w formie ikonka + krótki nagłówek + opis
  • Case study – na innej podstronie można znaleźć case study DaWanda, które wymownie obrazuje wpływ narzędzia na biznes – w tym przypadku było to uzyskanie wyniku 99,7% pozytywnych komentarzy dotyczących obsługi klienta. Warto się tym pochwalić w widocznym miejscu
Alior Bank

Warto naśladować:

  • Kontrast – fioletowe tło pod formularzem od razu przyciąga wzrok i zachęca do jego wypełnienia
  • USP – tarcza na środku w przejrzysty sposób komunikuje najważniejszą korzyść związaną z usługą, czyli gwarancję najniższej raty
  • Przykład – przedstawienie co wchodzi w skład pełnej kwoty przykładowej pożyczki wyjaśnia jak działa usługa i podnosi poziom zaufania do banku

Należy unikać / poprawić / przetestować:

  • Call To Action – jest zbyt mały i zawiera generyczny tekst ”Wyślij”. Skuteczniejszy byłby tekst ”Zamów kontakt” lub ”Chcę otrzymać ofertę”
  • Formularz – przede wszystkim brakuje tutaj wyjaśnienia w jaki celu mam podać adres e-mail (przecież kontakt będzie telefoniczny) oraz numer PESEL (spodziewałbym się raczej, że potrzebny jest dopiero w momencie zawierania umów, a nie do prezentacji oferty). Brakuje też tutaj gwiazdek oznaczających obowiązkowe pola formularza – użytkownik może podejrzewać, że adres e-mail jest nieobowiązkowy, skoro zamawia kontakt telefoniczny
  • Nagłówek – to, że Alior Bank stoi na straży najniższych rat niewiele mówi klientowi. Tekst powinien jasno komunikować, że zapłacę najniższe raty na rynku, ponieważ bank stoi na ich straży
  • Bodźce – warto byłoby dodać elementy przyspieszające decyzję klienta, jak ograniczenie czasowe (chociaż jest to już decyzja biznesowa związana z produktem) lub informację o tym ile osób już skorzystało z oferty
Unbounce

Warto naśladować:

  • Call To Action – duży, wyróżniający się przycisk, który dodatkowo zachęca do kliknięcia umieszczonym na nim tekstem – dzięki niemu klient wie dokładnie, czego spodziewać się po kliknięciu
  • Nagłówek – jest duży i widoczny, a umieszczona obok niego strzałka skutecznie przenosi wzrok użytkownika w kierunku Call To Action
  • Formularz – a tak naprawdę jego brak. To skrajny przypadek dobrej praktyki, jaką jest skracanie formularzy. Wcześniej UnBounce wymagał podania adresu e-mail, imienia i stanowiska. Jako, że celem jest tutaj przekazanie wiedzy i zbudowanie eksperckiej pozycji u potencjalnego klienta, a nie zdobycie adresu e-mail aby wysyłać na niego newsletter, firma zdecydowała się usunąć formularz
  • Dowód społeczny – budowany dwutorowo – z jednej strony mamy listę ekspertów, którzy tworzyli kurs, a z drugiej opinie klientów podkreślających kompetencje firmy. Zdjęcia, nazwiska i linki do profili na Twitterze skutecznie budują zaufanie
  • Dokładny plan kursu – dzięki niemu wiesz, czego się spodziewać po przejściu dalej
  • Drugi Call To Action – tym razem w formie linku na dole strony, który komunikuje korzyści dla biznesu klienta, jakimi są większa liczba leadów oraz klientów

Należy unikać / poprawić / przetestować:

  • Wideo – elementem przekonującym mnie do udziału w kursie byłoby przykładowe video z lekcją. Ten element jest komunikowany na stronie docelowej – warto byłoby pójść dalej i pokazać przykład

Podsumowując, tworząc landing page powinieneś zawsze pamiętać o dopracowaniu kluczowych elementów, takich jak USP, budowanie zaufania, klarowny i wyróżniający się CTA, a także możliwie najkrótszy i zrozumiały formularz. Więcej o zasadach projektowania skutecznych stron docelowych przeczytasz we wpisie Pauliny Kamińskiej.

Jeśli chcesz zyskać przewagę konkurencyjną dzięki zwiększaniu współczynnika konwersji oraz zwiększyć zysk swojej witryny bez wydawania kolejnej złotówki na reklamę, skontaktuj się z Conversion by poznać nasze podejście. Więcej o optymalizacji współczynnika konwersji dowiesz się pobierając przygotowane przez nas bezpłatne poradniki, raporty oraz case studies.

Autor: Damian

Damian odpowiada za szkicowanie oraz testowanie nowych rozwiązań na stronach internetowych naszych klientów. Jest absolwentem Szkoły Głównej Handlowej na kierunku Finanse i Rachunkowość, a niebawem dołoży do tego dyplom z Zarządzania. Wpisy na blogu Conversion to pochodna jego wieloletniego zainteresowania dziennikarstwem. W wolnych chwilach ugania się za piłką na warszawskich orlikach.





x

Pobierz najnowsze case study

Przeczytaj jak Limango Polska wykorzystuje potencjał analityki internetowej w swojej organizacji.

Pobierz case study
Przeczytaj poprzedni wpis:
KPI – od czego zacząć?

Jeżeli zastanawiasz się od czego zacząć tworzenie kokpitów menedżerskich, to jest to artykuł dla Ciebie. Kokpity menedżerskie, określane również jako...

Zamknij