Strony docelowe produktów: sprawdzone metody i przykłady

Opublikowany: 2019-07-26

Temat lądowań zaczęliśmy już odkrywać w naszym ostatnim artykule o stronach generowania leadów. Dzisiaj zagłębimy się w strony docelowe produktów — a mianowicie porozmawiamy o ich strukturze, podamy kilka wskazówek dotyczących tworzenia dla nich projektów i kopii oraz przyjrzymy się kilku przykładom z życia wziętym.

Zawartość
  1. Co to jest strona docelowa produktu?
  2. Struktura strony docelowej produktu
  3. Wskazówki dotyczące projektowania i kopiowania strony docelowej produktu
  4. Przykłady stron docelowych produktów

Co to jest strona docelowa produktu?

Jak można się domyślić, strona docelowa produktu służy do promowania i sprzedaży produktów lub usług. Użytkownicy mogą dostać się na te strony po kliknięciu linku w e-mailu, reklamie lub innym źródle cyfrowym lub po przekierowaniu z wyników wyszukiwania.

Wyobraź sobie, że sprzedajesz ubrania dla kobiet w ciąży. Są użytkownicy, którzy wyszukują w Google „ubrania ciążowe 4 miesiące”. Mogą zobaczyć w wynikach wyszukiwania Twój landing page poświęcony produktom przeznaczonym dla kobiet w czwartym miesiącu ciąży, a jeśli uznają tytuł i opis strony za interesujący, klikną w nią. Następnie, jeśli Twoja oferta jest dla nich odpowiednia, dokonają konwersji, dokonując zakupu.

Według badań WordStream średni współczynnik konwersji dla stron docelowych produktów wynosi 2,35%. Jednak górne 25% stron konwertuje na 5,31%, a górne 10% stron na 11,45%, co jest imponujące.

Każda strona docelowa jest okazją do konwersji, więc im więcej masz stron, tym lepiej możesz je ukierunkować. Jednak sekret tkwi nie tylko w liczbie tworzonych stron, ale także w sposobie ich tworzenia i projektowania oraz oczywiście pisania kopii. Kilka porad dotyczących projektowania i kopiowania udzielimy później, ale teraz zobaczmy, jak może wyglądać ogólna struktura strony docelowej produktu.

Prosty, ale potężny kreator stron docelowych

Utwórz stronę docelową, sklep internetowy lub stronę z biolinkami na Instagram i promuj je, wysyłając link do subskrybentów za pośrednictwem wiadomości e-mail, SMS-ów lub chatbota — na jednej platformie.

Utwórz stronę

Struktura strony docelowej produktu

Strony docelowe produktów składają się z różnych bloków, z których każdy ma swój własny cel. Bloki przechodzą jeden po drugim w logicznej kolejności, co na końcu prowadzi do wezwania do działania. Zaleca się, aby zarys strony docelowej rozpocząć na papierze blok po bloku, aby nie rozpraszały Cię drobne szczegóły, takie jak rozmiar logo lub kolor czcionki, i skupić się na samej strukturze.

Rzućmy okiem na główne bloki, jakie powinna mieć dobra strona docelowa produktu na przykładzie Mango Languages.

Strona docelowa aplikacji Mango Languages

nagłówek

Pierwszą rzeczą, jaką odwiedzający widzą na Twojej stronie, jest nagłówek, który zwykle zawiera

  • logo;
  • przyciski menu głównego;
  • przyciski logowania i rejestracji;
  • tytuł i opis;
  • CTA;
  • wspieranie elementów wizualnych, takich jak wideo w tle, zdjęcie lub zdjęcie produktu.

Mango Languages ​​zawiera wszystkie te aspekty w swoim nagłówku.

product landing page header
Nagłówek strony docelowej produktu Mango Languages

Firma wyjaśniła, jaki rodzaj usług oferuje, zademonstrowała swoją aplikację i dodała dwa rodzaje przycisków akcji: jeden do rejestracji, a drugi do wideo produktu. Dodatkowo umieścili specjalną ofertę w górnej części nagłówka, która pozwala nowym użytkownikom wypróbować ich aplikację za niższą cenę.

Główną ideą nagłówka jest natychmiastowe podanie najważniejszych informacji o Twoim produkcie. Jeśli trafisz w cel, a dana osoba uzna te informacje za przydatne, przewinie się w celu uzyskania dalszych szczegółów.

Tytuł, który na pewno będzie się wyróżniał, powinien zawierać opis korzyści, jakie Twój produkt przyniesie klientom oraz wezwanie do działania, a wszystko to w zdaniu 2-3 wyrazowym. W opisie możesz napisać kilka krótkich zdań, które rozwijają tytuł i odkrywają ważne szczegóły, o których użytkownicy powinni wiedzieć od razu.

Szczegółowy opis produktu i jego zalet

Po zapoznaniu się odwiedzających z produktem nadszedł czas, aby opowiedzieć im więcej. W opisie powinieneś skupić się na problemach klientów, zaczynając od doświadczenia klienta. Pokaż, jak działa Twój produkt i jak może rozwiązać rzeczywiste lub potencjalne problemy Twoich odbiorców. Następnie dodaj trochę więcej szczegółów jako bonus. Niekoniecznie mogą stanowić ogromny zysk dla użytkownika, ale będą miłym uzupełnieniem głównego produktu.

Postaraj się poprowadzić wzrok odwiedzających po stronie i upewnij się, że każdy ważny punkt jest wizualnie wyróżniony.

product description on product landing page
Opis produktu na stronie docelowej produktu Mango Languages

Jak widać, Mango Languages ​​używało dużych nagłówków, obrazów i przycisków, aby przedstawić liczbę oferowanych języków i sposób działania ich aplikacji. Następnie dodali osobny blok wizualny, aby pokazać, że ich aplikacja może być używana przez różne osoby i organizacje, a także udostępnili linki do bardziej szczegółowych informacji.

Dowód społeczny

W rzeczywistości 15% użytkowników nie zaufałoby firmie, która nie ma żadnych recenzji. To zrozumiałe, biorąc pod uwagę, że w dzisiejszych czasach media społecznościowe i interakcje online pozwalają użytkownikom na swobodne dzielenie się opinią o dowolnych produktach oraz czytanie recenzji klientów, którzy już je wypróbowali.

Istnieje kilka sposobów umieszczania opinii klientów na stronie docelowej produktu:

  • dodawanie anonimowych recenzji tekstowych;
  • dodawanie recenzji tekstowych z nazwiskami i zdjęciami klientów;
  • dodawanie referencji wideo.

Na przykład Mango Languages ​​postanowiło pokazywać anonimowe recenzje. Aby ułatwić użytkownikom uchwycenie dość dużej ilości tekstu, główną ideę każdej recenzji umieścili pogrubioną czcionką u góry. Odwiedzający może również przewijać recenzje, aby zobaczyć więcej, co jest inteligentnym rozwiązaniem pozwalającym zaoszczędzić miejsce na stronie docelowej.

reviews on product landing page
Opinie klientów na stronie docelowej produktu Mango Languages

Wezwanie do działania

Głównym miejscem docelowym użytkownika na stronie docelowej jest przycisk wezwania do działania. Możesz powtórzyć CTA kilka razy na całej stronie, a nawet zmienić tekst dla różnych przycisków CTA, co pozwoli Ci śledzić, która opcja działa najlepiej.

product landing page cta
CTA na stronie docelowej produktu Mango Languages

Mango Languages ​​dwukrotnie powtórzyło wezwanie do działania: pierwszy przycisk „Zarejestruj się” został umieszczony w nagłówku, a ostatni „Wybierz język” znajdował się przed stopką strony docelowej, oba prowadziły do ​​tej samej strony rejestracji.

Aplikacja Mango Languages ​​jest bezpłatna przy zakupach w aplikacji. Jeśli jednak sprzedajesz produkty fizyczne, podaj cenę produktu na stronie docelowej obok przycisku wezwania do działania.

Stopka

Ostatnią częścią strony docelowej produktu jest stopka. Może wydawać się to najbardziej „nudnym” elementem strony, ale w rzeczywistości zawiera bardzo ważne informacje, takie jak menu, linki do mediów społecznościowych, formularze subskrypcji e-mail i inne przyciski.

product landing page footer
Stopka strony docelowej produktu Mango Languages

W stopce Mango Languages ​​częściowo powtórzyło i poszerzyło treść przycisków użytych w nagłówku. Pozwalają użytkownikom dowiedzieć się więcej o ich firmie, odwiedzić ich blog i konta w mediach społecznościowych, pobrać aplikację, zapisać się do ich podsumowania i przeczytać więcej szczegółów na temat samego produktu.

Okienko czatu

Jednym z elementów, który zazwyczaj umieszczany jest ponad wszystkimi blokami na landing page produktu, jest chatbox. Pozwala użytkownikom zadawać pytania dotyczące produktu i natychmiast uzyskiwać odpowiedzi i wsparcie.

Na stronie docelowej produktu Mango Languages ​​wygląda jak niebieska ikona wiadomości w prawym dolnym rogu.

chatbox on a product landing page
Chatbox na stronie docelowej produktu Mango Languages

Gdy tylko go klikniesz, rozwinie się w większe okno czatu, w którym użytkownicy mogą wpisywać pytania i wysyłać swoje pliki.

popped up chatbot
Pojawiło się okno czatu Mango Languages

Dodając chatbox do strony docelowej, upewnij się, że nie rozwija się samoczynnie, rozpraszając użytkowników.

Wskazówki dotyczące projektowania i kopiowania strony docelowej produktu

Kiedy już zdecydujesz, które bloki chcesz wykorzystać i ustaliłeś podstawową strukturę strony docelowej produktu, nawet na kartce papieru, nadszedł czas, aby wzbogacić ją o tekst i projekt. Sukces Twojej strony mierzony liczbą konwersji zależy od tego, jak dobrze zaprezentujesz swój produkt i jak skuteczne będzie Twoje wezwanie do działania.

Podamy Ci kilka krótkich, ale pomocnych wskazówek, jak najlepiej wykorzystać projekt i kopię strony docelowej produktu.

5 podstawowych wskazówek dotyczących projektowania stron docelowych produktów

Według Adobe 38% użytkowników zamknęłoby stronę, gdyby treść nie wyglądała atrakcyjnie w układzie lub obrazach. To dobry powód, dla którego powinieneś zwracać szczególną uwagę na sposób projektowania strony docelowej.

Oto lista zaleceń dotyczących projektu strony docelowej produktu, która pomoże Ci przyciągnąć uwagę odwiedzających:

  1. Rozpocznij od przygotowania layoutu, czyli struktury strony, zanim skoncentrujesz się na szczegółach, zastanów się nad największymi i najważniejszymi elementami.
  2. Ważne jest, aby stworzyć wrażenie spójności na całej stronie. W tym celu trzymaj się jednego wzoru i schematu kolorów. Aby wybrać kolory, które będą się uzupełniać, wypróbuj generatory schematów kolorów, takie jak Kolory lub Paleta materiałów. Wybierz jeden lub dwa kolory, aby wyróżnić przyciski akcji, użyj neutralnych tonów tła i upewnij się, że tekst kontrastuje z innymi elementami.
  3. Dodaj filmy, ponieważ mogą zwiększyć współczynniki konwersji o 80%. Korzystaj z animacji, aby przyciągnąć uwagę użytkownika do określonych części strony i utrzymać ją na dłużej; pomyśl o zamieszczeniu kilku recenzji wideo produktów.
  4. Zoptymalizuj lądowanie pod kątem telefonów komórkowych. Tylko 50% wszystkich stron docelowych jest zoptymalizowanych pod kątem urządzeń mobilnych, co nie jest dobrym wynikiem, biorąc pod uwagę, że 82% użytkowników odwiedza strony internetowe ze swoich telefonów. Pamiętaj więc, aby projekt strony docelowej był responsywny.
  5. Upewnij się, że Twoja strona wczytuje się szybko, ponieważ nawet jedna sekunda opóźnienia może zmniejszyć liczbę konwersji o 7%.

5 podstawowych wskazówek dotyczących kopiowania stron docelowych produktów

Jeśli chodzi o kopiowanie, Twoim celem jest atrakcyjna prezentacja produktu poprzez podkreślenie jego najważniejszych zalet oraz silne wezwanie do działania dla potencjalnych klientów.

Oto kilka wskazówek, jak napisać skuteczną kopię, która konwertuje:

  1. Podkreśl zalety swojego produktu i zwróć uwagę odwiedzających nie na siebie, ale na nich.
  2. Według ankiety Adobe Consumer Content Survey trzy najważniejsze cechy dobrej strony internetowej dla większości konsumentów to dokładność, wartość informacyjna i prostota. Staraj się więc pisać krótkie nagłówki, które są od razu do rzeczy i nie przytłaczają subskrybentów opisami lub niepotrzebnymi informacjami.
  3. Poproś użytkowników o podjęcie działań, informując ich, gdzie kliknąć, aby się zarejestrować, dokonać zakupu lub skontaktować się z Tobą. Eksperymentuj z tekstem CTA. Czasami nawet zbyt prosty tekst „Kliknij tutaj” może poprawić konwersje o 30%. Stwórz poczucie pilności, aby zmotywować użytkowników do natychmiastowego podjęcia decyzji.
  4. Użyj konkretnych informacji, takich jak statystyki i liczby, aby udowodnić swoją rację. Na przykład możesz dodać dowód społeczny i wykazać liczbę osób, które już korzystają z Twojego produktu. Dodaj trochę interaktywności, na przykład liczbę, która aktualizuje się w czasie rzeczywistym, dzięki czemu jest zabawnym, pouczającym i skutecznym elementem Twojej strony.
  5. Zawsze sprawdzaj gramatykę i pisownię. Niektórzy użytkownicy mogą odwrócić wzrok od strony docelowej, jeśli zauważą jakiekolwiek błędy.

Na koniec pamiętaj, aby przetestować A/B zarówno swój egzemplarz, jak i projekt, aby znaleźć idealną równowagę, która będzie przynosić nową sprzedaż. Śledź trendy, aby być na bieżąco, ale jednocześnie bądź zawsze autentyczny i realizuj własne, niepowtarzalne pomysły.

Przykłady stron docelowych produktów

Najlepszym sposobem, aby się czegoś nauczyć, jest zobaczenie, jak robią to inni. Przyjrzyjmy się kilku przykładom stron docelowych produktów i zobaczmy, jak różne firmy wykorzystują projektowanie i kopiowanie do sprzedaży swoich produktów.

Pierwszy przykład z SquareUp dobrze pokazuje, w jaki sposób możesz sprzedać fizyczny produkt.

Strona docelowa produktu SquareUp

Mocne strony tego tekstu strony docelowej są następujące:

  1. Tekst jest prosto do sedna z pierwszego zdania.
  2. Cechy są opisane poprzez ich zdolność do rozwiązywania problemów i obaw klientów.
  3. Użyte słowa są proste, a zdania krótkie i jasne.

Oto mocne strony tego projektu strony docelowej:

  1. Jest kilka wysokiej jakości zdjęć produktu.
  2. Zastosowano zrównoważoną paletę kolorów, wyraźne tło kontrastujące z tekstem.
  3. Najcenniejsze informacje są wyróżnione pogrubieniem lub kolorem.

Spójrzmy teraz na bardziej interaktywny przykład.

Strona docelowa produktu Bellroy

Bellroy dodaje trochę zabawy i pozwala użytkownikom sprawdzić, jak wyglądałby ich stary portfel i nowy portfel Bellroy z maksymalnie 10 kartami i gotówką. To sprytne rozwiązanie, które przyciągnie uwagę odwiedzających i pozwoli im odkryć, dlaczego Twój produkt jest świetnym wyborem.

Co sprawia, że ​​ta kopia strony docelowej jest naprawdę dobra:

  1. Strona zaczyna się od zabawnego wezwania do działania w interaktywnym nagłówku.
  2. Jest bardzo mało tekstu, który wciąż wystarczy, aby dowiedzieć się wszystkiego, co musisz wiedzieć o produkcie.
  3. Znajdziesz tam jasny opis różnych portfeli z rodzajami sekcji i liczbą kart, które możesz w nich umieścić, a także kolorami i cenami.

Jeśli chodzi o mocne strony tego projektu strony docelowej,

  1. Każdy blok strony docelowej jest interaktywny, nie mówiąc już o wideo wyjaśniającym, dlaczego portfele Bellroy są tak smukłe.
  2. Istnieje wiele zbliżeń produktu.
  3. Wszystkie dostępne portfele prezentowane są na landing page ze zdjęciami z zewnątrz i od wewnątrz portfela.

Ostatni przykład różni się od wszystkiego, co pokazaliśmy wcześniej. Ma bardziej osobisty ton, a odstępstwa od standardowej struktury strony docelowej produktu sprawiają, że strona jest pełna charakteru.

Strona docelowa produktu Marie Forleo

Marie Forleo prowadzi własny program, który wykorzystuje swoją stronę docelową jako swego rodzaju wizytówkę. Jej głównym produktem jest szkolenie audio, ale na stronie promuje również program telewizyjny Marie i swoje projekty charytatywne.

Oto mocne strony kopii tej strony:

  1. Komunikaty brzmią osobiście, ciepło i pocieszająco, co doskonale oddaje atmosferę osobistej strony lub małej firmowej witryny.
  2. Chociaż tekst nagłówka tak naprawdę nie ujawnia, o czym jest ta strona docelowa, budzi ciekawość i motywuje odwiedzających do przewijania w dół.
  3. Ilość tekstu i długość zdań są większe niż w poprzednich przykładach, ale to doskonale pasuje do ogólnego stylu lądowania.

Jeśli chodzi o projekt strony docelowej, tutaj możesz znaleźć następujące zalety:

  1. Animacje są używane kilka razy na całej stronie, co czyni ją bardziej interaktywną i przyjemniejszą dla oka.
  2. Kaligraficzna typografia nadaje bardzo osobisty i elegancki klimat, a unikalny projekt każdego bloku strony docelowej pozwala widzowi na łatwe zrozumienie treści.
  3. Istnieje wiele cytatów znanych osób popartych zdjęciami, które tylko dowodzą autorytetu Marie wśród publiczności.

Teraz twoja kolej

Postępuj zgodnie z naszymi zaleceniami, szukaj trendów i nie zapomnij przetestować! Wielokanałowa platforma marketingowa SendPulse pomoże Ci dodać formularz subskrypcji do strony docelowej produktu, zbudować listę mailingową i wysyłać wysokiej jakości wiadomości e-mail. Oferujemy również SMS-y, powiadomienia web push i chatboty na Facebooku tym z Was, którzy są gotowi na holistyczne podejście do swojej strategii marketingu cyfrowego.