Od pomysłu do publikacji: przyspieszenie procesu przeglądu projektu
Opublikowany: 2017-03-24Niezależnie od tego, czy dzieje się to w sporcie zawodowym, biznesie, czy na jakiejkolwiek innej arenie, sukces często nie jest doceniany. To jak góra lodowa: wszyscy widzą szczyt — nagrody i wyróżnienia — ale nikt nie zdaje sobie sprawy, co kryje się pod powierzchnią. Nie widzą, ile pracy zajęło im dotarcie tam.

To samo dotyczy projektu strony docelowej po kliknięciu. Rewelacyjne nagłówki na blogach, takie jak „Jedna prosta zmiana koloru zwiększyła przychody o 50%”, często podkreślają sukces bez pełnego wyjaśnienia przyczyny.
Nie mówią, że dobór kolorów został starannie dobrany przez cały zespół, na podstawie danych firmy i znajomości teorii projektowania. Nie podzielają tego, że pomysł wyszedł z fundacji Psychologii Gestalt.
Projektowanie strony docelowej po kliknięciu wymaga dużej wiedzy, praktyki, procesów i ludzi. Często wygląda to tak:
Jak wygląda proces projektowania
Część 1: Planowanie
W zależności od wielkości firmy, etap planowania może obejmować kilku różnych kluczowych pracowników. Dyrektor kreatywny, analityk danych, przedstawiciele handlowi, copywriterzy, projektanci, programiści — wszyscy oni wspólnie planują podstawy kampanii w następujących krokach:
1. Określ cel swojej strony
Budujesz stronę, ale dlaczego? Jaki jest jego cel? Tak, ma na celu nawrócenie odwiedzających, ale jaki jest jego ostateczny cel?
Wielu twórców błędnie uważa, że współczynnik konwersji to wskaźnik „wszystko i wszystko” po kliknięciu strony docelowej. To nie jest. Ostatecznie chcesz zwiększyć przychody.
Kliknij, aby tweetować
Weźmy tę stronę, na przykład z Server Density:

Poprzednia struktura cen zaowocowała wieloma darmowymi rejestracjami na okres próbny, ale kilkoma ulepszeniami dla płatnych klientów. Dlatego Server Density połączyło siły z VWO, aby zbudować nową stronę. Jego celem było zwiększenie przychodów pomimo współczynnika konwersji dzięki nowemu modelowi cen pakietowych:

Ta strona faktycznie zmniejszyła konwersje bezpłatnych wersji próbnych i płatne aktualizacje rejestracji. Jednocześnie jednak zwiększył przychody o 114%, zwiększając wartość konwersji:

Gdyby ci twórcy stron docelowych po kliknięciu ocenili skuteczność na podstawie samego współczynnika konwersji, druga strona zostałaby pominięta na rzecz oryginalnej. Jednak ostatecznym celem nie było gromadzenie konwersji, ale zwiększenie przychodów. I to również powinien być twoim ostatecznym celem.
Kiedy wspólnie zasiadacie do planowania kampanii jako zespół, upewnijcie się, że ustaliliście, które kluczowe wskaźniki skuteczności mają kluczowe znaczenie dla poprawy wyników. Następnie cofnij się, aby dowiedzieć się, „jak”.
W tym przypadku ostatecznym celem było zwiększenie przychodów, a „jak” było wprowadzenie nowego cennika strony docelowej po kliknięciu, który zwiększyłby wartość konwersji.
2. Przypnij swoich odbiorców
Następnie bardzo ważne jest, aby Twój zespół określił odbiorców Twojej strony docelowej po kliknięciu. W tym miejscu badacze rynku i analitycy danych będą wtrącać się, aby odpowiedzieć na pytania takie jak:
Jakie persony kupujących mają pojawić się na tej stronie? Z jakiego kanału będziesz ich czerpać? Reklamy Google? E-mail? LinkedIn? Facebook?
Na jakie komunikaty marketingowe najlepiej reagują? W jakim języku mówią o Twoim produkcie? W jakiej części drogi kupującego się znajdują?
Bez odpowiedzi na te pytania twoi kreatywni (projektanci, copywriterzy, programiści) nie mogą stworzyć strony, która rezonuje z określonym podzbiorem odbiorców.
Pamiętaj, że odpowiedni ruch jest najważniejszym składnikiem wysokiego współczynnika konwersji. Bez internautów, którzy potrzebują Twojej oferty, Twoja strona docelowa po kliknięciu jest marnowaniem cyberprzestrzeni.
3. Wybierz swoją ofertę
Teraz, gdy masz już przypiętą publiczność, powinieneś zadać sobie pytanie: „Czego chcą i jak mogę sprawić, by tego potrzebowali?”
Analitycy danych i menedżerowie ds. marketingu mogą tu wkroczyć, aby uzyskać wgląd w to, które oferty najlepiej sprawdzają się na tym etapie ścieżki:

W wielu przypadkach…
- Posty na blogu, artykuły, treści na stronach internetowych, wpisy w mediach społecznościowych i webinaria działają najlepiej na górze ścieżki.
- E-booki, arkusze porad, białe księgi, webinaria i studia przypadków dobrze sprawdzają się w środku ścieżki.
- Prezentacje, konsultacje, bezpłatne wersje próbne, seminaria internetowe i cytaty działają najlepiej na dole ścieżki.
Pamiętaj, że te oferty, ponieważ odnoszą się do lejka marketingowego, nie są ustalone w kamieniu. Może się okazać, że w przypadku Twojej firmy webinaria działają lepiej na dole ścieżki niż na górze. Może się okazać, że e-booki w ogóle nie działają. Ale jeśli nie masz danych, aby udowodnić, że jest inaczej, to dobry punkt wyjścia.
4. Zidentyfikuj swoje elementy
Jak sprawić, by widzowie potrzebowali Twojej oferty? Jakiego przekonującego argumentu użyjesz i jakich środków użyjesz, aby to zrobić?
Mówią, że obraz jest wart 1000 słów. Wizualizacje, takie jak infografiki, filmy i zdjęcia bohaterów, mogą w łatwy do zrozumienia sposób przekazać wartość Twojej oferty. Czasami jednak 1000 słów może opowiedzieć bardziej przekonującą historię (na przykład na tej stronie docelowej po kliknięciu).
Jeśli Twoja oferta jest droga, nowa, skomplikowana lub pełna zaangażowania, spotka się z dokładniejszą analizą. A im bardziej przeanalizowana zostanie Twoja oferta, tym bardziej przekonujące będzie Twoje zabezpieczenie.
Może to oznaczać więcej tekstu, więcej zdjęć, więcej referencji, więcej odznak autorytetu itp. Ogólnie rzecz biorąc, Twoja strona prawdopodobnie będzie dłuższa, jeśli sprzedajesz kurs o wartości 500 USD, niż jeśli oferujesz bezpłatny arkusz porad.
Jednak „więcej” nie zawsze jest odpowiedzią. Często jest to „inne”, co sprawia, że praca jest wykonywana. Eksperci, tacy jak Rand Fishkin z Moz i Alex Birkett z CXL, zalecają utworzenie kilku bardzo różnych stron docelowych po kliknięciu wraz z alternatywnymi argumentami i materiałami pomocniczymi, aby określić, która jest najbliżej globalnego maksimum.
Połącz się ze swoim zespołem, aby ustalić, które strony będą zawierały filmy, a które będą zawierać tekst z infografikami, zdjęciami bohaterów lub dowolną kombinację elementów, które Twoim zdaniem przemówią do odbiorców.
Część 2: Zbieranie argumentu
W tym momencie każdy członek zespołu przerywa, aby przygotować wsparcie dla wiadomości, na którą zgodził się Twój zespół. Projektanci zagłębią się w narzędzia takie jak Adobe Photoshop i Premier, podczas gdy copywriterzy będą pisać mapy myśli i nagłówki w notatnikach. Na tym etapie oto czego się spodziewać.
Projektanci
Na tym etapie procesu tworzenia projektanci będą pracować nad stworzeniem treści wizualnych, aby wesprzeć przekonujący argument strony. Może to obejmować:
filmy na stronie docelowej po kliknięciu
Badania wykazały, że wideo może poprawić współczynniki konwersji strony docelowej po kliknięciu o 80% — ale w tym celu muszą być prawidłowo wyprodukowane.
Filmy wideo z case study i referencje wideo są idealne w przypadku ofert o wysokich kosztach i wysokim zaangażowaniu. Często zobaczysz je na stronach docelowych po kliknięciu opartych na usługach, takich jak branża prawnicza i przestrzeń marketingu cyfrowego.
Upewnij się, że przedstawiasz swoich najbardziej entuzjastycznych zwolenników, dla których Twoja firma najbardziej poprawiła życie. Jeśli są dobrze znane, jeszcze lepiej.
Podczas produkcji pamiętaj o mocnych stronach filmów ze studiami przypadku i referencjach wideo, a następnie używaj efektów, aby je ulepszyć. Nakładka tekstowa może zwrócić uwagę na imię i nazwisko prelegenta oraz stanowisko, aby zwiększyć autorytet, a także podkreślić konkretny zwrot z inwestycji osiągnięty z pomocą Twojej firmy.
Co najważniejsze, pamiętaj, aby była krótka i opowiadała historię. Poinformuj odwiedzających, jak problematyczne było życie Twoich klientów, zanim Twoja firma zainterweniowała, a następnie opowiedz konkretnie, w jaki sposób współpracowaliście i co to partnerstwo zrobiło, aby pomóc klientowi.
Filmy objaśniające i wprowadzające są lepsze, gdy Twoja oferta jest skomplikowana lub nowa.
Zobaczysz, jak wiele firm zajmujących się oprogramowaniem wykorzystuje krótkie filmy instruktażowe, aby szybko zademonstrować odwiedzającym, co może zrobić narzędzie lub platforma. Jeśli go tworzysz, upewnij się, że jest krótki i prosty. Wiele z najlepszych filmów instruktażowych w sieci trwa krócej niż dwie minuty.
Podobnie jak filmy ze studiami przypadku, film wyjaśniający powinien opowiadać krótką historię problemu potencjalnego klienta, jak firma go rozwiązuje i jak będzie wyglądał jego wynik. Prawdopodobnie przyjmą również koordynację projektanta i copywritera, aby stworzyć scenariusz.
Z drugiej strony filmy wprowadzające są pomocne, gdy Twoja oferta skupia się na konkretnej osobie. Pomyśl o kosztownych kursach prowadzonych przez mniej znanych profesjonalistów.
Film wprowadzający wyjaśniający, kim są i dlaczego mają kwalifikacje do prowadzenia webinaru lub prowadzenia kursu, może być dokładnie tym, czego potencjalni klienci potrzebują, aby rozwiać ich wątpliwości związane z konwersją.
obrazy stron docelowych po kliknięciu
Zdolność obrazów do natychmiastowego przekazywania informacji jest niezrównana. Filmy mogą być bardziej atrakcyjne, ale ich oglądanie wymaga większego zaangażowania ze strony odwiedzającego. Z drugiej strony obrazy można zinterpretować w mgnieniu oka. Projektanci mogą stworzyć kilka popularnych obrazów stron docelowych po kliknięciu:
- Zdjęcia produktów są widoczne głównie na stronach docelowych e-commerce po kliknięciu. Pomyśl na przykład o odzieży lub biżuterii. Odwiedzający nie mogą go przymierzyć, więc Twoim zadaniem jest pokazać im, jak będzie wyglądać pod każdym kątem. Jeśli Twój produkt jest nowy lub skomplikowany, diagramy mogą pokazać, jak to działa.
Zdjęcia produktów nie ograniczają się jednak wyłącznie do przedmiotów fizycznych. Mogą dać odwiedzającym cenny podgląd tego, jak wygląda interfejs Twojego oprogramowania lub jakie treści zawiera Twój e-book.
- Zdjęcia bohaterów mogą pomóc potencjalnym klientom wyobrazić sobie, w co zmieni ich produkt, gdy zgłoszą się po odbiór. Firma sprzątająca może pokazywać obraz nieskazitelnego domu, a ubezpieczyciel samochodowy może wyświetlać obraz szczęśliwego nastolatka machającego do rodziców, gdy wycofuje swój samochód z podjazdu. Pomyśl o tym jako o zdjęciu „po” sekwencji „przed” i „po”.
Oto zdjęcie bohatera ze strony docelowej Infusionsoft po kliknięciu, która pokazuje potencjalnemu klientowi, kim stanie się dzięki oprogramowaniu — zorganizowanym, zwinnym małym biznesmenem. Zauważ, że to nie tylko zdjęcie interfejsu mobilnego; to zdjęcie dłoni trzymającej telefon komórkowy, które pomaga prospektowi wyobrazić sobie siebie podczas korzystania z oprogramowania:


- Infografiki są idealne, gdy chcesz wyświetlić dane w sposób nie onieśmielający, łatwy do zrozumienia. Wykresy słupkowe, kołowe i wykresy liniowe doskonale nadają się do porównywania i kontrastowania, na przykład różnic między Tobą a konkurencją.
Jeśli tworzysz kilka różnych stron, wypróbuj radykalnie różne podejścia do każdej z nich. W jednym umieść film instruktażowy, a w drugim kilka diagramów. Później testy mogą udowodnić, która jest bardziej skuteczna.
Copywriterzy
Podczas gdy projektanci tworzą wizualną część strony docelowej po kliknięciu, copywriterzy tworzą jej treść pisemną. Do ich obowiązków należy łączenie:
Nagłówek informujący o Twoim USP
Nagłówek strony powinien od razu przekazywać unikalną propozycję sprzedaży oferty. Powinna wywoływać ciekawość, dzielić się wiadomościami, odwoływać się do własnego interesu i pasować do przekazu reklamy, z której pochodzi, aby wzbudzić zaufanie.
Najważniejsze słowa na stronie docelowej po kliknięciu znajdują się w nagłówku. Jeśli nie przekonają gościa do pozostania w pobliżu, nie będzie zawracał sobie głowy szukaniem kopii ciała ani wezwania do działania. Oto doskonały przykład z AWAI:

Zorientowana na korzyści kopia ciała
Kopia treści strony jest największą zmienną, jeśli chodzi o treść pisaną. Liczba słów zwykle zależy od oferty i zazwyczaj im dalej w ścieżce marketingowej znajduje się publiczność, tym dłuższa i bardziej przekonująca będzie musiała być.
Na przykład strony ściskane często zawierają mniej niż 20 słów. Strony, które trafiają po wyprzedaży, mogą jednak urosnąć do tysięcy słów.
Niezależnie od liczby słów copywriter powinien optymalizować strony pod kątem czytelności, czytelności i zrozumienia, ponieważ ludzie nie czytają. Zamiast tego ślizgają się we wzorze F lub Z:

Aby dostosować się do tego wzorca, korzyści z Twojej oferty powinny być sformatowane tak, aby wyróżniały się z reszty Twojej kopii ciała, przy użyciu efektów takich jak pogrubienie lub wypunktowana lista.
Referencje zebrane od klientów
Cytaty zadowolonych klientów powinny być zebrane i szczegółowo opisane na stronie docelowej po kliknięciu. Te referencje powinny zawierać pełne imię i nazwisko, stanowisko i powinny koncentrować się na konkretnym pozytywnym wyniku. Oto przykład z Directive Consulting, jak wygląda gwiezdne świadectwo.

Przekonujące wezwanie do działania
Wezwanie do działania powinno zawierać kilka słów, które sprawią, że Twoi użytkownicy będą podekscytowani skorzystaniem z Twojej oferty. Tradycyjnie jest to fraza zorientowana na działanie, która podkreśla, co musi zrobić odwiedzający, aby skorzystać z oferty. Dziś przekształciła się w frazę, która, podobnie jak wszystkie inne elementy na stronie docelowej po kliknięciu, podkreśla korzyści płynące z skorzystania z oferty. Dowiedz się więcej o znalezieniu odpowiedniego CTA tutaj.
Po utworzeniu tych elementów przez każdy oddział zespołu kreatywnego zostaną one przekazane dyrektorowi kreatywnemu do zatwierdzenia.
Część 3: Łączenie wszystkiego w całość
Gdy dyrektor kreatywny wyda „OK”, projektant otrzyma zadanie stworzenia makiet, jak omówiono na początkowym etapie planowania. Połączą wszystkie elementy w jedną lub więcej anatomicznie poprawnych stron docelowych po kliknięciu:
Brak linków wychodzących w nawigacji, stopce lub treści
Strony docelowe po kliknięciu koncentrują się na skłonieniu użytkownika do podjęcia jednej akcji, dlatego nie powinny zawierać żadnych linków wychodzących, które odwracają uwagę od tego celu. Te linki nie powinny znajdować się w menu nawigacyjnym, stopce ani w żadnym miejscu w treści strony. Każda strona docelowa po kliknięciu powinna mieć współczynnik konwersji 1:1, co oznacza, że odwiedzający powinni kliknąć tylko w jedno miejsce: przycisk CTA.
Markowa kolorystyka
Kolory na Twojej stronie powinny być dopasowane do Twojej firmy. W oparciu o barwy, odcienie i odcienie Twojej marki wybierz schemat, który sprawi, że Twoja forma i przycisk CTA będą najbardziej zauważalne.

Angażujące media
Czas osadzić wideo, infografikę lub ujęcie produktu, które zaprojektowałeś w części 2. Invodo zaleca umieszczenie multimediów w części strony widocznej na ekranie, ale badania wykazały, że jeśli Twoja strona jest atrakcyjna, ludzie będą przewijać ją poza zakładką.
Umieszczenie mediów zależy również od ich przeznaczenia. Jeśli wyświetlasz zrzuty ekranu swojego oprogramowania, tak jak robi to Autopilot na swojej stronie docelowej po kliknięciu, należy je wyrównać z odpowiednią kopią:

Prosta forma
Nie wszystkie strony docelowe po kliknięciu będą zawierały formularze, ale jeśli już się pojawią, powinny one być jak najprostsze. Poproś tylko o te informacje, których potrzebujesz i upewnij się, że oferta jest równa zapytaniu. Potencjalni klienci będą skłonni przekazać znacznie więcej informacji w ramach bezpłatnej wersji próbnej oprogramowania niż w przypadku krótkiej instrukcji.
Czytelne czcionki markowe
Czcionki dekoracyjne mogą sprawdzać się w nagłówkach, ale w przypadku wnikliwej lektury najlepiej sprawdza się czcionka podstawowa. Upewnij się, że czcionki są zgodne z wytycznymi projektowymi Twojej marki. Stworzenie spójnego i znajomego środowiska użytkownika ma kluczowe znaczenie dla budowania zaufania wśród odwiedzających.
Odznaki zaufania: autorytet, dowód społeczny, bezpieczeństwo
Odznaki mają różne kształty i typy. Trzy typy mogą sprawić, że strona docelowa po kliknięciu będzie bardziej przekonująca.
- Odznaki autorytetu potwierdzają Twoje doświadczenie, podkreślając wygrane nagrody lub publikacje, w których byłeś wyróżniony. Oto przykład ze strony docelowej Foxtail Marketing po kliknięciu:

- Ikony dowodu społecznego pokazują, że inne osoby uznały Twój produkt lub usługę za wartościowe. Logo znanych klientów i tickery, które liczą Twoje obserwacje w mediach społecznościowych, mogą zwiększyć szanse na konwersję.
- Plakietki bezpieczeństwa wskazują odwiedzającym, że Twoja firma zapewni im bezpieczeństwo. Ikony firm takich jak McAfee i Norton Security informują, że ich dane osobowe są bezpieczne, a plakietki z gwarancją zwrotu pieniędzy i logo Better Business Bureau informują odwiedzających, że ich pieniądze są bezpieczne. Oto przykład ze strony docelowej Beach Body po kliknięciu:

Zlokalizowane informacje kontaktowe
Jeśli zapomniałeś zamieścić w swojej ofercie cokolwiek, co odwiedzający mogą chcieć wiedzieć, zawsze powinieneś podać możliwe do zlokalizowania informacje kontaktowe, za pomocą których mogą oni skontaktować się z Twoim zespołem. Wiele firm dodaje go w prawym górnym rogu strony. Skorzystaj z funkcji „kliknij, aby połączyć”, aby jeszcze łatwiej docierać do zespołu z urządzenia mobilnego.
Hierarchia wizualna
Nie wszystkie elementy strony docelowej po kliknięciu są równie ważne. Dlatego kolory, elementy i wskazówki wizualne muszą być rozmieszczone w sposób, który w naturalny sposób prowadzi użytkownika od nagłówka do wezwania do działania.
Badania wykazały, że w Internecie ten „naturalny sposób” znajduje się we wzorze F, E, odwróconej litery L lub Z. Biorąc pod uwagę ten wzorzec czytania i stosując praktyki projektowe oparte na teorii psychologicznej sformułowanej ponad 100 lat temu, możesz stworzyć logiczną ścieżkę wizualną do przycisku wezwania do działania za pomocą czegoś, co nazywa się „hierarchią wizualną”.
Część 4: Proces przeglądu projektu
Tutaj sprawy mogą stać się bałaganem. Po połączeniu poszczególnych elementów na landing page’u po kliknięciu, cały zespół prześle informację zwrotną. Wiele razy proces ten obejmuje dokumenty tekstowe wypełnione zrzutami ekranu, niechlujnymi strzałkami, podświetleniami i czerwonym tekstem.
Te dokumenty i ich komentarze są przesyłane tam iz powrotem w długim łańcuchu e-maili, który ostatecznie bardziej obciąża Twoją cierpliwość niż pojemność skrzynki odbiorczej.
Aby usprawnić przeglądanie projektu bez konieczności ciągłego bałaganu, rozwiązanie Instapage Collaboration Solution umożliwia członkom zespołu komentowanie elementów strony i udostępnianie tych komentarzy między sobą.

Sprawia, że długie łańcuchy e-maili i marnotrawne spotkania stają się przestarzałe, umożliwiając projektantom, pisarzom i programistom wprowadzanie zmian w wolnym czasie. I mogą samodzielnie wprowadzić te poprawki, zamiast wysyłać je do projektanta odpowiedzialnego za budowanie makiet strony.
Dowiedz się więcej o rozwiązaniu do współpracy tutaj.
Część 5: Publikowanie
Gdy zespół zdecyduje się na projekt, projektanci i programiści będą współpracować, aby upewnić się, że strona wygląda i działa tak, jak powinna w sieci.
Rzeczy takie jak przyciski, po kliknięciu, muszą przekazywać informacje przez formularz do CRM i przekazywać odwiedzających na stronę „Dziękuję”. Gdy informacje w formularzu są wprowadzane niepoprawnie, komunikaty o błędach muszą powiadomić odwiedzającego.
Kod JavaScript z zewnętrznych narzędzi analitycznych musi być wprowadzony poprawnie, aby można było śledzić zachowanie odwiedzających, a ci, którzy nie dokonali konwersji, mogli być ponownie kierowani za pomocą reklam. Projekty muszą być zoptymalizowane pod kątem urządzeń mobilnych i szybkiego ładowania, w przeciwnym razie odwiedzający będą się odrzucać.
Aby upewnić się, że nie zapomnisz o żadnych krokach przed opublikowaniem strony docelowej po kliknięciu, pobierz listę kontrolną publikowania Instapage tutaj:

Jak wygląda Twój proces projektowania?
Czy proces projektowania Twojej firmy wygląda jak ten powyżej? Czy jest bardziej wydajny? Czy to bardziej ból głowy?
Twórz profesjonalne strony docelowe po kliknięciu w kilka minut, już dziś zarejestruj się na demo Instapage Enterprise.
