Product
BUILD AND DESIGN

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

Generate leads, collect data and integrate with your martech ecosystem to optimize customer journeys

Ensure the best page responsiveness for mobile users to improve user engagement and search engine

OPTIMIZE AND SCLAE BUSINESS

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

Infrastructure

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

OPTIMIZE AND SCLAE BUSINESS
Solutions
OPTIMIZE AND SCLAE BUSINESS
AI Assitants
NEW

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

Integrations

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

A/B testings

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

Infrastructure

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

BUILD AND DESIGN
Landing pages & Onepagers

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

Forms

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

Smart Sections

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

Templates

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

OPTIMIZE AND SCLAE BUSINESS
AI Assitants
NEW

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

Integrations

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

A/B testings

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

Infrastructure

Create, publish and optimize landing pages with a drag&drop, pixel perfect and mobile-friendly builder

Resources
Home Blog Myśl Wizualnie – Projekt Graficzny Landing Page a Konwersja

Myśl Wizualnie – Projekt Graficzny Landing Page a Konwersja

Last updated:
Maja 15, 2018
TABLE OF CONTENT

Jako narzędzie marketingowe, landing page nastawiony jest na konwersję. Aby jednak do niej doszło, potrzebny jest cały szereg elementów. Pierwszym i od razu istotnym elementem który zwraca uwagę odwiedzający, jest projekt graficzny. Landing page powinien być przejrzysty, w zdecydowany sposób opisywać cel jego powstania i przyciągać uwagę. Jak to zrealizować, na co zwracać uwagę?

Nie tylko dla profesjonalistów

Po pierwsze – nie musisz być grafikiem. Nie musisz być programistą. Możesz za to wykorzystać intuicyjny edytor do tworzenia landing page, który posiada interfejs drag-and-drop. Takie narzędzie posiada naturę pixel-perfect co oznacza, że wszystko co robisz jest od razu doskonałe – nie musisz zwracać uwagi na detale. Możesz od razu dopasować do siebie wszystkie elementy, zmienić je w prosty sposób.

W dzisiejszych czasach, gdy niemal każda strona internetowa jest tak naprawdę aplikacją webową, niezwykle istotny jest też czynnik responsywności strony. Oznacza to, że każdy stworzony projekt (w tym landing page) musi się prawidłowo wyświetlać na każdym urządzeniu na którym jest przeglądany (PC, tablet, smartfon). Warto więc wybrać sprawdzone rozwiązania, które gwarantują tego typu funkcjonalność. Responsywny projekt strony oznacza, że wszystkie elementy same logicznie dostosowują się do charakteru wyświetlacza.

Wszystko to sprawia, że przy korzystaniu z nowoczesnego narzędzia nie ma żadnych ograniczeń w tworzeniu landing page. Można wykonać dowolny projekt graficzny, a jak wiemy, wysoka jakość wizualna każdego przekazu reklamowego bezpośrednio przekłada się na konwersje.

Video

Tak samo jest z wideo – można wykorzystywać je jako integralny element landing page, można też “schować” je na drugi plan, stosując jako tło. W tym przypadku warto wykorzystać efekt paralaksy polegający na tym, że płynnie przewijana strona sprawia wrażenie posiadania dodatkowej głębi. Mówiąc wprost – przy przewijaniu w dół dolna część strony “najeżdża” na górną. To bardziej zaawansowany element projektu graficznego strony docelowej, który dobrze wykonany, nadaje ofercie dodatkowego wymiaru.

Co zaś w sytuacji, gdy nie dysponujemy – i tak krótkim – czasem do stworzenia landing page? Istnieje tu kilka opcji. Na przykład rozwiązanie polegające na udostępnieniu użytkownikom szablonów dzięki którym mogą edytować gotowy projekt – podmienić grafiki, napisać własną wersję copy, dowolnie przesuwać elementy i manipulować ich wielkością. Usuwać i dodawać nowe.

Istnieje też możliwość importu strony docelowej z dowolnego adresu URL. Ta opcja przydatna jest w sytuacji gdy starszy projekt nie do końca odpowiada aktualnym wymogom kampanii lub nowym wytycznym.

Tworzenie landing page jest jak stawianie budynku – można w nim mieszkać wygodnie i pięknie, ale jeśli nie będzie miał solidnych podstaw i “szkieletu” rozpiętego między kolejnymi piętrami, to się rozsypie.

Dzięki sprawnemu narzędziu można radykalnie skrócić czas potrzebny na stworzenie landing page, ale gdy jest go naprawdę mało, warto skorzystać z opcji stworzenia go od zera.

W projekcie landing page – tym wykonanym własnoręcznie lub z pomocą właściciela platformy, można wykorzystać własne kody JavaScript, własny kod HTML i style CSS. Dla bardziej zaawansowanych użytkowników oraz tych z większymi potrzebami oznacza to możliwość wykorzystywania dodatkowych opcji. Wstawienie slidera czy animacji zdecydowanie zwiększa potencjał konwersji, uatrakcyjniając bardziej skomplikowane landing page.

Zrób to po swojemu

Bez względu na to czy tworzysz prostsze czy bardziej skomplikowane landing page, możesz skorzystać z inspiracji. Galeria domyślnych obrazów oraz ikon plus możliwość załadowania grafik wektorowych (format .svg) oznacza, że nigdy nie wyczerpią Ci się pomysły. Co ważne, wszystkie importowane na proponowaną platformę grafiki są w trakcie przesyłania automatycznie optymalizowane. To oznacza, że nie tracą jakości, a ich waga jest mniejsza. Możesz też skorzystać z Marketing Starter Kit – pakiet darmowych elementów do tworzenia landing page, takich jak palety kolorów, fonty, grafiki, przykłady copy, itp.

Ważną kwestią przy projektowaniu strony docelowej jest też identyfikacja wizualna firm. Ze względu na wytyczne w firmowych brandbookach, marketerzy muszą przestrzegać zasad stosowania określonych czcionek i palet kolorów. W dobrym edytorze landing page można zapisać dowolne kolory i dodać je do ulubionych, także przez zastosowanie hasha koloru.

Za lwią część konwersji odpowiada właśnie projekt graficzny. To tak jak ze stawianiem budynku – można w nim mieszkać wygodnie i pięknie, ale jeśli nie będzie miał solidnych podstaw i “szkieletu” rozpiętego między kolejnymi piętrami, to się rozsypie. Tak samo jest z landing page – można mieć znakomite Call-to-Action (CTA), bardzo dobrze dobrane grafiki, profesjonalnie nakręcony i zmontowany film wideo, a i tak nadal będzie to za mało. Trzeba więc myśleć wizualnie – wczuć się w odbiorcę strony docelowej i zrozumieć na czym polega skuteczne dotarcie z przekazem marketingowym.

Jarosław Ściślak

Marketing Specialist

Jarosław Ściślak jest ekspertem ds. marketingu z ponad 6-letnim doświadczeniem w content marketingu, brandingu i tworzeniu landing page'y.
Wszystkie artykuły

Related articles