5 cech dobrego designu szablonu Landing Page

Landing page to bardzo elastyczne narzędzie. Dzięki kilku kluczowym elementom pozwala na tworzenie efektywnych przekazów marketingowych które nie tylko dobrze wyglądają, ale także konwertują. Czasami tylko z powodu ich rozmieszczenia.  Wszyscy mamy ogólną wiedzę na temat tego co czyni stronę docelową efektywną. Ale co z samym jej projektem? Odkryj 5 złotych zasad, które są powszechnie respektowane przez designerów dobrych szablonów landing page.

CTA możesz użyć więcej niż raz

Kiedy myślimy o landing page, myślimy o marketingowym wehikule, który zaprojektowany jest z myślą o bardzo konkretnej, stargetowanej publiczności. Jako marketerzy robimy co możemy aby przyciągnąć uwagę użytkowników i przekonać ich do zakupu. Nie chcemy ich przestraszyć, więc umieszczamy przycisk CTA i mamy nadzieję, że to zadziała. Robimy to tylko raz, bo taka jest zasada, prawda? Nie przesadź, nie wciskaj na siłę! Złota zasada, prawda? Nieprawda.

Czy też raczej - to czasami faktycznie jest prawda. Nikt nie powstrzymuje marketerów przed stworzeniem szablonu (łatwo edytowalnego układu wielokrotnego użytku na potrzeby różnych kampanii), który miałby więcej niż jeden przycisk CTA. Aby to jednak było możliwe, należy przestrzegać kilku innych zasad.

Po pierwsze i najważniejsze - wszystkie sekcje na stronie docelowej muszą być interesujące dla odwiedzającego i działać na niego jak magnes. Jeśli landing page ma wiele sekcji i jest dłuższy niż popularne “Uruchomienie wkrótce” (Coming soon), wtedy jest szansa, że wielokrotne użycie przycisku CTA zadziała jak magnes. Pomyśl tylko - jestem na landing page i przeglądam zawartość. Pozyskuję informacje na temat produktu lub usługi z pierwszej sekcji. Wtedy widzę pierwszy przycisk CTA, ale nie wchodzę w interakcję. Patrzę wtedy na drugą sekcję, potem na trzecią. Teraz jestem gotowy na zakup. Gdzie jest przycisk? Na początku, uderzając mnie prosto w twarz? Na końcu? Czasami dobrze jest rozłożyć przyciski na stronie i pomóc w ten sposób użytkownikowi.

Umieszczenie formularza na początku lub na końcu

Umieszczenie formularza to specyficzny proces. Jeśli formularz jest krótki to umieszczenie go przed nosem użytkownika, w pierwszej sekcji landing page, jest w porządku. Jest to OK, jeśli formularz jest troszkę dłuższy (ma kilka pytań lub pola na informacje niezbędne danej firmie) ale rodzi to ryzyko.

Najlepszym miejscem na umieszczenie formularza jest ostatnia sekcja. Kiedy landing page jest krótki (jedna, góra dwie sekcje) ludzie oczekują natychmiastowej “obsługi”. Kiedy strona docelowa zawiera większą ilość sekcji, wtedy odwiedzający w sposób naturalny oczekuje contentu oferującego informacje. Oczekuje więc, że formularz będzie podsumowaniem całej strony i nie będzie przeszkadzał temu, co liczy się najbardziej - wartościowej informacji.

Zbalansowane rozmieszczenie elementów (copy, zdjęcia, wideo, formularz etc.)

Nie jest tak prosto wejść do Mordoru… Ups, przepraszam. Ten cytat z Władcy Pierścieni ma jednak zastosowanie także do landing page. Zbalansowany projekt na decydujące znaczenie, nikt nie chciałby odwiedzać landing page pełnego gustu przypisywanego dajmy na to Orkom. Landing page działają najlepiej wtedy gdy są krótkie, pokusa ich rozbudowania powoduje czasem przesłonięcie oryginalnego zamysłu.

Wszystkie elementy - od copy, przez grafiki do testimoniali i formularzy, muszą być równomiernie rozłożone. Złota zasada nowoczesnego marketingu, “żadnych ścian tekstu!”,  także musi być respektowana. Nadmierna koncentracja grafiki w jednym miejscu także nie może mieć miejsca. Chyba, że usługa promowana przez landing page polega na sprzedaży wysokiej jakości grafik, wtedy sensowne jest umieszczenie większej ilości przykładowych materiałów.

Formularz powinien być umieszczony nie tylko w miejscu w którym będzie widoczny, ale także w taki sposób, aby się wyróżniał od otaczających go elementów (spójrz argument 4). Nikt nie chciałby patrzeć na landing page gdzie formularz jest wciśnięty między ścianę tekstu po lewej i dwa materiały wideo po prawej stronie. Wszystko polega na podporządkowaniu strony wygodzie użytkownika, projektowi i sprzedaży.

Zasada whitespace

Zasada whitespace jest bardzo prosta. Musisz sprawić, aby coś się wyróżniało? Otocz to pustką. Każdy element na stronie docelowej musi posiadać przestrzeń “do oddychania”. Jeśli chcesz, aby razem dobrze działały, musisz zadbać nie tylko o ich “wzajemne relacje” ale także o ich indywidualną widoczność.

Nie licz pikseli otaczających każdy element, tutaj nie ma żadnej złotej reguły. Musisz po prostu podążać za siatką i posiadać wystarczająco dużo doświadczenia jako designer (albo marketer, pracujący z platformą online do tworzenia landing page), aby widzieć kiedy nie przekroczyć cienkiej, czerwonej linii. Rozłóż elementy na siatce i traktuj je jak indywidualne postacie zamieszkujące tę samą przestrzeń w ramach landing page. Pracują one na wspólny cel - konwersję.

Najlepszym przykładem zasady whitespace jest mała strona, o której mogłeś słyszeć - Google. Prawie cała powierzchnia jej strony głównej to jeden wielki whitespace, dający Ci luksus skupienia się na tym, co najważniejsze - polu wyszukiwarki.

Kiedy mowa o landing page, nie ma potrzeby przesuwania granic tej zasady do extremum. Pamiętajmy tylko o tym, że to nie jest koncert Rolling Stones - nie wypełniaj stadionu tysiącami fanów mających nadzieję na pojawienie się w obiektywie kamery kręcącej dokument z trasy koncertowej. Landing page polegają na czystym przekazie marketingowym, to nie konkurs popularności. 😉

Responsywny znaczy odpowiedzialny

To stwierdzenie nie ma sensu? Pewnie, że ma. Świat jest teraz mobilny i nie istnieje taka marka, którą stać na design inny, niż responsywny. Aby używać prawidłowych terminów - design landing page jest nie tyle responsywny, ile adaptacyjny. Różnica może być słabo odczuwalna, ale istnieje.

Co to oznacza? Kiedy projektujesz stronę internetową, w tym landing page, musisz pamiętać, że ludzie konsumują media na różnych platformach - komputerach stacjonarnych, tabletach, smartfonach. Strona musi wyglądać identycznie na każdym urządzeniu, a to oznacza że projektanci muszą osiągnąć ten sam poziom użyteczności dla odwiedzającego.

Źródło: www.wikimedia.org

Podsumowanie

Projektowanie landing page jest trochę bardziej skomplikowane, niż się wydaje. Kiedy masz właściwe narzędzie, wszystko wygląda na szybkie i łatwe, ale wymaga smaku i doświadczenia. Na szczęście TempleMonster oferuje szablony, które mogą Ci pomóc. Aby wystartować ze swoją kampanią, możesz też użyć naszej bazy ponad 100 szablonów.