Дизајнот на почетната страница (или почетната страница) е визуелен и структурен дизајн на првата страница на веб-локацијата што посетителите ја гледаат кога првпат ја посетуваат страницата. Почетната страница игра клучна улога во создавањето на првиот впечаток на страницата и им помага на посетителите да ги пронајдат потребните информации или понатаму да се движат низ ресурсот.
1. Дизајн на почетна страница на Shopify
Како и многу други целни страници во овој пост, примерокот за целна страница Shopify го прави едноставно. На пример, насловот фокусиран на корисникот е само неколку зборови, а страницата се потпира на едноставни куршуми наместо на параграфи за да ги пренесе деталите и придобивките од пробата. Има само неколку полиња што треба да се пополнат пред да започнете. Сето ова ви олеснува да продавате онлајн користејќи ја вашата алатка.
2. Дизајн на почетна страница со муцка
Целните страници им помагаат на корисниците да одлучат дали вашиот производ или услуга вреди нивното драгоцено време и енергија. Кој е подобар начин јасно и директно да го пренесете вашиот предлог за вредност отколку со усогласување на вашите посетители со самиот проблем што го решава вашата апликација?
Коментарите на Инстаграм добиваат повеќе
МуцкаАпликацијата за Mac што ги премолчува известувањата на екранот целосно го покрива ова покажете без да кажувате менталитет на нивната минимална целна страница. Посетителите на оваа страница ги пречекува брз оган од непријатни известувања во горниот лев агол на екранот. Анимацијата не само што е забавна, туку и убедливо ја пренесува корисноста на апликацијата без долги описи.
3. Дизајн на почетна страница TransferWise
TransferWise ви овозможува да испраќате и примате пари во повеќе валути, а нејзината целна страница, прикажана подолу, го разложува секое поединечно дејство за да не се одвлекувате од опциите што не важат за вас.
Доколку сакате да испратите пари, можете да го пополните формуларот за трансфер. За да добивате пари, едноставно одете на средното јазиче и за да се регистрирате за TransferWise со помош на вашата дебитна картичка, одете на крајната десна картичка.
Секоја картичка на оваа целна страница создава своја повик за акција во зависност од тоа за што се пријавувате - секој со светло зелена рамка за да го нагласи вашиот следен чекор по три можни почетни точки.
4. Дизајн на почетна страница на Airbnb
За да помогнете во претворањето на посетителите во домаќини, Airbnb нуди одредена примамлива персонализација: груба проценка на просечната заработка врз основа на вашата локација. Можете да внесете дополнителни информации за вашето потенцијално сместување во полињата за да добиете уште поперсонализирана проценка.
Ако веќе сте посетиле страница во која сте убедени, јасниот повик за акција на врвот на страницата го олеснува конвертирањето на лице место.
5.Тимбит
чудат обично не е првиот збор што ви паѓа на ум кога размислувате за софтверот за човечки ресурси, но визуелната целна страница на Teambit е токму тоа. Едноставна форма со едно поле е придружена со преслатка канцеларија полна со ликови од животни - сите од нив многу среќен со Teambit, ако сте заинтересирани. До секој информативен дел на целната страница се појавува животно од цртан филм, што ги мами посетителите да се движат надолу за да дознаат повеќе. Дизајн на почетната страница
Страница за слетување Тимбит е одличен доказ дека не треба да имате „забавен“ производ или услуга за да креирате смешна целна страница.
6. Дизајн на почетна страница на Wistia
Прво на сите, ова е целната страница Wistia за нивната бесплатна Wistia сметка. Веднаш ја забележувате формата со едно поле за да креирате сметка - сината позадина со минимален дизајн убаво се контрастира со полето со светло бела форма.
Должината на полето за форма во комбинација со истакната поставеност го елиминира речиси секое триење при креирањето на сметка... но ако се сомневате, секогаш можете да скролувате подолу за да ги прочитате ЧПП. Со раздвојување на двете со силен контраст на бои, Wistia го олеснува процесот на конверзија.
7. Веб тек. Дизајн на почетната страница
Webflow, алатка за дизајн за веб-програмери, пакува многу информации во GIF и три полиња за форми. Би било убаво да го имате целиот формулар за регистрација на една линија - не само што ја прави страницата пократка, туку пополнувањето на секое поле од лево кон десно им покажува на корисниците колку се блиску до кликнување на четвртото сино копче и бесплатно започнување.
Анимираниот GIF под формуларот се прикажува во истата рамка на веб-локацијата за корисниците да можат да видат како функционира производот. и регистрирајте се без лизгање или одење на нова страница.
Дизајн на почетната страница на е-книга
8. Дизајн на почетна страница Nauto
Науто, платформа за податоци за самоуправувачки автомобил, помага да се направи автономното возење побезбедно за компаниите кои управуваат со возниот парк. Секако, на неговите клиенти ќе им требаат сите информации за да ги продадат на оваа платформа. Науто го има супер едноставно е-книга, чија целна страница ви дава краток формулар за контакт и преглед на статистика за да докажете зошто овој ресурс е толку важен.
Зеленото копче „Преземи сега“ можеби било намерно (зелено значи „оди“).
Скролувајте надолу и ќе видите друга CTA „Земи е-книга“ за да ги потсети корисниците што има во продавницата. Ќе видите и три застрашувачки статистики за сообраќајни несреќи за да ги поттикнете корисниците да дознаат повеќе. Проверете го подолу.
9. Дизајн на почетна страница за индустриски силен маркетинг
Оваа целна страница веднаш ме привлекува со својот неодолив, лут наслов: „Не прави ме да зумирам“. Ова директно зборува за општото искуство што повеќето од нас го имаат кога се движиме низ нашите телефони или таблети - и тоа е исто така малку дрско.
Но, тоа не е единственото нешто што ме заинтересира за оваа целна страница. Забележете како црвената боја е стратешки поставена на горниот и долниот дел од формуларот, привлекувајќи ве уште поблиску до настанот за конверзија.
Исто така, овој дизајн е мета за подигање: изгледа и работи одлично Мобилни уреди. Имајте на ум дека многу посетители ќе пристапуваат до вашите целни страници на нивните паметни телефони или таблети, и ако дизајн на вашата веб-страница не им одговара, може да се откажат и да ја напуштат вашата страница.
Специјалисти за маркетинг на индустриска сила го направија теренот фонтови и форми доволно големи што посетителите не мора, на пример, да зумираат за да ја читаат и да комуницираат со содржината.
10. Веларо разговор во живо
Понекогаш најмалите детали ја прават најголемата разлика. На пример, тие се оние кои ја прават целната страница Веларо разговор во живо неверојатно.
Малиот PDF симбол над сликата на ставката помага да се одреди во кој формат ќе биде преземањето. Стрелката пред поднасловот помага дополнително да се нагласи важната копија што посетителите сакаат да ја прочитаат. Како и IMPACT, тие исто така имаат автоматско штиклирано поле за избор претплати до билтенот на нивната форма - што, ако се претвори во дополнително поле за избор, е одличен начин да го зголемите бројот на вашите претплатници. Сите овие мали, навидум безначајни детали помагаат да се додаде солиден, неверојатен дизајн на целната страница. Дизајн на почетната страница
11. IMPACT Брендирање и дизајн / Дизајн на почетна страница
Насловна ВЛИЈАНИЕ долго време се извор на инспирација за дизајнерите. Го сакам едноставниот распоред на страницата, од големата насловна копија и деталната слика, до прегледот што ја опкружува формата, до боите и фонтовите кои се многу пријатни за око.
Бесплатниот прирачник IMPACT нуди за преземање овде, исто така, не го истакнува самото преземање во синото копче кое ви овозможува да го поднесете пополнетиот формулар. Наместо тоа, IMPACT ве поканува да „генерирате повеќе конверзии“ со фокусирање на она што можете да го добиете од читањето на водичот.
Целни страници за да дознаете повеќе
12 Отпуштете се
Не е ни чудо што Unbounce е на врвот на оваа листа - тие навистина ја напишаа книгата за создавање на целни страници со висока конверзија. Иако има многу неверојатни работи за оваа целна страница, две кои навистина ми се допаѓаат се: 1) употреба на поле за разговор наместо класична форма и 2) детални - но добро спакувани - информации под формуларот/Дома Дизајн на страница
Првиот помага да се насочи вниманието кон целта на страницата - за вие да пополните формулар - на начин што е ненаметлив и не изгледа како скучна работа. Вториот ѝ дава на таа страница поттик за оптимизација (пребарувачите ќе имаат повеќе содржина за лази) и ја отстранува вознемиреноста од луѓето кои треба да знаат повеќе за дел од содржината пред да ги поднесат своите информации, без да ги одвлекува вниманието на луѓето од прозорецот за разговор.
13. Bills.com. Дизајн на почетната страница
Луѓето често мислат на целните страници како статични страници на вашата веб-страница. Но, со вистинските алатки, можете да ги направите интерактивни и персонализирани.
Земете го примерот подолу со Bills.com. За да дознаете дали ќе имате корист од нивната консултација, одговорете на три прашања пред да ви го покажат формуларот. Се започнува со ова:
Потоа одговарате на уште две прашања како ова подолу:
И тука е конечниот формулар за целна страница каде што ги пополнувате вашите информации:
Не сум сигурен како функционира алгоритмот (или дали воопшто постои), но додека го пополнував, имав одредена загриженост за Нема квалификации. Откако дознав што сум направил, бев возбуден да го пополнам формуларот, што сигурен сум дека го прават повеќето луѓе кои имаат долгови и ја користат оваа алатка. Со тоа што оваа понуда ќе биде поексклузивна пред да се појави формуларот на целната страница, се обложувам дека Bills.com значително ќе зголемена конверзија.
14. Дизајн на почетна страница Trulia
Трулија направи нешто многу слично на Bills.com со својата целна страница. Започнува со едноставна форма која бара „адреса“ (што звучи помалку морничаво од „вашата адреса“, иако тоа е она што тие значат). Под ова едноставно поле за формулар има светло портокалово копче кое е добро во контраст со ликот на сликата зад формуларот и нагласува дека проценката ќе биде персонализирана за вашиот дом.
Се разбира, самата адреса не е доволна за да се процени вредноста на куќата. Тоа едноставно ја означува околината на куќата. Затоа следната страница вклучува дополнителни прашања за самиот имот, како што е бројот на кревети и бањи. Подолу можете да видите копија од „Кажете ни каде да го испратиме извештајот“ - со одрекување дека со внесување на овие информации се согласувате да контактирате со агентот за недвижности. Ова е одличен пример за тоа како една компанија ги цени своите посетители од самиот почеток, а истовремено поставувајќи ги очекувањата на посетителите за тоа што ќе се случи како резултат.
15. Дизајн на почетна страница на Landbot
Лендбот, услуга која создава целни страници засновани на chatbot, го става својот сопствен производ во центарот на својата целна страница базирана на разговор. Посетителите ги пречекува пријателски бот - полн со емотикони и GIF - што ги охрабрува да даваат информации во формат за разговор наместо во традиционална форма.
16. Веб-профити
За малку контраст... што е со долгите целни страници? Со само неколку трикови, можете да направите дури и најдолгата целна страница да изгледа кратка. Целната страница Webprofits подолу покажува како да го направите ова. Дизајн на почетната страница
Има истакнато копче CTA во горниот десен агол за да дознаете повеќе - со добар контраст на позадината за да се истакне и стрелка надолу за поттикнување на лизгање. Со тоа што не го поставуваат полето за форма напред, тие помагаат да се намали триењето и да им се даде можност на посетителите да научат повеќе пред да им се претстави опцијата за конверзија.
Тие исто така ви дозволуваат да разберете што е навистина прави Веб-профити . Остатокот од страницата дава детали за тоа што ќе добиете кога ќе ги поднесете вашите информации. Плус, вклучува стратешки CTA кои ќе ви помогнат да се вратите на врвот за да го пополните формуларот, како што е „Ајде да разговараме“.
17. Х.БЛУМ
Понекогаш треба само да застанете и да се восхитувате на целната страница за тоа колку е убава. Кога користите фотографија со висока резолуција и многу бел простор на целната страница Х.БЛУМ убаво да се погледне.
Надвор од нејзината убавина, страницата има и некои одлични елементи за конверзија: надземен формулар, јасен и концизен опис за тоа што ќе се случи кога ќе го пополните формуларот, па дури и светло портокалово копче „Поднеси“. Единственото нешто што ќе го промениме? Копирај на копчето за поднесување - Ова може да биде поспецифично за предлогот што се нуди. Дизајн на почетната страница
18. Conversionlab
Иако не би вклучил пример за објава во објава за целни страници, оваа страница е посебна. Почетна страница е целата страница - врските за навигација едноставно ќе ве одведат до информациите подолу. Дизајн на почетната страница
Кога ќе кликнете „Добијте помош за целните страници“, целата страница се поместува за да направи простор за формуларот. Еве како изгледа пред да кликнете:
И, кога ќе кликнете на таа CTA, проверете како изгледа формата:
Ми се допаѓа што не мора да ја напуштате страницата за да го пополните формуларот, но формуларот нема да биде наметлив за случајните посетители на страницата.
Идеи/Дизајн на почетна страница
Добро оптимизирана почетна страница може да ги претвори клиентите во потенцијални клиенти со зафаќање информации што ќе ви помогнат подобро да ги разберете, пласирате и воодушевите вашите посетители. Бидејќи целните страници се од клучно значење за конверзиите, важно е да бидете сигурни дека тие се добро испланирани, дизајнирани и извршени. Еве неколку работи што треба да ги земете предвид при креирањето насочени страници: Атрактивна естетика: само бојата на вашата целна страница и чистиот кориснички интерфејс можат да помогнат. Посетителите ќе сакаат да дознаат повеќе за вашите производи и да видат докази за вредноста што ја нудите. Погледнете го #10 на нашата листа, Влезни емоции, за одличен пример за одлична веб-страница.
Помалку е повеќе: оставете ја реченицата или сликите да зборуваат најмногу, но не заборавајте да ги вклучите сите описни наслови и текстот за поддршка за да ја направите вашата целна страница јасна и привлечна. Ова се однесува на речиси секоја компонента на страницата: празно место, едноставна копија и пократки форми.
Дизајн на почетната страница
Задржете ги посетителите на страницата: со отстранување на главната навигација или какви било линкови што го одвлекуваат вниманието, помала е веројатноста да се работи за некаков вид на триење за генерирање на олово што може да ги наведе посетителите да ја напуштат вашата страница.
Споделување на социјалните мрежи. Лесен начин да привлечете посетители на вашата целна страница е со користење на копчињата за споделувањесоцијални мрежи, за да можат да ја дистрибуираат вашата содржина до нивните следбеници на социјалните мрежи. На крајот на краиштата, клиентите се центарот на вашиот маркетинг замаец.
Тестирање A/B: Целните страници се важни за правилно извршување, и бидејќи психологијата на потрошувачите понекогаш може да изненадува, секогаш е најдобро да експериментирате со различни верзии на вашите страници за да видите која има највисока стапка на конверзија (CVR). Проверете го позиционирањето на понудата, типовите на CTA или дури и шемата на бои.
Повик за акција: CTA, каде што месото е на целната страница или пресвртната точка, каде што е можноста да станете контакти. CTA може да побараат од посетителите да се претплатат, преземаат, пополнат формулар, споделуваат социјални мрежи итн., но генерално, CTA се неопходни за поактивно да се вклучи вашата публика со вашата понуда. За да генерираат потенцијални клиенти, CTA мора да бидат смели и привлечни, но што е најважно, тие мора ефективно да ја пренесат вредноста.
Оставить комментарий