Gražūs nukreipimo puslapių patarimai ir pavyzdžiai

Apie nukreipimo puslapių temą parašyta šimtai šmaikštų straipsnių. Mes visi žinome pagrindinius faktus - tai yra puslapiai, kuriuos lankytojas pasiekia paspaudus ant reklaminės reklamos ar reklamos nuorodos, ir kad jie atlieka svarbų rinkodaros vaidmenį, konvertuodami vadovus į verslo klientus. Tačiau kai kalbate apie nukreipimo puslapio projektavimą, atrodo, kad klausimai yra daug švelnesni, nei jūs tikėjotės po to, kai pereisite prie dokumentacijos. Štai kodėl šiandien nusprendėme pasidalinti faktinių nukreipimo puslapio pavyzdžių įkvėpimo rinkiniu.

Pagal gana mokslinę klasifikaciją galite rasti Vikipedijoje, nukreipimo puslapiai patenka į dvi pagrindines kategorijas: nuoroda ir sandoris. Jei jie turi būti vadinami nuoroda, puslapiuose turi būti pateikiama tiek patraukli, tiek lankytojui aktuali informacija (tekstas, daugialypė terpė). „Transactional“ nukreipimo puslapiai yra tie, kurie siekia nedelsiant parduoti arba bent jau užfiksuoti stiprius pardavimus.

Kadangi tikriausiai sutiksite su manimi, visi nukreipimo puslapiai atitinka abu kriterijus: jie informuoja lankytoją apie pasiūlymą ir skatina veiksmus iš jo pusės. Priešingu atveju mes neturėtume jokių veiksmų, kad galėtume imtis veiksmų absoliučiai bet kuriame nukreipimo puslapyje?

Kas turi būti aišku prieš pradedant bet kokį nukreipimo puslapį www, yra pageidaujamų lankytojų veiksmų pobūdis. Ar jūsų biuletenį registruoja vis daugiau? Tada suprojektuokite CTA su pranešimu „Registruokitės dabar mūsų naujienlaiškyje“. Ar siekiate, kad iš lankytojų būtų įsigyti bandymų? Pasakykite taip. Apskritai, esminis receptas yra padaryti jūsų nukreipimo puslapį šį pasiūlymą kuo aiškiau ir patrauklesniu.

Nukreipimo puslapio projektavimo patarimai

Keletas greitų patarimų, kuriuos reikia pradėti nuo planavimo nukreipimo puslapio:

1. Naudokite AIDA principą

Tai yra įvykių grandinė, kurią norime įvykti, kai švinas pasiekia platformą, kurioje rodomas reklamuojamas produktas ar paslauga. Daugiausia tai yra:

1. Sąmoningumas - pritraukti lankytojo dėmesį
2. Palūkanos - kuris gali būti sukeltas išryškinant naudą klientui
3. Noras - paskatinti klientus suvokti, kad jie nori produkto ar paslaugos
4. Veiksmas - klientai, atliekantys pirkimo procesą

2. Ne per daug nerimą; palikite išeitį

Idėja yra paprasta. Jei nukreipimo puslapyje nėra jokios navigacijos parinkties, išskyrus CTA mygtuką, lankytojai priversti išeiti. Nemanau, kad jei nesuteikiate jokios navigacijos, jie neras būdo išvykti - jie, galbūt netgi išjungdami naršyklę. Ir šie lankytojai ne grįžk.

3. Padarykite jį per mirksėjimo bandymą

Paprastai nukreipimo puslapis turi sugauti lankytojo dėmesį per pirmąsias 3 įėjimo sekundes. Jei svečias mirksi ir negali aiškiai matyti, ką jis turėtų rasti puslapyje arba nesidomėjo tuo, ką jis matė, jis greičiausiai atsimuša tuščią ranką.

4. Nesukurkite klaidingų lūkesčių

Nukreipimo puslapis turi atitikti pradinio skelbimo pateiktus patarimus arba atvirkščiai. Lankytojai turi rasti nukreipimo puslapyje, ką jie pirmą kartą pažadėjo skelbime, kurį jie spustelėjo.

Kaip pažadėjome, pažvelkime keletą gražiai suprojektuotų ir efektyvių B2B ir B2C puslapių. Ištirsime jų stipriąsias puses ir neišvengiamus trūkumus. Žemiau esančioje galerijoje stebėkite šiuos dalykus: vaizdinius ryšius, prekės ženklo ir pasitikėjimo rodiklius, turinio efektyvumą, raginimus veikti.

Vitrina: gražūs nukreipimo puslapiai

99Dizainai

Tai nukreipimo puslapio, nukreipto į dizainerius ir studentus, versija. 99Designs taip pat turi nukreipimo puslapį kitai šaliai: įmonėms, kurioms reikia dizaino. Kalbant apie šį dalyką, tai labai veiksminga patvirtinimo požiūriu (žr. Drąsių atsiliepimų) ir iš tikrųjų kalba auditorijos kalbą su skaičiais ir pasitikėjimo rodikliais (bendruomenės narių skaičius, uždirbtų pinigų suma). Atkreipkite dėmesį į ryškiai raudoną vieno CTA mygtuko atspalvį - tai paprastai yra kažkas, ko reikia vengti, tačiau šiuo konkrečiu atveju tai nėra trukdanti, nes ji atitinka logotipo spalvą..

123RF

123RF šiame nukreipimo puslapyje pateikia aiškų tikslą su vaizdo slankikliu ir keturiomis vidutinėmis dėžutėmis. Akimirksniu suprantate, kokia paslauga yra ir kaip ją galite naudoti (paieška, prisiregistravimas, mokėjimas pagal mokėjimą, įsigyti prenumeratą). Šviesiai pilkas fonas yra nepastebimas ir išryškina esmę, tai yra vaizdas. Ką aš asmeniškai manau, kad jie gali patobulinti, yra akcijų fotografijos kategorijų sąrašas, tai šiek tiek įdėta. CTA yra šiek tiek permaininga spustelėjusiems langeliams.

Favomatinis

Aš visiškai mėgstu šio nukreipimo puslapio dizainą. Kiekviename skyriuje yra kontrastas, geri šūkiai ir tai suteikia daug informacijos, nepriverčiant skaityti visko (mažas šriftas viskas). Ji turi navigaciją, bet vertikalią, sukdami, o tai labai sumažina šokinėjimo greitį.

BiznessApps

Stiprus raginimas imtis veiksmų, pabrėžtas šūkis ir įspūdingas patvirtinimų sąrašas - tai tinkamas derinimo puslapis ir šis puslapis. Be to, tai apima minimalų teksto kiekį ir naudoja demo vaizdo įrašą, nes žinoma, kad žmonės nori žiūrėti trumpą filmą nei skaityti. Forma yra elementas, kurį jie gali šiek tiek pagerinti. Paprastai pirmiausia turėtumėte duoti prieš tai, kai galėsite gauti, taigi, jei už mainų pateikimą lankytojai gali gauti nemokamus skanėstus, tada mygtukas „Siųsti žinutę“ gali pasakyti kažką panašaus į „Gauti nemokamus dalykus dabar!

Brusheezy

Kitas mažiau įrodymas yra daugiau. Šis nukreipimo puslapis atrodo labai tvarkingas su viena piktograma ir svarbia antrašte. Atkreipkite dėmesį į du raginimus imtis veiksmų, viršuje ir apačioje - tai yra kvailas metodas, leidžiantis pranešimui išlikti be perpildymo. Kitas nugalėtojas yra paryškinti naudą vartotojams, o ne produkto savybes.

Pabėgimas iš kalėjimo

Šis puslapis gali būti pernelyg perkrautas, tačiau tai yra tradicija nukreipti puslapius programoms. Tačiau sprendimas padalinti puslapį segmentuose leidžia lengvai pereiti per visus elementus. Jūs galite rasti viską, ko ieškote: savybės, privalumai, atsiliepimai ir netgi grąžinimo garantija, jei nesate patenkinti rezultatu. Paskutinis yra gana rizikingas, nes jis gali kelti klausimų apie paslaugos kokybę, ir tai buvo gera idėja jį visai apačioje

PageLines

Minimalizmas čia yra pagrindinė sąvoka. Asmeniškai man patinka, kad šis puslapis jums nieko neužsako, bet kviečia jus atrasti. Tačiau tai, kas man nepatinka, yra tai, kad automatiškai prasideda vaizdo įrašas (paprastai vengiu) - net jei Andrew Powers yra ne tik sumanus, bet ir gražus! Be to, tai, kad nėra tiesioginės CTA, gali būti trūkumas svetainėje.

Pico

Šis nukreipimo puslapis yra paprastas, bet galingas. „Didesnis nei“ raudonasis ženklas yra druska ir pipirai iki bendros išvaizdos. Dalies išdėstymas panašus į laikraščio išdėstymą ir yra gana įtaigus CMS tikslams. CTA mygtukai yra šiek tiek per silpni, o dešiniajame apatiniame kampe esanti ponia sukelia švelnų distraktiną; pernelyg nustebindama savo veidą, ji atrodo kaip ji gali derėtis dėl verslo reikalo?

Shoeboxed

Kiekvienos sekcijos aprašomosios eilutės yra aprašomojo kalbos naudojimo pavyzdys. Jūs suprantate pranešimą per kelias sekundes, nes jūsų regėjimo linija greitai nuskaito pirmąją eilutę ir pasiekia CTA mygtuką. Jei vis dar dvejojate, yra rekomendacija padėti, kartu su stipriais patvirtinimais - ar nepasitikite kompanija, kuri rodoma „Forbes“ ir „Tech Crunch“? aš norėčiau.

„SquareSpace“

Profesionalus nukreipimo puslapis, tai yra. Drąsus šūkis, CTA mygtukai, kurių negalite atsispirti paspaudus, ir labai geras patvirtinimas, tai yra sėkmės derinys. Aš taip pat norėčiau, kad jie pateiktų savo naudojimo kontekstą puslapio centre, kuriame būtų rodomas jų puslapių išvaizda ir infografiniai požymiai. 3 elementų struktūra yra dar vienas stiprus taškas.

Redaktoriaus pastaba: Šį įrašą parašė Laura Moisei už Hongkiat.com. Laura turi komunikacijos mokslų bakalauro laipsnį ir didžiąją laiko dalį praleidžia siekdama savo aistros dizainui ir rašymui. Ji dirba su 123ContactForm, internetine forma ir apklausos kūrėja, kuri padeda vartotojams sukurti gražią formą bet kuriam tinklalapiui.