Piękne porady i przykłady stron docelowych

Napisano setki dowcipnych artykułów na temat stron docelowych. Wszyscy znamy podstawowe fakty - są to strony, do których dociera użytkownik po kliknięciu reklamy banerowej lub linku promocyjnego i odgrywają kluczową rolę marketingową, przekształcając klientów w klientów biznesowych. Jeśli jednak chodzi o samodzielne projektowanie strony docelowej, sprawy wydają się być o wiele bardziej delikatne niż można by się spodziewać po przejściu przez dokumentację „Jak to zrobić”. Dlatego dzisiaj zdecydowaliśmy się udostępnić kolekcję rzeczywistych przykładów stron docelowych w celu inspiracji.

Według dość naukowej klasyfikacji, którą można znaleźć w Wikipedii, strony docelowe mieszczą się w dwóch głównych kategoriach: referencyjnej i transakcyjnej. Jeśli mają być nazywane odniesieniami, strony muszą wyświetlać informacje, które są zarówno atrakcyjne, jak i odpowiednie dla użytkownika (tekst, multimedia). „Transakcyjne” strony docelowe to te, które mają na celu natychmiastową sprzedaż lub przynajmniej zdobycie silnych leadów sprzedażowych.

Jak zapewne zgodzisz się ze mną, wszystkie strony docelowe spełniają oba kryteria: informują gościa o ofercie, a także podżegają do działania z jego strony. W przeciwnym razie nie potrzebowalibyśmy wezwania do działania na żadnej stronie docelowej?

Przed uruchomieniem jakiejkolwiek strony docelowej na stronie www należy wyjaśnić naturę pożądanej akcji odwiedzających. Czy zwiększenie subskrypcji biuletynu jest Twoim celem? Następnie zaprojektuj CTA z komunikatem „Zarejestruj się teraz w naszym newsletterze”. Czy zamierzasz kupować od użytkowników? Tak powiedzieć. Ogólnie rzecz biorąc, zasadniczą receptą jest sprawienie, aby strona docelowa wyrażała tę ofertę tak jasno i kusząco, jak to możliwe.

Wskazówki dotyczące projektowania strony docelowej

Kilka krótkich wskazówek, które należy zacząć od projektowania strony docelowej:

1. Użyj zasady AIDA

Jest to łańcuch zdarzeń, które pragniemy się wydarzyć, gdy lead dotrze do platformy wyświetlającej promowany produkt lub usługę. Głównie są to następujące kroki:

1. Świadomość - przyciągnąć uwagę gościa
2. Zainteresowanie - które można podnieść, podkreślając korzyści dla klienta
3. Pragnienie - wywołać u klientów pomysł, że oni chcieć produkt lub usługa
4. Akcja - klienci realizujący proces zakupu

2. Niezbyt wiele rozrywek; zostawić wyjście

Pomysł jest prosty. Jeśli strona docelowa nie ma praktycznie żadnej opcji nawigacji, z wyjątkiem przycisku CTA, odwiedzający wymuszą ich wyjście. Nie myśl, że jeśli nie zapewnisz żadnej nawigacji, nie znajdą sposobu na wyjście - będą, być może nawet przez zamknięcie przeglądarki. I ci goście będą nie Wróć.

3. Wykonaj test mrugnięcia

Zazwyczaj strona docelowa musi przyciągnąć uwagę odwiedzających w ciągu pierwszych 3 sekund od wejścia. Jeśli gość mruga i nie widzi wyraźnie, co powinien znaleźć na stronie lub nie jest zainteresowany tym, co zobaczył, najprawdopodobniej odbije się z pustymi rękami.

4. Nie twórz fałszywych oczekiwań

Strona docelowa musi być zgodna z podpowiedziami oryginalnej reklamy lub odwrotnie. Odwiedzający muszą znaleźć na stronie docelowej to, co obiecali w reklamie, którą kliknęli.

Jak obiecaliśmy, obejrzyjmy kilka ładnie zaprojektowanych i skutecznych stron docelowych B2B i B2C. Zbadamy ich mocne strony i nieuniknione słabości. W poniższej galerii uważaj na następujące elementy: komunikacja wizualna, wskaźniki marki i zaufania, skuteczność treści, wezwania do działania.

Prezentacja: piękne strony docelowe

99 wzorów

To jest wersja strony docelowej skierowana do projektantów i studentów. 99Designs ma także stronę docelową dla drugiej strony: firmy, które potrzebują projektów. Jeśli chodzi o ten, jest on bardzo skuteczny pod względem poparcia (patrz śmiałe referencje) i naprawdę mówi językiem odbiorców za pomocą liczb i wskaźników zaufania (liczba członków społeczności, ilość zarobionych pieniędzy). Zwróć uwagę na jasny czerwony odcień pojedynczego przycisku CTA - zwykle jest to coś, czego należy unikać, ale w tym konkretnym przypadku nie przeszkadza, ponieważ pasuje do koloru logo.

123RF

123RF jasno określa cel na tej stronie docelowej za pomocą suwaka obrazu i czterech pól środkowych. Rozumiesz w jednej chwili, czym jest ta usługa i jak możesz z niej korzystać (Wyszukaj, Zarejestruj się, Płać za Ciebie, Kup abonament). Jasnoszare tło jest dyskretne i podkreśla istotę, czyli obraz. To, co osobiście uważam, że mogą się poprawić, to lista kategorii fotografii stockowej, jest trochę wypchana. A CTA jest trochę zbyt subtelny dla klikalnych pól.

Favomatic

Uwielbiam projekt tej strony docelowej. W każdej sekcji jest kontrast, dobre hasła i przynosi wiele informacji bez zmuszania do czytania wszystkiego (mała czcionka to wszystko). Posiada nawigację, ale pionową, poprzez przewijanie, co znacznie zmniejsza współczynniki odbijania.

BiznessApps

Silne wezwania do działania, podkreślone hasło i imponująca lista zatwierdzeń - to właściwa kombinacja dla strony docelowej i ta strona ją zawiera. Dodatkowo zawiera minimalną ilość tekstu i wykorzystuje wideo demonstracyjne, ponieważ wiadomo, że ludzie wolą oglądać krótki film niż czytać. Forma jest elementem, który można nieco poprawić. Zwykle powinieneś dawać najpierw, zanim będziesz mógł dostać, więc jeśli w zamian za przesłanie formularza, odwiedzający mogą otrzymać darmowe smakołyki, przycisk „Wyślij wiadomość” może powiedzieć coś w stylu „Pobierz teraz swoje darmowe rzeczy!”

Brusheezy

Kolejnym mniejszym dowodem jest więcej. Ta strona docelowa wygląda bardzo ładnie z pojedynczą ikoną i widocznym nagłówkiem. Zwróć uwagę na dwa wezwania do działania na górze i na dole - jest to niezawodny sposób, aby wiadomość przetrwała bez przepełniania strony. Podkreślenie korzyści dla klientów, a nie funkcji produktu, to kolejny zwyciężca.

JailBreak

Ta strona może być trochę zbyt zatłoczona, ale jest to tradycja stron docelowych dla aplikacji. Jednak decyzja o podzieleniu strony na segmenty ułatwia nawigację po wszystkich elementach. Możesz znaleźć wszystko, czego szukasz: funkcje, korzyści, referencje, a nawet gwarancję zwrotu pieniędzy, jeśli nie jesteś zadowolony z wyniku. Ten ostatni jest dość ryzykowny, ponieważ może budzić wątpliwości co do jakości usługi i dobrze było umieścić go na samym dole

PageLines

Minimalizm jest tutaj kluczową koncepcją. Osobiście podoba mi się, że ta strona nie mówi ci wszystkiego od razu, ale zaprasza Cię do odkrycia. Jednak to, co nie wydaje mi się tak przyjemne, to film, który zaczyna się automatycznie (funkcja, której generalnie unikam) - nawet jeśli Andrew Powers jest nie tylko zręczny, ale także przystojny! Ponadto fakt, że nie ma natychmiastowego CTA, może być wadą strony.

Pico

Ta strona docelowa jest prosta, ale potężna. Czerwony znak „większy niż” to sól i pieprz do ogólnego wyglądu. Układ akapitów przypomina układ gazet i jest dość sugestywny dla celów CMS. Przyciski CTA są jednak trochę za słabe, a dama w prawym dolnym rogu powoduje łagodne rozproszenie; czy ma zbyt dużą niespodziankę na twarzy, czy wygląda na to, że jest w stanie wynegocjować sprawę biznesową?

Pudełko na buty

Linie opisowe dla każdej sekcji są przykładem opisowego użycia języka. Rozumiesz wiadomość w ułamku sekundy, ponieważ twoja linia widzenia szybko skanuje pierwszy rząd i dociera do przycisku CTA. Jeśli nadal się wahasz, istnieje opinia, która może Ci pomóc, wraz z silnymi rekomendacjami - czy nie zaufasz firmie z Forbes i Tech Crunch? Ja bym.

SquareSpace

Profesjonalnie wyglądająca strona docelowa. Odważne hasło, przyciski CTA, których nie można oprzeć kliknięciu i bardzo dobre poparcie, to połączenie sukcesu. Podoba mi się także to, że umieszczają swój kontekst użycia na środku strony, z zrzutem ekranu sposobu, w jaki wyglądają ich strony i wskazówkami przypominającymi planszę. 3-elementowa struktura strony to kolejny mocny punkt.

Nota redaktora: Ten wpis jest napisany przez Laura Moisei dla Hongkiat.com. Laura ma tytuł licencjata w dziedzinie komunikacji i spędza większość czasu na pasji do projektowania i pisania. Pracuje dla 123ContactForm, internetowego narzędzia do tworzenia formularzy i ankiet, które pomaga użytkownikom tworzyć piękne formularze dla dowolnej strony internetowej.