Pagrindinio puslapio (arba pagrindinio puslapio) dizainas yra vizualinis ir struktūrinis pirmojo svetainės puslapio dizainas, kurį lankytojai mato pirmą kartą apsilankę svetainėje. Pagrindinis puslapis atlieka pagrindinį vaidmenį kuriant pirmąjį įspūdį apie svetainę ir padeda lankytojams rasti jiems reikalingą informaciją arba naršyti toliau šaltinyje.
1. Shopify pagrindinio puslapio dizainas
Kaip ir daugelis kitų šio įrašo nukreipimo puslapių, nukreipimo puslapio pavyzdys Shopify daro tai paprasta. Pavyzdžiui, į naudotoją orientuotą antraštę sudaro tik keli žodžiai, o puslapis remiasi paprastais ženkleliais, o ne pastraipomis, kad perteiktų išsamią bandymo informaciją ir naudą. Yra tik keli laukai, kuriuos reikia užpildyti prieš pradedant. Visa tai leidžia lengviau parduoti internetu naudojant savo įrankį.
2. Snukio pagrindinio puslapio dizainas
Nukreipimo puslapiai padeda vartotojams nuspręsti, ar jūsų produktas ar paslauga verta jų brangaus laiko ir energijos. Kas gali būti geresnis būdas aiškiai ir tiesiogiai perduoti savo vertės pasiūlymą, nei suderinti lankytojus su ta problema, kurią sprendžia jūsų programa?
Snukis„Mac“ programa, kuri nutildo pranešimus ekrane, visiškai tai apima rodyti nepasakydamas mentalitetą savo minimaliame nukreipimo puslapyje. Šio puslapio lankytojus pasitinka greitas nepatogių pranešimų ugnis viršutiniame kairiajame ekrano kampe. Animacija ne tik smagi, bet ir be ilgų aprašymų įtikinamai perteikia aplikacijos naudingumą.
3. TransferWise pagrindinio puslapio dizainas
TransferWise leidžia siųsti ir gauti pinigus keliomis valiutomis, o jo nukreipimo puslapis, parodytas žemiau, suskirsto kiekvieną atskirą veiksmą, kad jūsų neblaškytų jums netinkančios parinktys.
Jei norite siųsti pinigus, galite užpildyti pervedimo formą. Norėdami gauti pinigų, tiesiog eikite į vidurinį skirtuką ir prisiregistruokite prie TransferWise naudodami debeto kortelę, eikite į dešinįjį skirtuką.
Kiekvienas šio nukreipimo puslapio skirtukas sukuria savo raginimas veikti priklausomai nuo to, kam prisiregistruojate – kiekvienas su ryškiai žaliais rėmeliais paryškina kitą žingsnį po trijų galimų pradžios taškų.
4. Airbnb pagrindinio puslapio dizainas
Norėdami padėti lankytojus paversti šeimininkais, Airbnb siūlo šiek tiek viliojančio personalizavimo: apytikslį vidutinio uždarbio įvertinimą pagal jūsų vietą. Laukuose galite įvesti papildomos informacijos apie galimą vietą, kad gautumėte dar labiau suasmenintą įvertinimą.
Jei jau apsilankėte puslapyje, kuriuo esate įsitikinęs, puslapio viršuje esantis aiškus raginimas veikti palengvina konvertavimą vietoje.
5.Teambitas
keistokas Paprastai tai nėra pirmas žodis, kuris ateina į galvą, kai galvojate apie HR programinę įrangą, tačiau „Teambit“ vizualinis nukreipimo puslapis yra būtent toks. Paprastą formą su vienu lauku lydi žavingas biuras, pilnas gyvūnų personažų – visų labai patenkintas Teambit, jei domitės. Prie kiekvienos nukreipimo puslapio informacijos skilties rodomas animacinis gyvūnas, viliojantis lankytojus slinkti žemyn, kad sužinotų daugiau. Pagrindinio puslapio dizainas
Nukreipimo puslapis Teambit yra puikus įrodymas, kad norint sukurti juokingą nukreipimo puslapį nereikia turėti „įdomaus“ produkto ar paslaugos.
6. Wistia pagrindinio puslapio dizainas
Visų pirma, tai yra nukreipimo puslapis Wistia už savo nemokamą Wistia paskyrą. Iš karto pastebite formą su vienu lauku, kad sukurtumėte paskyrą – mėlynas fonas su minimaliu dizainu puikiai kontrastuoja su ryškiai baltu formos lauku.
Formos lauko ilgis kartu su matoma vieta pašalina beveik visas trintis kuriant paskyrą... bet jei abejojate, visada galite slinkti žemiau ir perskaityti DUK. Atskirdama abu juos stipriu spalvų kontrastu, Wistia žymiai palengvina konversijos procesą.
7. Interneto srautas. Pagrindinio puslapio dizainas
Interneto srautas, žiniatinklio kūrėjams skirtas projektavimo įrankis, sutalpina daug informacijos į GIF ir tris formos laukus. Būtų gerai, kad visa registracijos forma būtų vienoje eilutėje – tai ne tik sutrumpina puslapį, bet ir užpildę kiekvieną laukelį iš kairės į dešinę, naudotojai parodys, kaip arti jie spustelėjo ketvirtą mėlyną mygtuką ir pradės nemokamai.
Animuotas GIF po forma rodomas tame pačiame svetainės rėmelyje, kad vartotojai galėtų matyti, kaip veikia produktas. и registruokitės neslinkdami ir neperėję į naują puslapį.
E-knygos pagrindinio puslapio dizainas
8. Nauto pagrindinio puslapio dizainas
Nauto, savarankiškai vairuojančių automobilių duomenų platforma, padeda užtikrinti saugesnį savarankišką vairavimą įmonėms, kurios valdo automobilių parką. Žinoma, jo klientams reikės visos informacijos, kad galėtų parduoti šioje platformoje. „Nauto“ tai labai paprasta e-knyga, kurio nukreipimo puslapyje pateikiama trumpa kontaktų forma ir peržiūros statistika, įrodanti, kodėl šis šaltinis toks svarbus.
Žalias mygtukas „Atsisiųsti dabar“ galėjo būti net tyčia (žalia spalva reiškia „eiti“).
Slinkite žemyn ir pamatysite kitą raginimo veikti „Gauti el. knygą“, kad primintų naudotojams, kas laukia. Taip pat matysite tris nerimą keliančius automobilių avarijų statistinius duomenis, kurie paskatins vartotojus sužinoti daugiau. Patikrinkite tai žemiau.
9. Industrial Strong Marketing Home Puslapio dizainas
Šis nukreipimo puslapis mane iš karto patraukia savo nenugalima, aštria antrašte: „Nepadarykite manęs mastelio“. Tai tiesiogiai atspindi bendrą patirtį, kurią daugelis iš mūsų patiria naršydami telefonus ar planšetinius kompiuterius – ir tai taip pat šiek tiek įžūlus.
Tačiau ne tai vienintelis dalykas, kuris mane sudomino šiuo nukreipimo puslapiu. Atkreipkite dėmesį, kaip raudona spalva yra strategiškai išdėstyta formos viršuje ir apačioje, dar labiau priartindama jus prie konversijos įvykio.
Be to, šis dizainas yra meta-boot: jis atrodo ir veikia puikiai mobiliuosius įrenginius. Atminkite, kad daugelis lankytojų jūsų nukreipimo puslapius pasieks išmaniuosiuose telefonuose ar planšetiniuose kompiuteriuose jūsų svetainės dizainas jiems netinka, jie gali pasiduoti ir palikti jūsų puslapį.
Pramonės stiprybės rinkodaros specialistai sukūrė šią sritį šriftus ir formos yra pakankamai didelės, kad lankytojams, pavyzdžiui, nereikėtų keisti mastelio, kad galėtų skaityti ir sąveikauti su turiniu.
10. „Velaro“ tiesioginis pokalbis
Kartais mažiausios detalės daro didžiausią skirtumą. Pavyzdžiui, jie yra tie, kurie sukuria nukreipimo puslapį Velaro tiesioginis pokalbis nuostabi.
Šis mažas PDF simbolis virš elemento vaizdo padeda nustatyti, kokiu formatu bus atsisiunčiama. Rodyklė prieš paantraštę padeda dar labiau paryškinti svarbią kopiją, kurią lankytojai nori perskaityti. Kaip ir IMPACT, jie taip pat turi automatiškai pažymėtą žymimąjį laukelį prenumeratos į informacinį biuletenį savo formoje – kuris, paverstas papildomu žymimuoju laukeliu, yra puikus būdas padidinti prenumeratorių skaičių. Visos šios mažos, atrodytų, nereikšmingos detalės padeda sukurti solidų, nuostabų nukreipimo puslapio dizainą. Pagrindinio puslapio dizainas
11. POVEIKIS Prekės ženklas ir dizainas / Pagrindinio puslapio dizainas
Namo POVEIKIS jau seniai buvo dizainerių įkvėpimo šaltinis. Man patinka paprastas puslapio išdėstymas – nuo didelės pavadinimo kopijos ir detalaus vaizdo iki formą supančio kontūro, iki spalvų ir šriftų, kurie labai džiugina akį.
Nemokamas vadovas IMPACT, kurį čia siūlo atsisiųsti, taip pat neparyškina paties atsisiuntimo mėlyname mygtuke, leidžiančiame pateikti užpildytą formą. Atvirkščiai, IMPACT kviečia „sugeneruoti daugiau konversijų“, sutelkiant dėmesį į tai, ką galite gauti skaitydami vadovą.
Nukreipimo puslapiai, norėdami sužinoti daugiau
12. Nesąmonė
Nenuostabu, kad Atmestas yra šio sąrašo viršuje – jie tikrai parašė knygą apie daug konvertuojančių nukreipimo puslapių kūrimą. Nors šiame nukreipimo puslapyje yra daug nuostabių dalykų, du, kurie man labai patinka: 1) pokalbių langelio naudojimas vietoj klasikinės formos ir 2) išsami, bet gerai supakuota informacija po forma / Pagrindinis puslapis. Puslapio dizainas
Pirmasis padeda nukreipti dėmesį į puslapio paskirtį – užpildyti formą – taip, kad jis nebūtų įkyrus ir neatrodytų kaip reikalas. Antrasis suteikia tam puslapiui SEO postūmį (paieškos sistemos turės daugiau turinio, kurį reikia tikrinti) ir pašalina nerimą iš žmonių, kuriems reikia daugiau sužinoti apie tam tikrą turinį prieš pateikiant informaciją, neatitraukiant žmonių nuo pokalbio lango.
13. Bills.com. Pagrindinio puslapio dizainas
Žmonės dažnai galvoja apie nukreipimo puslapius kaip apie statinius jūsų svetainės puslapius. Tačiau naudodami tinkamus įrankius galite padaryti juos interaktyvius ir suasmenintus.
Paimkite toliau pateiktą pavyzdį su Bills.com. Norėdami sužinoti, ar jums būtų naudinga jų konsultacija, prieš parodydami formą atsakykite į tris klausimus. Tai prasideda taip:
Tada atsakykite į dar du klausimus, pavyzdžiui, žemiau:
Ir štai paskutinė nukreipimo puslapio forma, kurioje užpildote savo informaciją:
Nesu tikras, kaip veikia algoritmas (ar iš viso toks yra), bet pildydamas jį susirūpinau ne kvalifikacijos. Sužinojęs, ką padariau, nekantrauju užpildyti formą, kurią, esu tikras, daro dauguma žmonių, kurie turi skolų ir naudojasi šiuo įrankiu. Padarius šį pasiūlymą išskirtinesnį prieš formai pasirodant nukreipimo puslapyje, aš lažinuosi, kad Bills.com tai padarys žymiai padidinta konversija.
14. Trulia Home Puslapio dizainas
Trulija padarė kažką labai panašaus į Bills.com su savo nukreipimo puslapiu. Jis prasideda paprasta forma, prašant „adreso“ (kuri skamba ne taip šiurpiai nei „jūsų adresas“, nors tai ir reiškia). Po šiuo paprastu formos lauku yra ryškiai oranžinis mygtukas, kuris puikiai kontrastuoja su už formos esančiu simboliu ir pabrėžia, kad sąmata bus pritaikyta jūsų namams.
Žinoma, norint įvertinti namo vertę, neužtenka paties adreso. Tai tiesiog žymi namo aplinką. Štai kodėl kitame puslapyje pateikiami papildomi klausimai apie patį turtą, pvz., lovų ir vonių skaičius. Žemiau galite pamatyti kopiją „Pasakykite mums, kur siųsti ataskaitą“ – su atsisakymu, kad įvesdami šią informaciją sutinkate susisiekti su nekilnojamojo turto agentu. Tai puikus pavyzdys, kaip įmonė nuo pat pradžių vertina savo lankytojus, kartu nustatydama lankytojų lūkesčius, kas bus dėl to.
15. Landbot pagrindinio puslapio dizainas
Landbotas, paslauga, kurianti pokalbių robotais pagrįstus nukreipimo puslapius, savo produktą pateikia pokalbių pagrindu veikiančio nukreipimo puslapio centre. Lankytojus pasitinka draugiškas robotas su jaustukais ir GIF failais, kuris skatina juos teikti informaciją pokalbio formatu, o ne tradicine forma.
16. Interneto pelnas
Šiek tiek kontrasto... o kaip su ilgais nukreipimo puslapiais? Naudodamiesi tik keliomis gudrybėmis, net ilgiausią nukreipimo puslapį galite padaryti trumpą. Toliau pateiktame „Webprofits“ nukreipimo puslapyje parodyta, kaip tai padaryti. Pagrindinio puslapio dizainas
Viršuje dešinėje yra ryškus raginimo veikti mygtukas, kad sužinotumėte daugiau – geras kontrastas fone, kad jis išsiskirtų, ir rodyklė žemyn, skatinanti slinkti. Neįdėdami formos lauko į priekį, jie padeda sumažinti trintį ir suteikia lankytojams galimybę sužinoti daugiau prieš jiems pateikiant konversijos parinktį.
Jie taip pat leidžia suprasti, kas yra iš tikrųjų daro Interneto pelnas . Likusioje puslapio dalyje pateikiama išsami informacija apie tai, ką gausite pateikę informaciją. Be to, jame yra strateginių raginimo veiksmų, padedančių grįžti į viršų ir užpildyti formą, pvz., „Pasikalbėkime“.
17. H.BLOOM
Kartais tereikia sustoti ir pasigrožėti nukreipimo puslapiu, koks jis gražus. Kai naudojama didelės raiškos nuotrauka ir daug baltos vietos nukreipimo puslapyje H.BLOOM malonu žiūrėti.
Be savo grožio, puslapis turi keletą puikių konversijos elementų: pridėtinę formą, aiškų ir glaustą aprašymą, kas nutiks užpildžius formą, ir net ryškiai oranžinį mygtuką „Pateikti“. Vienintelis dalykas, kurį pakeisime? Kopija ant mygtuko Pateikti – tai gali būti konkretesnė siūlomam pasiūlymui. Pagrindinio puslapio dizainas
18. Konversijų laboratorija
Nors į įrašą apie nukreipimo puslapius neįtraukčiau formos įrašo pavyzdžio, ši svetainė yra ypatinga. Домашняя страница yra visa svetainė – naršymo nuorodos tiesiog nukreips jus į toliau pateiktą informaciją. Pagrindinio puslapio dizainas
Spustelėjus „Gauti pagalbos dėl nukreipimo puslapių“, visa svetainė pasislenka, kad būtų vietos formai. Štai kaip jis atrodo prieš spustelėjus:
Ir spustelėję tą raginimo veikti, patikrinkite, kaip atrodo forma:
Man patinka, kad norint užpildyti formą nereikia išeiti iš puslapio, tačiau forma nebus įkyri paprastiems svetainės lankytojams.
Idėjos/Pagrindinio puslapio dizainas
Gerai optimizuotas pagrindinis puslapis gali paversti klientus potencialiais klientais, nes fiksuojama informacija, kuri padės geriau suprasti, parduoti ir pradžiuginti lankytojus. Kadangi nukreipimo puslapiai yra labai svarbūs konversijoms, svarbu įsitikinti, kad jie yra gerai suplanuoti, sukurti ir įvykdyti. Štai keli dalykai, į kuriuos reikia atsižvelgti kuriant tikslingas puslapiai: patraukli estetika: gali padėti tik nukreipimo puslapio spalva ir švari vartotojo sąsaja. Lankytojai norės daugiau sužinoti apie jūsų produktus ir pamatyti jūsų siūlomos vertės įrodymus. Pažvelkite į #10 mūsų sąraše „Inbound Emotion“, kad gautumėte puikų nuostabaus tinklalapio pavyzdį.
Mažiau yra daugiau: leiskite sakiniui arba vaizdams kalbėti, bet būtinai įtraukite visas aprašomąsias antraštes ir pagalbinį tekstą, kad nukreipimo puslapis būtų aiškus ir patrauklus. Tai taikoma beveik kiekvienam puslapio komponentui: tarpai, paprasta kopija ir trumpesnės formos.
Pagrindinio puslapio dizainas
Išlaikykite lankytojus puslapyje: pašalinus pagrindinę naršymo juostą arba visas dėmesį blaškančias atgalines nuorodas, mažiau tikėtina, kad kils potencialių klientų generavimo trintis, dėl kurių lankytojai gali palikti jūsų puslapį.
Dalijimasis socialiniuose tinkluose. Paprastas būdas pritraukti lankytojus į nukreipimo puslapį yra naudoti bendrinimo mygtukussocialiniai tinklai, kad jie galėtų platinti jūsų turinį savo socialinės žiniasklaidos stebėtojams. Juk klientai yra jūsų rinkodaros smagračio centras.
A/B testavimas: svarbu, kad nukreipimo puslapiai veiktų tinkamai, o vartotojų psichologija kartais gali nustebinti, todėl visada geriausia eksperimentuoti su skirtingomis puslapių versijomis, kad sužinotumėte, kurios konversijų rodiklis (CVR) yra didžiausias. Patikrinkite pasiūlymo vietą, CTA tipus ar net spalvų schemą.
Raginimas veikti: raginimas veikti, kai mėsa yra nukreipimo puslapyje arba posūkio taškas, kuriame yra galimybė tapti kontaktais. CTA gali prašyti lankytojų užsiprenumeruoti, atsisiųsti, užpildyti formą, bendrinti socialiniai tinklai ir t. t., bet apskritai CTA būtini norint aktyviau įtraukti auditoriją į savo pasiūlymą. Norint generuoti potencialius klientus, CTA turi būti drąsūs ir patrauklūs, bet svarbiausia, kad jie turi efektyviai perteikti vertę.
Оставить комментарий