Дизајн почетне странице (или почетне странице) је визуелни и структурални дизајн прве странице веб странице коју посетиоци виде када први пут посете сајт. Почетна страница игра кључну улогу у стварању првог утиска о сајту и помаже посетиоцима да пронађу информације које су им потребне или да се крећу даље кроз ресурс.
1. Дизајн почетне странице Схопифи
Као и многе друге одредишне странице у овом посту, пример одредишне странице Схопифи чини једноставним. На пример, наслов фокусиран на корисника је само неколико речи, а страница се ослања на једноставне знакове за набрајање, а не на параграфе да би пренела детаље и предности пробног периода. Постоји само неколико поља која треба попунити пре него што почнете. Све ово вам олакшава продају путем интернета помоћу вашег алата.
2. Дизајн почетне странице Муззле
Одредишне странице помажу корисницима да одлуче да ли су ваш производ или услуга вредни њиховог драгоценог времена и енергије. Има ли бољег начина да јасно и директно саопштите своју вредносну понуду од упаривања посетилаца са самим проблемом који ваша апликација решава?
Инстаграм коментари добијају више
ЊушкаМац апликација која утишава обавештења на екрану то у потпуности покрива показати без казивања менталитет на њиховој минималној одредишној страници. Посетиоце ове странице дочекује брза паљба непријатних обавештења у горњем левом углу екрана. Анимација није само забавна, већ и убедљиво преноси корисност апликације без дугих описа.
3. Дизајн почетне странице ТрансферВисе
ТрансферВисе омогућава вам да шаљете и примате новац у више валута, а његова одредишна страница, приказана у наставку, разлаже сваку појединачну радњу тако да вас не ометају опције које се не односе на вас.
Ако желите да пошаљете новац, можете попунити образац за трансфер. Да бисте примили новац, једноставно идите на средњу картицу и да бисте се пријавили за ТрансферВисе користећи своју дебитну картицу, идите на крајњу десну картицу.
Свака картица на овој одредишној страници креира сопствену позив на акцију у зависности од тога за шта се пријављујете – сваки са светлозеленим оквиром који ће истаћи ваш следећи корак након три могуће почетне тачке.
4. Дизајн почетне странице Аирбнб-а
Да бисте помогли да посетиоце претворите у домаћине, Аирбнб нуди примамљиву персонализацију: грубу процену просечне зараде на основу ваше локације. Можете да унесете додатне информације о свом потенцијалном пласману у поља да бисте добили још персонализованију процену.
Ако сте већ посетили страницу у коју сте уверени, јасан позив на акцију на врху странице олакшава конверзију на лицу места.
5.Теамбит
покварено обично није прва реч која вам пада на памет када помислите на софтвер за људске ресурсе, али Теамбит-ова визуелна одредишна страница је управо то. Једноставну форму са једним пољем прати и симпатична канцеларија пуна животињских ликова - сви они врло задовољан са Теамбитом, ако сте заинтересовани. Животиња из цртаног филма појављује се поред сваког одељка са информацијама на одредишној страници, подстичући посетиоце да се померају надоле како би сазнали више. Дизајн почетне странице
Почетне странице Теамбит је одличан доказ да не морате да имате „забаван“ производ или услугу да бисте направили смешну одредишну страницу.
6. Дизајн почетне странице Вистиа
Пре свега, ово је одредишна страница Вистиа за њихов бесплатни Вистиа налог. Одмах приметите образац са једним пољем за креирање налога - плава позадина са минималним дизајном је у лепом контрасту са светло белим пољем обрасца.
Дужина поља обрасца у комбинацији са истакнутим положајем елиминише скоро сва трења приликом креирања налога... али ако сте у недоумици, увек можете да скролујете испод да бисте прочитали најчешћа питања. Раздвајањем ова два са јаким контрастом боја, Вистиа чини процес конверзије много лакшим.
7. Вебфлов. Дизајн почетне странице
Вебфлов, алатка за дизајн за веб програмере, пакује много информација у ГИФ и три поља обрасца. Било би лепо да цео формулар за регистрацију буде у једном реду – не само да то чини страницу краћом, већ попуњавање сваког поља с лева на десно показује корисницима колико су близу да кликну на четврто плаво дугме и да почну бесплатно.
Анимирани ГИФ испод обрасца је приказан у истом оквиру на веб локацији тако да корисници могу да виде како производ функционише. и региструјте се без померања или одласка на нову страницу.
Дизајн почетне странице е-књиге
8. Дизајн почетне странице Науто
Науто, платформа за податке о аутомобилима који се самостално возе, помаже да се аутономна вожња учини безбеднијом за компаније које управљају возним парком. Наравно, његовим клијентима ће бити потребне све информације за продају на овој платформи. Науто је супер једноставан е-књига, чија одредишна страница вам даје кратак образац за контакт и преглед статистике како бисте доказали зашто је овај ресурс толико важан.
Зелено дугме „Преузми одмах“ можда је било намерно (зелено ипак значи „иди“).
Померите се надоле и видећете још један позив на акцију „Преузми е-књигу“ да подсети кориснике шта се спрема. Такође ћете видети три страшне статистике саобраћајних несрећа како бисте подстакли кориснике да сазнају више. Погледајте у наставку.
9. Дизајн почетне странице индустријског снажног маркетинга
Ова одредишна страница ме одмах привуче својим неодољивим, продорним насловом: „Немој ме зумирати“. Ово директно говори о општем искуству које већина нас има када скролујемо кроз наше телефоне или таблете - и то је такође мало дрско.
Али то није једина ствар која ме је заинтересовала за ову одредишну страницу. Обратите пажњу на то како је црвена боја стратешки постављена на врху и на дну обрасца, што вас још више приближава догађају конверзије.
Такође, овај дизајн је мета за покретање: изгледа и ради одлично мобилни уређаји. Имајте на уму да ће многи посетиоци приступати вашим одредишним страницама на својим паметним телефонима или таблетима, и ако дизајн ваше веб странице им не одговара, могу одустати и напустити вашу страницу.
Стручњаци за маркетинг индустријске снаге направили су терен фонтове и форме довољно велике да посетиоци не морају, на пример, да зумирају да би читали и комуницирали са садржајем.
10. Веларо Ливе Цхат
Понекад и најмањи детаљи чине највећу разлику. На пример, они су ти који праве одредишну страницу Веларо Ливе Цхат Невероватно.
Тај мали ПДФ симбол изнад слике ставке помаже да се одреди у ком формату ће бити преузимање. Стрелица испред поднаслова помаже да се додатно истакне важан примерак који посетиоци желе да прочитају. Као и ИМПАЦТ, они такође имају аутоматски означено поље за потврду претплате на билтен на њиховом обрасцу – што је, ако се претвори у додатно поље за потврду, одличан начин да повећате број претплатника. Сви ови мали, наизглед безначајни детаљи помажу да се добије солидан, невероватан дизајн одредишне странице. Дизајн почетне странице
11. УТИЦАЈ Брендирање и дизајн / Дизајн почетне странице
Кући UDAR дуго су били извор инспирације за дизајнере. Волим једноставан изглед странице, од велике копије наслова и детаљне слике, преко обриса који окружује облик, до боја и фонтова који су веома пријатни за око.
Бесплатни приручник ИМПАЦТ који овде нуди за преузимање такође не истиче само преузимање у плавом дугмету које вам омогућава да поднесете попуњени образац. Уместо тога, ИМПАЦТ вас позива да „генеришете више конверзија“ фокусирајући се на оно што можете да добијете читањем водича.
Одредишне странице да бисте сазнали више
КСНУМКС. Унбоунце
Није ни чудо Унбоунце је на врху ове листе – они су заиста написали књигу о креирању одредишних страница са високим степеном конверзије. Иако постоји много невероватних ствари у вези са овом одредишном страницом, две које ми се заиста допадају су: 1) употреба оквира за ћаскање уместо класичног обрасца и 2) детаљне – али добро упаковане – информације испод обрасца/почетне странице Дизајн странице
Први помаже да се скрене пажња на сврху странице — да попуните формулар — на начин који је ненаметљив и не делује као обавеза. Други даје тој страници СЕО подстицај (претраживачи ће имати више садржаја за индексирање) и уклања анксиозност код људи који морају да знају више о делу садржаја пре него што пошаљу своје информације, без одвраћања пажње људи од прозора за ћаскање.
13. Биллс.цом. Дизајн почетне странице
Људи често мисле о одредишним страницама као о статичним страницама на вашој веб локацији. Али са правим алатима, можете их учинити интерактивним и персонализованим.
Узмите пример испод са Биллс.цом. Да бисте сазнали да ли бисте имали користи од њихове консултације, одговорите на три питања пре него што вам се покаже образац. Почиње са овим:
Затим одговорите на још два питања попут овог испод:
А ево коначног обрасца за одредишну страницу где попуњавате своје податке:
Нисам сигуран како алгоритам функционише (или да ли га уопште постоји), али док сам га попуњавао имао сам неку забринутост због не квалификације. Када сам сазнао шта сам урадио, био сам узбуђен што сам испунио образац, што сам сигуран да већина људи који имају дугове и користе овај алат чини. Учинивши ову понуду ексклузивнијом пре него што се образац појави на одредишној страници, кладим се да ће Биллс.цом значајно повећана конверзија.
14. Дизајн почетне странице Трулиа
Трулиа урадио нешто веома слично Биллс.цом са својом одредишном страницом. Почиње једноставним обрасцем тражећи „адресу“ (што звучи мање језиво од „ваша адреса“, иако то значи). Испод овог једноставног поља обрасца налази се светло наранџасто дугме које је у контрасту са сликом карактера иза обрасца и наглашава да ће процена бити персонализована за ваш дом.
Наравно, сама адреса није довољна да се процени вредност куће. То једноставно означава околину куће. Зато се на следећој страници налазе додатна питања о самој имовини, као што су број лежајева и купатила. Испод можете видети копију „Реците нам где да пошаљемо извештај“ – уз одрицање одговорности да уносом ових информација пристајете да контактирате агента за некретнине. Ово је одличан пример како компанија цени своје посетиоце од самог почетка, док истовремено поставља очекивања посетилаца шта ће се као резултат десити.
15. Дизајн почетне странице Ландбот
Ландбот, услуга која креира одредишне странице засноване на цхатбот-у, поставља сопствени производ у центар своје одредишне странице засноване на ћаскању. Посетиоце дочекује пријатељски бот — заједно са емоџијима и ГИФ-овима — који их подстиче да дају информације у конверзацијском формату, а не у традиционалном облику.
16. Вебпрофитс
За мали контраст... шта је са дугим одредишним страницама? Уз само неколико трикова, можете учинити да чак и најдужа одредишна страница изгледа кратко. Вебпрофитс одредишна страница у наставку показује како се то ради. Дизајн почетне странице
Постоји истакнуто ЦТА дугме у горњем десном углу да бисте сазнали више – са добрим контрастом на позадини да би се истакла, и стрелицом надоле која подстиче померање. Не постављајући поље обрасца унапред, они помажу у смањењу трења и дају посетиоцима прилику да науче више пре него што им се представи опција конверзије.
Они вам такође омогућавају да разумете шта је заиста ради Вебпрофитс . Остатак странице пружа детаље о томе шта ћете добити када пошаљете своје податке. Поред тога, укључује стратешке позиве на акцију који ће вам помоћи да се вратите на врх да бисте попунили образац, као што је „Хајде да разговарамо“.
17. Х.БЛООМ
Понекад само треба да застанете и дивите се одредишној страници колико је лепа. Када користите фотографију високе резолуције и пуно белог простора на одредишној страници Х.БЛООМ лепо за погледати.
Осим своје лепоте, страница има неке сјајне елементе конверзије: горњи образац, јасан и концизан опис онога што ће се догодити када попуните образац, па чак и светло наранџасто дугме „Пошаљи“. Једина ствар коју ћемо променити? Копирај на дугмету за слање – ово може бити конкретније за предлог који се нуди. Дизајн почетне странице
18. Цонверсионлаб
Иако не бих укључио пример поста обрасца у посту о одредишним страницама, овај сајт је посебан. Почетна страница је цео сајт - навигационе везе ће вас једноставно одвести до информација испод. Дизајн почетне странице
Када кликнете на „Потражите помоћ на одредишним страницама“, цео сајт се помера да би направио места за образац. Ево како то изгледа пре него што кликнете:
И када кликнете на тај позив на акцију, погледајте како изгледа образац:
Свиђа ми се што не морате да напуштате страницу да бисте попунили образац, али образац неће бити наметљив за случајне посетиоце сајта.
Идеје/Дизајн почетне странице
Добро оптимизована почетна страница може да претвори клијенте у потенцијалне клијенте прикупљањем информација које ће вам помоћи да боље разумете, пласирате и одушевите своје посетиоце. Пошто су одредишне странице критичне за конверзије, важно је да се уверите да су добро планиране, дизајниране и извршене. Ево неколико ствари које треба узети у обзир приликом креирања циљано странице: Атрактивна естетика: Само боја ваше одредишне странице и чист кориснички интерфејс могу помоћи. Посетиоци ће желети да сазнају више о вашим производима и виде доказе о вредности коју нудите. Погледајте број 10 на нашој листи, Инбоунд Емотион, за одличан пример сјајне веб странице.
Мање је више: Нека реченица или слике говоре већину, али обавезно укључите све описне наслове и пратећи текст како би ваша одредишна страница била јасна и убедљива. Ово се односи на скоро сваку компоненту на страници: размак, једноставну копију и краће форме.
Дизајн почетне странице
Задржите посетиоце на страници: Уклањањем главне навигације или било којих повратних веза које ометају, мања је вероватноћа да ће бити нека врста трења у стварању потенцијалних клијената који би могли да наведу посетиоце да напусте вашу страницу.
Дељење на друштвеним мрежама. Једноставан начин да привучете посетиоце на своју одредишну страницу је коришћење дугмади за дељењедруштвене мреже, тако да могу да дистрибуирају ваш садржај својим пратиоцима на друштвеним мрежама. На крају крајева, купци су центар вашег маркетиншког замајца.
А/Б тестирање: Одредишне странице су важне за правилан рад, а пошто психологија потрошача понекад може бити изненађујућа, увек је најбоље експериментисати са различитим верзијама страница да бисте видели која има највећу стопу конверзије (ЦВР). Проверите позиционирање понуде, типове позива на акцију или чак шему боја.
Позив на акцију: ЦТА, где је месо на одредишној страници, или прекретница, где постоји могућност да постанете контакти. Позиви за акцију могу тражити од посетилаца да се претплате, преузму, попуне образац, поделе даље друштвене мреже итд., али генерално, позиви на акцију су неопходни да би се ваша публика активније укључила у вашу понуду. Да би генерисали потенцијалне клијенте, позиви на акцију морају бити смели и привлачни, али што је најважније, морају ефикасно да преносе вредност.
Оставить комментарии