Успешно слетување на страници 15 примери за дизајн што треба да ги видите
Не е толку лесно да се создаде привлечна целна страница која исто така работи како што сакате.
Постојат многу различни работи што треба да ги барате за да имате одлична целна страница. Кои се точно овие, зависи - како и многу други - од целта на вашата целна страница.
Земете ја должината на формата како пример: формата е само еден од огромен број елементи на целната страница што треба да ги измените. И, ако ги следите најдобрите практики, ќе откриете дека нема „правилно“ или „погрешно“ во должината на формата. Кратките и долгите форми можат да работат подеднакво добро - секоја зависи од тоа дали повеќе би сакале да генерирате многу лидери со (потенцијално) помал интерес или помал број на водства со поголем интерес.
Пред да започнете да креирате свои страници за слетување, прво треба да дознаете што прави добра целна страница - и да користите примери за да добиете идеја за тоа како овие поединечни елементи се ефективно имплементирани. Меѓутоа, кога баравме примери за успешни дизајни на страницата за дестинации, забележавме дека нема скоро никакви модерни, импресивни страници за дестинации кои нудат повеќе од само почетна страница со образец за регистрација. Тоа беше причина да се состави оваа листа со целни страници што нè убедија во однос на дизајнот.
Белешка однапред: Немаме пристап до статистиката на овие страници. Затоа, не можеме да даваме изјави за тоа колку посетители, линии и клиенти на крајот ќе бидат претворени на овие целни страници. Ова се примери за успешна комбинација и интеграција на индивидуалните елементи на целната страница. Се разбира, ако сакате сами да пробате една од тактиките презентирани на следниот пост, не можете претходно да знаете дали тие ќе успеат. Значи мотото е: тест, тест, тест!
Успешни страници за слетување: 16 примери за дизајн што треба да ги видите
1) Вистија
Првиот кандидат е целната страница на Висија, каде посетителите можат да се регистрираат за бесплатна сметка. Окото веднаш паѓа на кратката форма за создавање на сметка, која со своите бели полиња совршено се издвојува во однос на сината, минимално образена позадина.
Поради должината на полето за формулар во комбинација со неверојатната поставеност, посетителот веднаш знае за што станува збор: креирање сметка. И ако сè уште се двоумите, можете да дојдете надолу и да ги прочитате одговорите на најчесто поставуваните прашања таму. Бидејќи овие две области се дизајнирани во спротивни бои, вие како посетител лесно можете да направите преглед и да не ја изгубите од вид формата - совршена за стапката на конверзија!
2) Отскокнете
Не е изненадувачки, следното место на нашата листа е: Одбијте! На крајот на краиштата, оваа компанија веќе не воодушеви во минатото со својата експертиза во целните страници и оптимизацијата ориентирана кон конверзија. Оваа целна страница несомнено има многу успешни елементи, од кои два би сакале да ги потенцираме: 1) Стрелката покажува од насоката на потпорните слики до копчето CTA и 2) деталните - но добро спакувани - информации под формуларот.
Точката 1 (стрелката) веднаш ги известува посетителите за целта на страницата: тие треба да го пополнат формуларот! И целата работа работи без да биде особено наметлива. Суптилното водење на посетителите преку страница е уметност само по себе, и Unbounce го прави тоа совршено. Точката 2 (деталните информации) нуди и предности за страницата од перспектива на оптимизација, бидејќи моторите за пребарување имаат повеќе содржина што можат да ја индексираат. Во исто време, посетителите кои сакаат да дознаат повеќе пред да ги откријат своите детали за контакт, се задоволни - и паметното поставување на овие информации не го одвлекува вниманието од формата.
3) ИМПАКТ брендирање и дизајн
Однапред: Да, ИМПАКТ е партнер на HubSpot! Но, затоа не ги ставивме на нашата листа. Целните страници на ИМПАКТ долго време се сметаа за извор на инспирација за успешен дизајн. Едноставниот распоред на страницата, од големиот наслов и деталната слика на одликата до рамката што ја опкружува формата, до боите и фонтовите кои се многу лесни за очите, сè е успешно тука.
Можеби сте ја забележале и рамката за да се претплатите на блогот? Стандардно се проверува! Имајте предвид дека иако полето за претплата на образецот за целна страница е одличен начин за добивање нови претплатници, препорачуваме да не го означувате полето стандардно за да можат корисниците да изберат дали ќе се претплаќаат сака. Во спротивно, ризикувате да додадете премногу незаинтересирани претплатници во вашата база на податоци за контакти .
4) WebDAM
Целната страница на WebDAM несомнено има многу убави елементи, но нашиот (неоспорен) фаворит е формата. Беспрекорно се вклопува во структурата на страницата и така изгледа како природна компонента, но која е визуелно различна поради бојата на позадината. Со поставување на формуларот до слика која сама по себе не дава суштински информации, корисниците не се расејуваат и целото внимание е насочено кон формата. Копчето за доставување е магента (комплементарна боја на тиркизно сина) и се издвојува и ги охрабрува посетителите да ја преземат понудата.
Под формуларот, ветувањето за изведба на компанијата е накратко сумирано во три точки. Покрај тоа, овој текст блок делува како визуелно одделување од горната форма. Работа од прва класа, WebDAM!
5) Сметки.com
Често се претпоставува дека целните страници се статични страници на веб-страница. Но, не мора да биде така. Со соодветни алатки, страниците за дестинација исто така можат да бидат дизајнирани интерактивно и прилагодени.
На пример, погледнете го следниот пример од Bills.com. Прво, треба да одговорите на три прашања за да стигнете до формуларот. Ова однапред ќе разјасни дали ви треба дури и совет. Како прво, посетителите треба да наведат кое е нивото на нивниот долг:
Ова е проследено со уште две прашања, како што се: Б. Овие овде („Дали имате заостанати плати со плаќањата?“):
И дојдовте до вистинскиот формулар за целна страница, каде што ќе биде побарано да ги внесете вашите податоци:
Без оглед на тоа како работи алгоритмот (ако го има воопшто), пристапот понекогаш ќе предизвика мала нервоза кај посетителите дека можеби немаат право на совет. Кога потоа ќе ја видите формата, се олеснува и пополнувањето на образецот е многу лесно. Ние веруваме дека поради ексклузивноста на понудата (било да е реална или лажна), Bills.com има прилично висока стапка на конверзија.
6) Трулија
Трулија тоа го прави на својата целна страница на сличен начин како и на Bills.com. Таму започнувате со едноставна форма што бара „адреса“ (што не звучи толку нападно како „вашата адреса“, иако токму тоа се мисли). Под полето за едноставна форма има портокалово копче, кое добро се издвојува во однос на позадината на формата. Текстот CTA специфично означува дека ќе се направи индивидуална проценка за вашиот имот.
Се разбира, адресата не е доволна за да се одреди вредноста на имотот. Всушност, само локацијата и околината се снимени. Од оваа причина, следните прашања во врска со самиот имот, како што се бројот на спални соби и бањи, следат на следната страница. Подолу ќе го видите текстот „Кажете ни каде да го испратиме извештајот“ - со забелешка дека со внесување на оваа информација се согласувате да ве контактира агент за недвижнини. Ова е одличен пример за компанија која додава вредност на своите посетители, истовремено укажувајќи што да очекуваат.
7) Басемп
Basecamp има обемна целна страница со многу информации во и под директно видливата област. Повеќето информации се во текстуална форма, што исто така има ефект дека единствениот визуелен елемент на страницата, формата, се истакнува сè повеќе. И тука, процесот на регистрација е лесен колку што може да се стори само со внесување на вашата адреса за е-пошта или најавување со користење на вашата сметка на Google.
Со наслов кој го наведува бројот на компании кои се регистрирале за Basecamp претходната недела и препораките на клиентите, Basecamp целосно се потпира на социјалниот доказ за да ги постигне посакуваните конверзии. Ефектот на нагласување во препораките на клиентите, кој изгледа како да е користен означувач тука, дава дополнителен акцент на точките што Basecamp особено би сакал да ги промовира.
8) Зендеск
Ни се допаѓа целната страница за бесплатната пробна верзија на Зендеск, бидејќи се чува едноставна и едноставна и во однос на текстот и дизајнот. Единствените работи што навистина се истакнуваат се двете копчиња CTA - и јајцето одозгора што се движи како да треба да се изведе пиле. Самата форма е едноставна и бара само професионална адреса за е-пошта и лозинка за да може да се креира сметка. Пријавувањето со најава за апликации на Google е уште полесно. Обезбедувањето на оваа опција секогаш се препорачува, бидејќи уште повеќе ја скратува патеката за конверзија и генерално има понизок праг на инхибиција за корисниците кои веќе имаат сметка на Google.
9) веб профит
Што е со нешто подолга целна страница за промена? Со само неколку трикови, дури и најдолгата целна страница може да остави впечаток дека е кратка. Веб профитите ни покажуваат како да го направиме тоа.
На врвот има видливо поставено поле за форма за адреса за е-пошта, кое добро се издвојува во однос на позадината и затоа е само по себе забележливо. Ако сакате да ги оставите вашите податоци веднаш, сè што треба да направите е да ја внесете вашата адреса за е-пошта и остатокот од полето за форма ќе се појави магично. Бидејќи комплетната форма не се прикажува веднаш, страницата не изгледа толку сложена.
Покрај тоа, можете на прв поглед да видите што всушност прават веб-профилите. Остатокот од страницата дава детални информации за тоа што добивате кога ќе ги внесете вашите податоци. Покрај тоа, CTA се поставени насекаде на стратешки точки со кои посетителите можат да се вратат на врвот на страницата.
10) Влезни емоции
Оваа целна страница на шпански јазик е од партнер на ХабСпот. Слично на примерот од Басекамп, формата е поставена видливо и секогаш останува во видливата област, дури и кога посетителите се движат надолу. Ни се допаѓаат и графичките раце што им покажуваат на посетителите каде да ги внесат своите податоци или каде да ја споделат страницата со други.
11) H.BLOOM
Понекогаш само сакате да дозволите целната страница да седне на вас некое време, бидејќи е многу убава. H.BLOOM го прави токму тоа со фотографија со висока резолуција и многу слобода - повеќе не сакате да го свртувате погледот.
Покрај привлечниот дизајн, страницата има и неколку одлични елементи за конверзија: форма во директно видлива област, јасно и концизно објаснување што се случува по пополнувањето на образецот и портокалово копче за испраќање. Има само една работа што би ја смениле: текстот на копчето за испраќање, така што тој се однесува поконкретно на понудата.
12) Разговор во живо на Веларо
Понекогаш најмалите работи прават најголема разлика. Ова е случај, на пример, со целната страница за разговор во живо во Веларо.
Малиот симбол PDF на сликата со карактеристика е суптилен индикатор за форматот во кој е дадена понудата. Стрелката пред поднасловот го привлекува вниманието на посетителот кон текстот, кој треба да се прочита. Како и кај IMPACT, постои и автоматско обележано поле за претплата на билтенот, што како опти-верзија е одличен начин за освојување нови претплатници. Сите овие мали детали, кои на прв поглед изгледаат безначајни, додаваат одличен, функционален дизајн на целната страница.
13) Лабораторија за конверзија
Обично, ние не би ја навеле почетната страница со формулар како пример за одлична целна страница. Ние правиме исклучок на оваа веб-страница со добра причина! Почетната страница е целосна веб-страница и врските за навигација ве водат само до информациите подолу на страницата.
Сè што треба да направите е да кликнете на „Добиј помош со страниците за слетување“ и целата веб-страница ќе се префрли на едната страна, правејќи простор за формуларот. Вака изгледа пред кликнување:
Откако ќе кликнете на CTA, формата се прикажува:
Фактот дека не мора да ја напуштите страницата за да го пополните формуларот, обезбедува непречено корисничко искуство. Покрај тоа, формата е поставена многу ненаметливо.
14) Маркетинг на индустриска сила
Оваа целна страница веднаш го буди интересот на посетителите со својот провокативен наслов. Затоа што јасно стои: „Немој да ме правиш да зумирам“ (отприлика: „Престани да зумираш!“). Тука се решава еден заеднички проблем што повеќето од нас го имаат кога сурфаме на Интернет со паметен телефон или таблет - и изјавата намерно се чува во малку провокативен тон.
Но, тоа не е единствениот интересен елемент на оваа целна страница. Дали забележавте како стратешки е поставена црвената боја? На пример, над и под формуларот, што ќе ве доближи до претворање.
Овој дизајн има и одлучувачка предност: Изгледа одлично и на мобилните уреди. Бидејќи секогаш треба да имате предвид дека многу посетители ги повикуваат вашите целни страници со своите паметни телефони или таблети. Ако дизајнот не е правилен, тие можат брзо да ја напуштат вашата страница.
Луѓето од маркетингот за индустриска сила ги направија фонтот и формата доволно големи за посетителите да не мора да зумираат за да видат работи како што се: Б. прочитајте го текстот или комуницирајте со содржината. (Прочитајте го овој пост на блогот за да дознаете за што се работи за дизајнирање веб-страница за добро корисничко искуство.)
15) Продавница
Како и многу други примери во овој пост, Shopify тргна на едноставност, без важничене за својата целна страница за тест-серијата. Насловот ориентиран кон корисникот, на пример, се состои од само неколку зборови, поднасловот („Доверлив од над 325.000 бизниси ширум светот“, на пример: „Над 325.000 компании ширум светот ни веруваат“) воведува социјален доказ и сликите сугерираат дека корисниците го користат производот може да се користи на сите уреди. Сè што треба да направите е да ја дадете вашата адреса за е-пошта за да започнете. Вака брзо стигнувате до реалната точка: Продажба на производи преку Интернет - со алатката од Shopify.
Шлаг на тортата? Страницата за слетување е оптимизирана за секој уред, и од аспект на дизајнот и функционалноста. Одговорниот дизајн е тајната!
Дали имате инспиративни примери за одлични целни страници? Ве молиме оставете ни коментар со вашите омилени!