Strona docelowa to strona internetowa z pojedynczym, skoncentrowanym wezwaniem do działania — formularzem zapisu lub przyciskiem. Konkursy i kupony mogą być również wykorzystywane jako strony docelowe. Odwiedzający trafiają tam zazwyczaj po kliknięciu w reklamę Google, reklamę na Facebooku lub link na stronie wyników wyszukiwania Google.
Głównym zadaniem stron docelowych jest konwersja użytkowników na leadów lub kupujących i zachęcenie ich do wykonania określonej akcji. Tym działaniem może być zakup, zapis do newslettera, rejestracja lub pobranie aplikacji.
Jednym z najważniejszych aspektów stron docelowych jest to, że nie posiadają one linków nawigacyjnych na górnym pasku, ograniczających opcje dostępne dla odwiedzających i prowadzących ich do zamierzonego działania. Konkursy dobrze sprawdzają się w zdobywaniu nowych polubień na Facebooku i zwolenników na Twitterze, a także w generowaniu ruchu na Twojej stronie i leadów poprzez zachęcanie odbiorców nagrodą.
Istnieje wiele różnych rodzajów konkursów, od najbardziej podstawowego losowania jak loterie na Facebooku do bardzo zaangażowanych konkursów wideo, które mają panel sędziów do określenia zwycięzcy, z których wszystkie mogą być łatwo ustawione z aplikacji konkursowych, takich jak Washponds. Oto rada dotycząca konkursu: nie rozdawaj iPada! Dostaniesz mnóstwo zgłoszeń, ale ci ludzie nie będą zainteresowani Twoim produktem — będą zainteresowani tylko iPadem. To sprawi, że przekształcenie tych leadów w klientów będzie prawie niemożliwe. Rozdawanie produktów, które sprzedajesz (lub oferowanie kart podarunkowych do sklepu) gwarantuje, że uczestnicy konkursu są rzeczywiście zainteresowani Twoimi produktami, co ułatwia przekształcenie ich w sprzedaż.
Istnieją dwa rodzaje głównych stron docelowych dla dwóch różnych celów:
Rewelacyjna strona docelowa jasno określa swoją wartość dla odwiedzających i generuje leady, ale najskuteczniejszy sposób, aby to zrobić zależy od konkretnej grupy odbiorców, marki i branży.
Wiele świetnych stron docelowych posiada następujące cechy:
Oto kilka rzeczy, na które należy zwrócić uwagę przy tworzeniu strony docelowej:
Nadanie Twojej stronie docelowej koloru i czystego UI może tylko pomóc. Odwiedzający chcieliby dowiedzieć się więcej o Twoich produktach i zauważyć dowód wartości, którą oferujesz.
Pozwól ofercie lub zdjęciom robić to, co mówią, ale upewnij się, że zawiera zwięzłe nagłówki i tekst pomocniczy, aby twoja strona docelowa była przejrzysta i przekonująca. Dotyczy to wszystkich elementów strony: spróbuj białej przestrzeni, prostego copy i krótszych formularzy.
Eliminując główną nawigację lub wszelkie rozpraszające backlinki, zmniejsza się prawdopodobieństwo wystąpienia tarć w generowaniu leadów, które powodują porzucanie strony przez odwiedzających.
Korzystanie z przycisków udostępniania w mediach społecznościowych to prosty sposób na skłonienie odwiedzających do zaangażowania się w Twoją stronę docelową, aby mogli rozpowszechniać Twoje treści w swoich społecznościowych follow-upach. W końcu klienci są sercem Twojego marketingowego koła zamachowego.
Landing pages są kluczowe dla udanej kampanii marketingowej. Psychologia rynku często bywa zaskakująca, dlatego eksperymentowanie z różnymi wersjami strony jest często najlepszą praktyką, aby sprawdzić, który wariant ma najwyższy współczynnik konwersji (CVR). Sprawdź lokalizację oferty, style CTA, a nawet kolorystykę.
CTA jest bardzo istotnym elementem strony docelowej i progiem, po przekroczeniu którego potencjalni klienci mogą stać się kontaktami. CTA zachęcają odwiedzających do subskrypcji, pobrania, wypełnienia formularza, udostępnienia w mediach społecznościowych i innych - ale ogólnie rzecz biorąc, CTA są wymagane, aby Twoi odbiorcy byli bardziej zaangażowani w ofertę. Aby generować leady, CTA powinny być wciągające i przyciągające uwagę, ale przede wszystkim muszą skutecznie prezentować wartość produktu.
Postawmy sprawę jasno: generalnie landing page i strona internetowa są dość podobne. Są dość podobne, ale nie są takie same.
Przede wszystkim musimy zwrócić uwagę na strukturę strony. Landing page ma prostą strukturę i brak elementów rozpraszających uwagę, natomiast strona internetowa ma standardową strukturę z wieloma modułami i funkcjami, takimi jak linki nawigacyjne, pasek boczny, Informacje o firmie, Usługi, Blog.
Kolejnym aspektem do rozważenia jest cel. Mówiąc o landing page, musimy podkreślić, że ma ona bardzo konkretny cel, taki jak zapisywanie nowych użytkowników, zbieranie informacji, sprzedaż produktu, klikalna reklama, czy kampania marketingowa.
A co ze stroną internetową? Ma ona za zadanie opisać i wyjaśnić Twój produkt lub usługę za pomocą obszernego tekstu i obrazów.
Dobra, następna w kolejności jest nawigacja. W przypadku strony docelowej sytuacja jest jasna: dostęp do niej jest ograniczony, na przykład tylko klikalne CTA. Jeśli chodzi o stronę internetową, wszystkie strony są dostępne do kliknięcia i przeskoczenia z odwracalnymi interakcjami.
Przyjrzyjmy się teraz kilku genialnym przykładom stron docelowych.
Strona Docelowa dla Raleigh to mini-podróż na innowacyjnym rowerze Centros. Przewijając stronę, konsument ma wrażenie, że bierze udział w przejażdżce.
Płynna animacja, kontrastowy design bloków, krótkie opisy - wszystkie elementy strony współpracują ze sobą, aby wyeksponować rower. Na uwagę zasługuje ekran z lupą, który pozwala na szczegółowe pokazanie modelu. Na końcu znajdują się przyciski, za pomocą których można jedynie odwiedzić sklep internetowy lub znaleźć punkt sprzedaży w najbliższym mieście.
Strona promocyjna Maslo pokazuje zalety aplikacji-platformy, takie jak pomiar inteligencji emocjonalnej. 'Hej, jestem maslo' — od pierwszego ekranu użytkownicy są nienachalnie wprowadzani w technologię. Tekst jest krótki i zgrabny, ale każde zdanie jasno i zwięźle wyjaśnia cechy produktu. Przesunięcie menu nawigacyjnego w dół to nietrywialne rozwiązanie: po ekranie można poruszać się tak, jakbyśmy czytali książkę.
Miękki fioletowy gradient w projekcie ekranu i płynne linie wskazują na coś głębokiego i emocjonalnego — wspierają ideę samego produktu.
Z przyjemnością korzystamy ze strony z recenzjami serii fortepianów firmy Roland. Zwróciliśmy uwagę na każdy szczegół: jest opis konstrukcji, ergonomii, budowy wewnętrznej instrumentu.
Są różne sposoby prezentacji informacji: krótkie teksty, animacje oraz wieloformatowe zdjęcia i filmy. Te ostatnie zasługują na szczególną uwagę — demonstrują brzmienie fortepianu w różnych pomieszczeniach: od Studia po Katedrę.
Strona docelowa startupu, która została zaprojektowana razem z korporacyjnym botem do komunikacji z klientami. Webmaster starał się zaprojektować stronę w konkretnym celu — pozyskania inwestorów — i udało się.
Jasna kolorystyka, nietypowy kursor, niestandardowa realizacja zakładki "Problem" — "Rozwiązanie". Strona zawiera wybrane informacje dla potencjalnych inwestorów: przedstawiony jest zespół i partnerzy, jest mapa drogowa rozwoju produktu, informacje o konkurencji, dane ekonomiczne i finansowe, nagrody.
Jest to strona dawnej platformy współpracy Realtimeboard. Na pierwszym ekranie widzisz niesamowity tytuł, który bez ograniczeń przekazuje kluczowe znaczenie i intencję serwisu-współpracy. Pod pierwszym ekranem znajduje się filmik, który w przejrzysty sposób przedstawia wszystkie zalety serwisu.
Żywe kolory, osobliwe kształty, kreatywne ilustracje — serwis jest tworzony przez kreatywnych ludzi i przeznaczony dla tych samych użytkowników.
Strona Docelowa przedstawia "kartę kredytową przyszłości", z której można korzystać bez opłat transakcyjnych. Projekt i treść są minimalistyczne i mówią odwiedzającym: Przejdźmy do rzeczy. Zalety korzystania z niej są przedstawione za pomocą kart z animowanymi ikonami. Kluczową różnicą jest chwytliwy przycisk "Zastosuj teraz" na wielu ekranach.
Wszystko jest proste i stylowe na stronie kawiarni Catch fish and chips. Kreatywne hasło, które stopniowo wypełnia się wodą, jest niestandardowym rozwiązaniem dla wskaźnika ładowania.
Animacja z serii zdjęć pojawia się podczas przewijania. Jest to ciekawe podejście do przyciągnięcia uwagi użytkownika i pokazania procesu gotowania w kawiarni. W nagłówku strony znajdują się przyciski "Menu" i "Kontakt": Dyskretna możliwość badania pozycji i rezerwacji stolika.
"Smakuj emocje" — od pierwszych sekund strona azjatyckiej restauracji Spisy no spisy zachęca do odwiedzenia tego lokalu. Stolik można zarezerwować bez wychodzenia z ekranu głównego — przycisk CTA otwiera formularz zapytania, w którym można zarezerwować miejsce na konkretny termin.
Projekt wspiera koncepcję restauracji: stonowane kolory i ręcznie rysowane obrazy w stylu orientalnym. Jednocześnie nacisk położony jest na zdjęcia potraw i wnętrza restauracji: jasne, w różnych kątach — wszystko identyfikuje stronę restauracji.
Strona serwisu do planowania procesów wewnętrznych przyciąga uwagę oryginalną kolorystyką. Szczegółowe animowane postacie doskonale opisują produkt. Fantazyjne i niestandardowe rozwiązanie to cecha designu.
Projektowanie, tony i typografia. Strona profesjonalnej społeczności projektantów Squarespace/Circle to oda do minimalizmu.
Zawartość zdjęć idealnie pasuje do opisu i koresponduje z ogólnym projektem strony. Twórcom strony udało się opowiedzieć o społeczności bez zbędnych elementów i słów: minimum tekstu, maksimum estetyki. Przemyślana w najdrobniejszych szczegółach, zasługująca na najwyższą ocenę.
Tutaj jest zupełne przeciwieństwo poprzedniego przypadku, ale też jest naprawdę pociągające! Oranjebitter promo page zaprasza gości na imprezę. Letnie, soczyste kolory — projekt strony podpowiada, że program imprezy zapowiada się pogodnie.
Kalejdoskop — ciekawy ruch, który przytrzymuje uwagę. Mimo wyzywającej kolorystyki, bardzo dobrze pasują przyciski CTA "Bilety". Pierwszy — w nagłówku strony, drugi — na końcu scrolla: nie rozpraszaj uwagi, w każdej chwili możesz kupić bilet.
Strona promocyjna Australian Emu prezentuje limitowaną złotą monetę firmy Metal Market Europe. Kolorystyka jest zwięzła, interfejs płynny i intuicyjny. Podczas scrollowania uwagę przykuwa poruszająca się moneta, a przemyślany opis pomaga poznać wszystkie cechy produktu.
Menu nawigacyjne po lewej stronie jest zwizualizowane jako trasa i zdublowane w "hamburgerze". Strona docelowae kończy się formularzem zapisu: użytkownik może zapisać się do newslettera, aby nie przegapić premiery nowej monety.
Ta strona jest poświęcona modelowi smartwatcha. Można na niej obejrzeć produkt we wszystkich szczegółach: sam zegarek znajduje się w centrum ekranu — fajne rozwiązanie, by skupić uwagę użytkownika. Design wygląda brutalnie — czarno-biała paleta, stopiony metal na tle ekranów. Dużo uwagi poświęca się typografii — w niektórych blokach wysokość słowa przekracza połowę ekranu.
Fontface to rozszerzenie do przeglądarki, które pozwala na przeglądanie i tworzenie zakładek do dowolnych czcionek. Zarządzanie uwagami jest zaimplementowane perfekcyjnie. Ekran przesuwa się płynnie, zmienia kształt, pojawia się na nim lupa: podczas przewijania użytkownik może dowiedzieć się więcej o tym, jak działa rozszerzenie. Logicznym zakończeniem strony jest oferta zainstalowania rozszerzenia.
Strona docelowa Unaweel demonstruje cechy kierownicy do skutera sterowanego wózkiem inwalidzkim.
Zalety produktu są pokazane jasno i dokładnie: podczas przewijania użytkownik dowiaduje się, jak zamontować i używać kierownicę, a także poznaje jej wymiary i możliwości. Na dole znajdują się przyciski z ofertą odbycia darmowej jazdy próbnej lub zakupu produktu. Prosto, przejrzyście i wygodnie.
Podobnie jak wiele innych stron docelowych w tym poście, strona docelowa Shopify z testami jest prosta. Na przykład, zorientowany na użytkownika nagłówek składa się tylko z kilku słów, a strona opiera się na prostych punktach, a nie na akapitach, aby przekazać szczegóły i korzyści związane z próbą. Jest tylko kilka pól, które musisz wypełnić, zanim zaczniesz. Wszystko to sprawia, że łatwiej jest przejść do rzeczy: sprzedaży online z ich narzędziem.
Ta strona docelowa zaczyna się od prostego formularza z prośbą o "adres". Poniżej tego prostego pola formularza znajduje się jasny pomarańczowy przycisk, który dobrze kontrastuje z obrazem znajdującym się za formularzem i podkreśla, że wycena będzie spersonalizowana.
Oczywiście sam adres nie wystarczy do oszacowania wartości domu. Dosłownie oznacza on sąsiedztwo domu. Dlatego na kolejnej stronie pojawiają się kolejne pytania dotyczące samej nieruchomości. Poniżej widać kopię "Powiedz nam, gdzie wysłać raport" — z zastrzeżeniem, że wpisując te informacje, zgadzasz się na połączenie z agentem nieruchomości. Jest to doskonały przykład firmy, która daje wartość od początku do swoich gości.
Landbot, to serwis tworzący strony docelowe oparte na chatbotach, stawia swój własny produkt w centrum uwagi na swojej stronie docelowej napędzanej przez chatbot. Odwiedzający są witani przez przyjaznego bota - w komplecie z emojis i GIF-ami — który zachęca ich do podawania informacji w formie konwersacji, a nie poprzez tradycyjny formularz.
Oto przykład długich stron docelowych. Za pomocą kilku sztuczek można sprawić, że nawet najdłuższa strona docelowa będzie sprawiała wrażenie krótkiej. Poniższy przykład strony Webprofits pokazuje nam jak to zrobić.
Na samej górze znajduje się przycisk CTA, aby dowiedzieć się więcej — z ładnym kontrastem do kontekstu, więc wyróżnia się, a także strzałka w dół, aby ułatwić przewijanie. Nie umieszczając pola formularza z przodu, pomagają obniżyć tarcie i zapewniają zachętę dla odwiedzających, aby dowiedzieć się więcej, zanim pojawi się opcja konwersji.
Ułatwiają one również zorientowanie się, co tak naprawdę robi Webprofits. Reszta strony oferuje szczegółowe informacje o tym, co otrzymasz, gdy podasz swoje dane. Ponadto, zawiera strategiczne CTA, które prowadzą użytkownika z powrotem na górę, aby wypełnić formularz, jak "Porozmawiajmy".
Tutaj widać manifest fotografii w wysokiej rozdzielczości i dużo białej przestrzeni. Na stronie docelowej H.BLOOM patrzy się z przyjemnością.
Poza pięknem strona ma kilka fantastycznych elementów konwersji: szablon typu "ponadprogramowo", proste i krótkie wyjaśnienie, co się stanie, gdy użytkownik wypełni formularz, a nawet jaskrawo pomarańczowy przycisk "Wyślij".
Najlepszym sposobem na zaprojektowanie strony docelowej jest podkreślenie głównego przycisku CTA. Upwork dobrze to wykorzystuje. Z ich projektu CTA łatwo zauważyć, że ich celem jest przyciągnięcie firm i freelancerów do rejestracji
Z punktu widzenia doświadczenie użytkownika, zielony przycisk "Zamieść ofertę pracy" skierowany jest do firm, natomiast pytanie napisane małą czcionką — "Jakiego rodzaju pracy potrzebujesz?" — jest przeznaczone dla freelancerów.
Ich copywriting jest również bardzo kierunkowy. Zamiast sztywnego CTA typu "Pracodawca: zarejestruj się tutaj", używają kreatywnego języka ("Pozwól freelancerom wykonywać więcej pracy"), a następnie zorientowanego na działanie CTA nakłaniającego potencjalnych użytkowników do "zamieść swoją pracę" tutaj.
Prosta i treściwa płaska architektura pozwala strona docelowej pokazać płynną animację. Pomysłowe połączenie przycisku CTA i animacji sprawi, że doświadczenie użytkownika będzie zarówno płynne, jak i żywe. Animacja jest również przyjemnym komplementem dla responsywnego motywu platformy.
Jak wszyscy wiemy, Flickr to platforma do udostępniania i przechowywania zdjęć. Zarówno amatorzy, jak i profesjonalni fotografowie mogą dołączyć i czerpać inspirację. Architektura strony docelowej przyjmuje formę karuzeli zdjęć, aby podkreślić fotografię użytkownika. Autor jest również podkreślony przez podpis dzieła i nazwisko autora, zachęcając użytkowników do dowiedzenia się więcej o autorach i ich pracy.
Duży, widoczny projekt przycisku CTA przyciąga użytkowników do społeczności Flickr.
To, czego nie widać na zrzucie ekranu tej strony docelowej, to fakt, że ma ona tło wideo, które przewija się, aby pokazać różne usługi w zabawny i atrakcyjny sposób. Używa prostej i nieskomplikowanej wiadomości, która jest zgodna z marką, biorąc pod uwagę, że jest to centrum fitness należące do Floyda Mayweathera, 26-krotnego mistrza boksu. Ponadto zawiera ofertę o wysokiej wartości, pozwalającą wypróbować zajęcia za darmo.
Jako strona docelowa podróży, ta strona kapitalizuje na punkcie reklamy i budowy tematu strony internetowej poprzez wykorzystanie zapierającej dech w piersiach scenerii.Obraz jest doskonałym kreatywnym tłem.
Naturalna kombinacja kolorów sprawia, że odwiedzający czują się komfortowo i osiąga cel, jakim jest wywołanie pragnienia podróżowania i odkrywania.
Są to jedne z najlepszych przykładów stron docelowych reprezentujących wiele branż z wieloma różnymi celami konwersji. Nie stosujemy każdej najlepszej praktyki, ale mamy nadzieję, że dostrzegłeś kilka inspirujących elementów w każdym z nich.
Pamiętaj: każda strona może stać się lepsza. Co więcej, jeśli pewne strategie sprawdzają się na jednej stronie, niekoniecznie będą działać u Ciebie. Mając to na uwadze powinieneś cały czas testować swoje strony docelowe.
