Hasierako orria (edo hasierako orria) diseinua bisitariek webgunea lehen aldiz bisitatzen dutenean ikusten duten webgune baten lehenengo orriaren diseinu bisuala eta egiturazkoa da. Hasierako orriak funtsezko zeregina du gunearen lehen inpresioa sortzeko eta bisitariei behar duten informazioa aurkitzen edo baliabidean gehiago nabigatzen laguntzen die.
1. Shopify Hasierako Orriaren Diseinua
Argitalpen honetako beste helmuga-orri asko bezala, lagin-orrialde Shopify sinple egiten du. Esate baterako, erabiltzaileari zuzendutako izenburua hitz gutxi batzuk besterik ez dira, eta orrialdea paragrafoetan baino puntu soiletan oinarritzen da probaren xehetasunak eta onurak helarazteko. Eremu batzuk besterik ez dira bete behar hasi baino lehen. Horrek guztiak zure tresna erabiliz sarean saltzea errazten dizu.
2. Muzzle Hasiera Orriaren Diseinua
Lurreratze-orriek erabiltzaileei zure produktuak edo zerbitzuak beren denbora eta energia baliotsua merezi duten erabakitzen laguntzen die. Zer modu hoberik zure balio-proposamena argi eta zuzenean komunikatzeko zure bisitariak zure aplikazioak konpontzen duen arazoarekin parekatzea baino?
Instagrameko iruzkinek gehiago lortzen dute
BozalaPantailako jakinarazpenak isilarazten dituen Mac aplikazio batek guztiz estaltzen du hori erakutsi esan gabe mentalitatea beren lurreratze orrialde minimoan. Orrialde honetako bisitariak pantailaren goiko ezkerreko izkinan dauden jakinarazpen baldarren su azkar batek harrera egiten die. Animazioa dibertigarria ez ezik, aplikazioaren erabilgarritasuna ere sinesgarria da deskribapen luzerik gabe.
3. TransferWise Hasierako Orriaren Diseinua
TransferWise Hainbat monetatan dirua bidaltzeko eta jasotzeko aukera ematen dizu, eta behean agertzen den helmuga-orriak ekintza bakoitza banatzen du, zuretzat ez zaizkizun aukerekin despistatu ez zaitezen.
Dirua bidali nahi baduzu, transferentzia formularioa bete dezakezu. Dirua jasotzeko, joan erdiko fitxara eta TransferWise-n erregistratzeko zure zordunketa-txartela erabiliz, joan eskuineko muturrerako fitxara.
Heltze-orri honetako fitxa bakoitzak berea sortzen du ekintzarako deia Izena ematen ari zarenaren arabera - bakoitza marko berde distiratsu batekin zure hurrengo urratsa nabarmentzeko hiru abiapuntu posibleren ondoren.
4. Airbnb-en hasierako orriaren diseinua
Bisitariak ostalari bihurtzen laguntzeko, Airbnb pertsonalizazio tentagarri batzuk eskaintzen ditu: zure kokapenaren araberako batez besteko irabazien gutxi gorabeherako estimazioa. Zure balizko kokapenari buruzko informazio gehigarria sar dezakezu eremuetan, are ebaluazio pertsonalizatuagoa lortzeko.
Konbentzituta zauden orrialde bat bisitatu baduzu dagoeneko, orriaren goialdean ekintzarako dei argi batek berehala bihurtzea errazten du.
5.Taldea
xelebrea Ez da normalean HR softwarean pentsatzen duzunean burura etortzen zaizun lehen hitza, baina Teambit-en lurreratze orri bisuala hori da. Eremu bakarreko inprimaki soil batek animalia pertsonaiez betetako bulego adoragarri batez lagunduta dago - denak Oso pozik Teambit-ekin, interesatzen bazaizu. Marrazki bizidunetako animalia bat agertzen da lurreratze-orriko informazio-atal bakoitzaren ondoan, eta bisitariak beherantz mugitzera erakartzen ditu informazio gehiago lortzeko. Hasierako orriaren diseinua
Heltze orria Teambit Lurreratze orri dibertigarri bat sortzeko produktu edo zerbitzu "dibertigarri"rik izan behar ez duzula froga bikaina da.
6. Wistia Hasierako Orriaren Diseinua
Lehenik eta behin, hau lurreratze orria da Wistia Doako Wistia konturako. Berehala kontu bat sortzeko eremu bakarra duen inprimakia nabarituko duzu - diseinu minimoa duen atzealde urdinak ederki kontraste egiten du inprimaki-eremu zuri distiratsuarekin.
Inprimaki-eremuaren luzerak kokapen nabarmenarekin konbinatuta, ia marruskadura guztiak kentzen ditu kontu bat sortzean... baina zalantza izanez gero, beti joan zaitezke behean Ohiko galderak irakurtzeko. Biak kolore kontraste indartsu batekin bereiziz, Wistiak bihurtze-prozesua askoz errazten du.
7. Web-fluxua. Hasierako orriaren diseinua
Webflow, web garatzaileentzako diseinu tresnak, informazio asko biltzen du GIF batean eta hiru inprimaki-eremutan. Izen-emate inprimaki osoa lerro bakarrean egotea atsegina litzateke; orria laburragoa izateaz gain, eremu guztiak ezkerretik eskuinera betez gero, erabiltzaileei laugarren botoi urdinean klik egitean eta doan hasteko zenbat gertu dauden erakusten zaie.
Inprimakiaren azpiko GIF animatua webguneko marko berean bistaratzen da, erabiltzaileek produktuak nola funtzionatzen duen ikus dezaten. и erregistratu korritu edo orri berri batera joan gabe.
Liburu elektronikoaren hasierako orrialdearen diseinua
8. Nauto Hasierako Orriaren Diseinua
Nauto, auto gidatzen duten autoen datuen plataforma, flotak kudeatzen dituzten enpresentzat gidatzeko autonomoa seguruagoa egiten laguntzen ari da. Jakina, bere bezeroek informazio guztia beharko dute plataforma honetan saltzeko. Nautok oso erraza du liburu elektronikoa, zeinaren helmuga-orriak harremanetarako formulario labur bat eta aurrebista estatistikak eskaintzen dizkizu, baliabide hau zergatik den hain garrantzitsua frogatzeko.
"Deskargatu orain" botoi berdea nahita ere izan daiteke (berdeak "joan" esan nahi du azken finean).
Joan behera eta beste "Eskuratu eBook" CTA bat ikusiko duzu erabiltzaileei dendan zer dagoen gogorarazteko. Auto-istripuen hiru estatistikak ere ikusiko dituzu erabiltzaileak gehiago ikastera animatzeko. Begiratu behean.
9. Industrial Strong Marketing Hasierako Orriaren Diseinua
Heltze-orri honek berehala erakartzen nau bere goiburu gogor eta jasanezinarekin: "Ez egin nazazu zooma". Honek zuzenean hitz egiten du gutako gehienok gure telefonoetan edo tabletetan mugitzen dugunean bizi dugun esperientzia orokorrarekin, eta apur bat lotsagabea ere bada.
Baina hori ez da lurreratze orri honetan interesatu nauen gauza bakarra. Kontuan izan nola kolore gorria estrategikoki jartzen den inprimakiaren goialdean eta behean, bihurketa gertaerara are gehiago hurbiltzen zaituzten.
Gainera, diseinu hau abiarazteko meta da: itxura bikaina du eta funtzionatzen du gailu mugikorrak. Gogoan izan bisitari asko zure helmuga-orrialdeetara sartuko direla beren smartphone edo tabletetan, eta bada zure webgunearen diseinua ez zaie egokitzen, amore eman eta zure orria utzi dezakete.
Industrial Strength Marketing espezialistek egin zuten eremua letra-tipoak eta bisitariek edukia irakurtzeko eta harekin elkarreragiteko, adibidez, zooma egin behar izan ez duten forma nahikoa.
10. Velaro Live Chat
Batzuetan detaile txikienek egiten dute diferentzia handiena. Esaterako, haiek dira helmuga-orria egiten dutenak Velaro zuzeneko txata harrigarria.
Elementuaren irudiaren gaineko PDF ikur txiki horrek deskarga zein formatutan egongo den zehazten laguntzen du. Azpitituluaren aurretik gezi batek arreta gehiago jartzen laguntzen du bisitariek irakurri nahi duten kopia garrantzitsuan. IMPACT bezala, automatikoki markatutako kontrol-laukia ere badute harpidetzak beren inprimakiko buletinera - kontrol-lauki gehigarri batean bihurtzen bada, zure harpidedun kopurua handitzeko modu bikaina da. Xehetasun txiki eta hutsalak diruditen guzti hauek lurreratze orrien diseinu sendo eta harrigarria lortzen laguntzen dute. Hasierako orriaren diseinua
11. ERAGINA Marka eta diseinua / Hasierako orrialdearen diseinua
Hasiera IMPACT aspalditik diseinatzaileentzako inspirazio iturri izan dira. Orrialdearen diseinu sinplea maite dut, izenburuaren kopia handitik eta irudi xehatutik, forma inguratzen duen eskemaraino, begietarako oso atseginak diren kolore eta letra-tipoetaraino.
IMPACT-ek hemen deskargatzeko eskaintzen duen doako eskuliburuak ere ez du deskarga bera nabarmentzen betetako formularioa bidaltzeko aukera ematen duen botoi urdinean. Aitzitik, IMPACT-ek "bihurketa gehiago sortzera" gonbidatzen zaitu, gida irakurtzean irabazten duzunari arreta jarriz.
Lurreratze orriak gehiago jakiteko
12. Ezezkoa
Ez da harritzekoa hori Unbounce zerrenda honen goiko aldean dago - benetan bihurketa handiko lurreratze-orriak sortzeari buruzko liburua idatzi zuten. Lurreratze orri honetan gauza harrigarri asko dauden arren, oso gustuko ditudan bi hauek dira: 1) txat-koadroa erabiltzea inprimaki klasiko baten ordez, eta 2) formularioaren/Hasierako azpian dagoen informazio zehatza, baina ondo bilduta. Orriaren Diseinua
Lehenengoak orriaren helburuari arreta zuzentzen laguntzen dio —inprimaki bat bete dezazuen—, oharkabean eta lan bat ez den moduan. Bigarrenak orrialde horri SEO bultzada ematen dio (bilatzaileek eduki gehiago izango dute arakatzeko) eta informazioa bidali aurretik eduki bati buruz gehiago jakin behar duten pertsonei antsietatea kentzen die, jendea txat-leihotik distraitu gabe.
13. Bills.com. Hasierako orriaren diseinua
Jendeak sarritan uste du helburuko orriak zure webguneko orrialde estatiko gisa. Baina tresna egokiekin, interaktiboak eta pertsonalizatuak egin ditzakezu.
Hartu beheko adibidea honekin Bills.com. Haien kontsultari mesede egingo diozun jakiteko, erantzun hiru galdera formularioa erakutsi aurretik. Honekin hasten da:
Ondoren, beste bi galdera erantzuten dituzu behean bezala:
Eta hona hemen azken helmuga-orriaren inprimakia, non zure informazioa betetzeko:
Ez nago ziur algoritmoak nola funtzionatzen duen (edo halakorik dagoen), baina betetzen ari nintzen bitartean kezkaren bat izan nuen. ez tituluak. Behin egin nuena jakin nuenean, ilusio handiz bete nuen formularioa, eta ziur nago zorrak dituzten eta tresna hau erabiltzen duten gehienek egiten dutela. Eskaintza hau esklusiboagoa eginez formularioa helmugako orrian agertu aurretik, Bills.com-ek nabarmen egingo duela apustu egiten dut bihurketa areagotu.
14. Trulia Home Page Diseinua
Trulia Bills.com-en oso antzeko zerbait egin zuen bere lurreratze orriarekin. "Helbidea" eskatzen duen forma sinple batekin hasten da ("zure helbidea" baino ez da hain beldurgarria ematen duena, hori esan nahi duten arren). Inprimaki-eremu sinple honen azpian botoi laranja distiratsu bat dago, inprimakiaren atzean dagoen karaktere-irudiarekin ondo kontrastatzen duena eta aurrekontua zure etxera pertsonalizatuko dela azpimarratzen duena.
Noski, helbidea bera ez da nahikoa etxearen balioa estimatzeko. Besterik gabe, etxearen ingurua adierazten du. Horregatik, hurrengo orrialdean etxebizitzari buruzko galdera gehigarriak sartzen dira, hala nola ohe eta bainu kopurua. Jarraian, "Esan iezaguzu non bidali txostena"-ren kopia bat ikus dezakezu, informazio hori sartuz higiezinen agentearekin harremanetan jartzea onartzen duzula ohartaraziz. Enpresa batek bere bisitariak hasiera-hasieratik baloratzen dituenaren adibide bikaina da, eta, aldi berean, bisitariei ondorioz gertatuko denari buruzko itxaropenak ezartzen ditu.
15. Landbot Hasierako Orriaren Diseinua
landbot, txatbotetan oinarritutako helmuga-orriak sortzen dituen zerbitzuak, bere produktua jartzen du txatean oinarritutako helmuga-orriaren erdian. Bisitariak bot adeitsu batek agurtzen ditu —emoji eta GIFekin osatua— eta horrek informazioa elkarrizketa formatuan eskaintzera bultzatzen ditu forma tradizionalean baino.
16. Web irabaziak
Kontraste pixka bat egiteko... zer gertatzen da landing page luzeekin? Trikimailu gutxi batzuekin, lurreratze orririk luzeena ere laburra izan dezakezu. Beheko Webprofits helmuga-orriak hau nola egin erakusten du. Hasierako orriaren diseinua
Goiko eskuinaldean CTA botoi nabarmen bat dago gehiago jakiteko - atzeko planoan kontraste onarekin nabarmentzeko eta beherako gezi bat mugitzea sustatzeko. Inprimaki-eremua aurrean ez jartzean, marruskadura murrizten laguntzen dute eta bisitariei gehiago ikasteko aukera ematen diete bihurketa-aukera aurkeztu aurretik.
Benetan zer den ulertzeko ere aukera ematen dute marka Web irabaziak . Gainerako orrialdean zure informazioa bidaltzean jasoko duzunaren xehetasunak ematen dira. Gainera, CTA estrategikoak biltzen ditu goialdera itzultzen laguntzeko inprimakia betetzeko, esate baterako, "Hitz egin dezagun".
17. H.BLOOM
Batzuetan, gelditzea besterik ez duzu eta helmuga orri bat mirestea zein ederra den. Sortze-orrian bereizmen handiko argazkia eta zuriune asko erabiltzean H.BLOOM atsegina ikusteko.
Bere edertasunaz haratago, orriak bihurketa-elementu bikainak ditu: goialdeko inprimakia, inprimakia betetzean gertatuko denaren deskribapen argia eta zehatza eta baita "Bidali" botoi laranja distiratsua ere. Aldatuko dugun gauza bakarra? Kopiatu Bidali botoian - Eskaintzen den proposamenari zehatzagoa izan daiteke. Hasierako orriaren diseinua
18. Conversionlab
Lurreratze-orriei buruzko argitalpen batean inprimaki-argitalpen adibiderik sartuko ez nuke arren, gune hau berezia da. Hasiera orria gune osoa da - nabigazio estekek beheko informaziora eramango zaituzte. Hasierako orriaren diseinua
"Lortu laguntza orrietan" sakatzen duzunean, gune osoa mugitzen da inprimakiari lekua egiteko. Hona hemen klik egin aurretik nolakoa den:
Eta, CTA horretan klik egiten duzunean, begiratu inprimakiak nolakoa den:
Gustuko dut ez duzula orritik irten behar formularioa betetzeko, baina formularioa ez da erasogarria izango guneko bisitarientzat.
Ideiak/Home Orriaren Diseinua
Ondo optimizatutako hasierako orri batek bezeroak lider bilaka ditzake bisitariak hobeto ulertzen, merkaturatzen eta gozatzen lagunduko dizun informazioa jasoz. Lurreratze-orriak bihurketak egiteko funtsezkoak direnez, garrantzitsua da ondo planifikatuta, diseinatuta eta exekutatuta daudela ziurtatzea. Hona hemen sortzerakoan kontuan hartu beharreko zenbait gauza. zuzenduta orrialdeak: Estetika erakargarria: zure helmugako orriaren koloreak eta erabiltzailearen interfaze garbi batek bakarrik lagun dezakete. Bisitariek zure produktuei buruz gehiago jakin nahi dute eta eskaintzen duzun balioaren frogak ikusi. Begiratu gure zerrendako 10. zenbakira, Inbound Emotion, web orri zoragarri baten adibide bikaina lortzeko.
Gutxiago da gehiago: utzi esaldiari edo irudiei hitz egiten, baina ziurtatu deskribapen-titulu guztiak eta testu osagarriak sartzen dituzula zure helmuga orria argi eta erakargarria izan dadin. Hau orriaren osagai ia guztietan aplikatzen da: zuriunea, kopia sinplea eta inprimaki laburragoak.
Hasierako orriaren diseinua
Mantendu bisitariak orrialdean: nabigazio nagusia edo distraitzen duten backlinkak kenduz gero, litekeena da bisitariak zure orria abandonatzera eraman ditzakeen beruna sortzeko marruskaduraren bat izatea.
Sare sozialetan partekatzea. Bisitariak zure lurreratze orrira erakartzeko modu erraz bat partekatzeko botoiak erabiltzea dasare sozialak, zure edukia sare sozialetako jarraitzaileei banatu diezaieten. Azken finean, bezeroak zure marketin-bolantearen erdigunea dira.
A/B probak: helmuga-orriak behar bezala egiteko garrantzitsuak dira, eta, batzuetan, kontsumitzaileen psikologia harrigarria izan daitekeenez, beti da onena zure orrien bertsio ezberdinekin esperimentatzea bihurtze-tasa (CVR) handiena zein den ikusteko. Egiaztatu eskaintzaren kokapena, CTA motak edo baita kolore-eskema ere.
Ekintzarako deia: CTA, haragia helmuga-orrian dagoen tokian, edo inflexio-puntua, kontaktuak izateko aukera dagoenean. CTAek bisitariei harpidetzeko, deskargatzeko, formulario bat betetzeko eta partekatzeko eska diezaiekete sare sozialak etab., baina, oro har, CTAak beharrezkoak dira zure publikoa modu aktiboagoan parte hartzeko zure eskaintzarekin. Erabiltzaileak sortzeko, CTAk ausartak eta erakargarriak izan behar dira, baina garrantzitsuena, balioa eraginkortasunez transmititu behar dute.
Iruzkin bat idatzi