Thússide (as thússide) ûntwerp is it fisuele en strukturele ûntwerp fan 'e earste side fan in webside dy't besikers sjogge as se de side foar it earst besykje. De thússide spilet in wichtige rol by it meitsjen fan de earste yndruk fan 'e side en helpt besikers de ynformaasje te finen dy't se nedich binne of fierder te navigearjen troch de boarne.
1. Shopify Home Page Design
Lykas in protte fan 'e oare lâningssiden yn dizze post, is de sample lâningsside Shopify makket it simpel. Bygelyks, de brûker-rjochte kop is mar in pear wurden, en de side fertrout op ienfâldige kûgels ynstee fan paragrafen om de details en foardielen fan 'e proef oer te bringen. D'r binne mar in pear fjilden dy't moatte wurde ynfold foardat jo begjinne. Dit alles makket it makliker foar jo om online te ferkeapjen mei jo ark.
2. Muzzle Home Page Design
Landingssiden helpe brûkers beslute as jo produkt of tsjinst har weardefolle tiid en enerzjy wurdich is. Wat is in bettere manier om jo weardefoarstel dúdlik en direkt te kommunisearjen dan troch jo besikers te passen oan it heule probleem dat jo app oplost?
Instagram-kommentaren krije mear
MûtseIn Mac-app dy't notifikaasjes op it skerm stil makket, dekt dit folslein sjen litte sûnder te fertellen mentaliteit op har minimale lâningsside. Besikers fan dizze side wurde begroete troch in rap fjoer fan ûnhandige notifikaasjes yn 'e linker boppeste hoeke fan it skerm. De animaasje is net allinich leuk, mar bringt ek oertsjûgjend it nut fan 'e applikaasje oer sûnder lange beskriuwingen.
3. TransferWise Home Page Design
TransferWise lit jo jild yn meardere faluta ferstjoere en ûntfange, en de lâningsside, hjirûnder werjûn, brekt elke yndividuele aksje op, sadat jo net wurde ôfleid troch opsjes dy't net op jo jilde.
As jo wolle stjoere jild, kinne jo ynfolje it oerdracht formulier. Om jild te ûntfangen, gean gewoan nei it middelste ljepblêd en om jo oan te melden foar TransferWise mei jo debitkaart, gean nei it ljepblêd uterste rjochts.
Elke ljepper op dizze lâningsside makket syn eigen ta aksje oproppe ôfhinklik fan wêrfoar jo jo oanmelde - elk mei in helder grien frame om jo folgjende stap nei trije mooglike útgongspunten te markearjen.
4. Airbnb Home Page Design
Om besikers te helpen konvertearje yn hosts, Airbnb biedt wat ferleidende personalisaasje: in rûge skatting fan gemiddelde ynkomsten basearre op jo lokaasje. Jo kinne ekstra ynformaasje ynfiere oer jo potensjele pleatsing yn 'e fjilden om in noch mear personaliseare beoardieling te krijen.
As jo al in side besocht hawwe wêrfan jo oertsjûge binne, makket in dúdlike oprop ta aksje boppe oan 'e side it maklik om te konvertearjen op it plak.
5.Teambit
eigensinnich is normaal net it earste wurd dat yn 't sin komt as jo tinke oan HR-software, mar Teambit's fisuele lâningsside is krekt dat. In ienfâldige foarm mei ien fjild wurdt begelaat troch in adorable kantoar fol mei bisten karakters - allegear tige bliid mei Teambit, as jo ynteressearre binne. In tekenfilmdier ferskynt neist elke ynformaasjeseksje fan 'e lâningsside, en ferliedt besikers om nei ûnderen te rôljen om mear te learen. Thússide ûntwerp
Lâningside Teambit is in geweldich bewiis dat jo gjin "leuk" produkt of tsjinst hoege te hawwen om in grappige lâningsside te meitsjen.
6. Wistia Home Page Design
As earste is dit de lâningsside Wistia foar har fergese Wistia-akkount. Daliks fernimme jo it formulier mei ien fjild om in akkount te meitsjen - de blauwe eftergrûn mei minimal ûntwerp kontrastet moai mei it helder wite formulierfjild.
De lingte fan it formulierfjild yn kombinaasje mei promininte pleatsing elimineert hast alle wriuwing by it meitsjen fan in akkount ... mar as jo yn twifel binne, kinne jo altyd hjirûnder rôlje om de FAQ te lêzen. Troch de twa te skieden mei in sterke kleurkontrast makket Wistia it konverzjeproses folle makliker.
7. Webflow. Thússide ûntwerp
Webflow, in ûntwerpark foar webûntwikkelders, pakt in protte ynformaasje yn in GIF en trije formulierfjilden. It soe moai wêze om it hiele registraasjeformulier op ien rigel te hawwen - net allinich makket it de side koarter, mar it ynfoljen fan elk fjild fan links nei rjochts lit brûkers sjen hoe ticht se binne by it klikken op de fjirde blauwe knop en fergees te begjinnen.
De animearre GIF ûnder it formulier wurdt werjûn yn itselde frame op 'e webside, sadat brûkers kinne sjen hoe't it produkt wurket. и registrearje sûnder te rôljen of nei in nije side te gean.
Untwerp fan e-boek thússide
8. Nauto Home Page Design
Nauto, in selsridende auto-dataplatfoarm, helpt om autonoom riden feiliger te meitsjen foar bedriuwen dy't floaten beheare. Fansels sille syn kliïnten alle ynformaasje nedich wêze om op dit platfoarm te ferkeapjen. Nauto hat it super ienfâldich e-boek, waans lâningsside jo in koart kontaktformulier en foarbyldstatistiken jout om te bewizen wêrom dizze boarne sa wichtich is.
De griene knop "Download no" kin sels op doel west hawwe (grien betsjut ommers "gean").
Rôlje nei ûnderen en jo sille in oare "Get eBook" CTA sjen om brûkers te herinnerjen wat der yn winkel is. Jo sille ek trije skriklike statistiken oer auto-ûngemakken sjen om brûkers oan te moedigjen mear te learen. Besjoch it hjirûnder.
9. Industrial Strong Marketing Home Page Design
Dizze lâningsside lûkt my daliks yn mei syn ûnwjersteanbere, punchy koptekst: "Do not Make Me Zoom." Dit sprekt direkt oan 'e algemiene ûnderfining dy't de measten fan ús hawwe as wy troch ús tillefoans of tablets rôlje - en it is ek in bytsje brutaal.
Mar dat is net it iennichste dat my ynteressearre yn dizze lâningsside. Merk op hoe't de reade kleur is strategysk pleatst oan de boppe- en ûnderkant fan it formulier, lûkt jo noch tichter by de konverzje evenemint.
Ek dit ûntwerp is meta om te booten: it sjocht en wurket geweldich op mobile apparaten. Hâld der rekken mei dat in protte besikers tagong krije ta jo lâningssiden op har smartphones of tablets, en as ûntwerp fan jo webside past harren net, se meie opjaan en jo side ferlitte.
Spesjalisten foar Industrial Strength Marketing makken it fjild lettertypen en foarmen grut genôch dat besikers bygelyks net hoege te zoomjen om de ynhâld te lêzen en mei te ynteraksje.
10. Velaro Live Chat
Soms meitsje de lytste details it grutste ferskil. It binne bygelyks dejingen dy't de lâningsside meitsje Velaro Live Chat ferbazend.
Dat lytse PDF-symboal boppe de itemôfbylding helpt te bepalen yn hokker formaat de download sil wêze. In pylk foar de subkop helpt de wichtige kopy dy't besikers lêze wolle fierder te markearjen. Lykas IMPACT hawwe se ek in automatysk kontroleare karfakje foar abonneminten nei de nijsbrief op har formulier - wat, as omset yn in ekstra karfakje, in geweldige manier is om jo oantal abonnees te ferheegjen. Al dizze lytse, skynber ûnbelangrike details helpe by te dragen oan in solide, geweldig ûntwerp fan lâningsside. Thússide ûntwerp
11. IMPACT Branding en ûntwerp / Home page design
Home page IMPACT binne al lang in boarne fan ynspiraasje foar ûntwerpers. Ik hâld fan de ienfâldige side-yndieling, fan 'e grutte titelkopy en detaillearre ôfbylding, oant de omtrek dy't de foarm omgiet, oant de kleuren en lettertypen dy't tige noflik binne foar it each.
De fergese hânlieding IMPACT biedt hjir foar download ek markearje de download sels net yn 'e blauwe knop wêrmei jo it ynfolde formulier kinne yntsjinje. Leaver, IMPACT noeget jo út om "mear konversaasjes te generearjen" troch te fokusjen op wat jo kinne winne troch it lêzen fan 'e gids.
Landingssiden om mear te learen
12. Unbounce
Gjin wûnder dat Unbeheind stiet boppe oan dizze list - se skreaunen it boek echt oer it meitsjen fan lâningssiden mei hege konvertearjen. Hoewol d'r in protte geweldige dingen binne oer dizze lâningsside, binne twa dy't ik echt leuk fine: 1) it brûken fan in petearfak ynstee fan in klassike foarm, en 2) de detaillearre - mar goed ynpakt - ynformaasje ûnder it formulier / Homepage-ûntwerp
De earste helpt de oandacht te rjochtsjen op it doel fan 'e side - foar jo om in formulier yn te foljen - op in manier dy't net opfallend is en net fielt as in karwei. De twadde jout dy side in SEO-boost (sykmasines sille mear ynhâld hawwe om te krûpen) en ferwideret eangst fan minsken dy't mear witte moatte oer in stikje ynhâld foardat se har ynformaasje yntsjinje, sûnder minsken ôf te lieden fan it petearfinster.
13. Bills.com. Thússide ûntwerp
Minsken tinke faak oan lâningssiden as statyske siden op jo webside. Mar mei de juste ark kinne jo se ynteraktyf en personaliseare meitsje.
Nim it foarbyld hjirûnder mei Bills.com. Om út te finen oft jo profitearje fan har oerlis, beantwurdzje trije fragen foardat jo it formulier sjen litte. It begjint mei dit:
Dan beantwurdzje jo noch twa fragen lykas de hjirûnder:
En hjir is it lêste formulier foar lâningsside wêr't jo jo ynformaasje ynfolje:
Ik bin net wis hoe't it algoritme wurket (of as der ien is), mar wylst ik it ynfolje hie ik wat soargen oer net kwalifikaasjes. Sadree't ik fûn út wat ik dien, Ik wie optein te foljen it formulier, dat ik bin der wis fan dat de measte minsken dy't hawwe skulden en brûke dit ark dogge. Troch dit oanbod eksklusyf te meitsjen foardat it formulier op 'e lâningsside ferskynt, wedde ik dat Bills.com signifikant sil ferhege konverzje.
14. Trulia Home Page Design
Echt die wat heul gelyk oan Bills.com mei syn lâningsside. It begjint mei in ienfâldige foarm dy't freget om "adres" (wat minder griezelig klinkt as "jo adres", hoewol dat is wat se betsjutte). Under dit ienfâldige formulierfjild is in helder oranje knop dy't goed kontrastearret mei it karakterôfbylding efter it formulier en beklammet dat de skatting wurdt personaliseare nei jo hûs.
Fansels is it adres sels net genôch om de wearde fan it hûs te skatten. It jout gewoan de omjouwing fan it hûs oan. Dêrom befettet de folgjende side ekstra fragen oer it pân sels, lykas it oantal bêden en baden. Hjirûnder kinne jo in kopy sjen fan "Fertel ús wêr't jo it rapport ferstjoere" - mei de disclaimer dat jo troch dizze ynformaasje yn te fieren ynstimme om kontakt op te nimmen mei de ûnreplik guodmakelaar. Dit is in geweldich foarbyld fan hoe't in bedriuw har besikers fan it begjin ôf wurdearret, wylst se tagelyk de ferwachtings fan besikers ynstelle fan wat der sil barre as gefolch.
15. Landbot Home Page Design
Landbot, in tsjinst dy't op chatbot-basearre lâningssiden makket, pleatst syn eigen produkt yn it sintrum fan syn chat-basearre lâningsside. Besikers wurde begroete troch in freonlike bot - kompleet mei emoji's en GIF's - dy't har stimulearret om ynformaasje te leverjen yn in konversaasjeformaat ynstee fan 'e tradisjonele foarm.
16. Webprofits
Foar in bytsje kontrast ... hoe sit it mei lange lâningssiden? Mei mar in pear trúkjes kinne jo sels de langste lâningsside koart meitsje. De lâningsside fan Webprofits hjirûnder lit sjen hoe't jo dit dwaan. Thússide ûntwerp
D'r is in promininte CTA-knop rjochtsboppe om mear te learen - mei goed kontrast op 'e eftergrûn om it opfallend te meitsjen, en in pylk nei ûnderen om it rôljen oan te moedigjen. Troch it formulierfjild net foaroan te pleatsen, helpe se wriuwing te ferminderjen en jouwe besikers de kâns om mear te learen foardat se in konverzje-opsje wurde presintearre.
Se kinne jo ek begripe wat echt is docht Webprofits . De rest fan 'e side jout details oer wat jo sille ûntfange as jo jo ynformaasje yntsjinje. Plus, it omfettet strategyske CTA's om jo te helpen werom te navigearjen nei boppen om it formulier yn te foljen, lykas "Litte wy prate."
17. H.BLOOM
Soms moatte jo gewoan stopje en in lâningsside bewûnderje foar hoe moai it is. By it brûken fan in foto mei hege resolúsje en in protte wite romte op 'e lâningsside H.BLOOM moai om te sjen.
Behalven syn skientme hat de side wat geweldige konverzje-eleminten: in overheadformulier, in dúdlike en beknopte beskriuwing fan wat der barre sil as jo it formulier ynfolje, en sels in helder oranje "Submit" knop. It iennichste dat wy sille feroarje? Kopiearje op 'e knop yntsjinje - Dit kin spesifyk wêze foar it oanbeane foarstel. Thússide ûntwerp
18. Conversionlab
Hoewol ik gjin foarbyldformulierpost soe opnimme yn in post oer lâningssiden, is dizze side spesjaal. Home page is de hiele side - de navigaasjekeppelings bringe jo gewoan nei de ynformaasje hjirûnder. Thússide ûntwerp
As jo klikke op "Hulp krije op lâningssiden", beweecht de heule side om romte te meitsjen foar it formulier. Hjir is hoe't it derút sjocht foardat jo klikke:
En as jo op dy CTA klikke, besjoch dan hoe't it formulier derút sjocht:
Ik fyn it leuk dat jo de side net hoege te ferlitten om it formulier yn te foljen, mar it formulier sil net opdringerig wêze foar tafallige sidebesikers.
Ideeën / Home Page Design
In goed optimalisearre thússide kin klanten omsette yn leads troch it fêstlizzen fan ynformaasje dy't jo sil helpe jo besikers better te begripen, te merkjen en te genietsjen. Om't lâningssiden kritysk binne foar konversaasjes, is it wichtich om te soargjen dat se goed pland, ûntworpen en útfierd binne. Hjir binne in pear dingen dy't jo moatte beskôgje as jo meitsje rjochte siden:Aantreklike estetyk: Allinich de kleur fan jo lâningsside en in skjinne brûkersynterface kinne helpe. Besikers sille mear wolle leare oer jo produkten en bewiis sjen fan 'e wearde dy't jo oanbiede. Besjoch #10 op ús list, Inbound Emotion, foar in geweldich foarbyld fan in bjusterbaarlike webside.
Minder is mear: lit de sin of ôfbyldings it measte prate, mar wês wis dat jo alle beskriuwende koppen en stypjende tekst opnimme om jo lâningsside dúdlik en twingend te meitsjen. Dat jildt foar hast alle ûnderdielen op de side: wite romte, ienfâldige kopy en koartere foarmen.
Thússide ûntwerp
Besikers op 'e side hâlde: Troch de haadnavigaasje of elke ôfliedende efterlinks te ferwiderjen, is it minder wierskynlik in soarte fan leadgeneraasje-friksje dy't besikers kinne liede om jo side te ferlitten.
Diele op sosjale netwurken. In maklike manier om besikers nei jo lâningsside te lûken is troch dielknoppen yn te brûkensosjale netwurken, sadat se jo ynhâld kinne ferspriede oan har followers op sosjale media. Ommers, klanten binne it sintrum fan jo marketing flywheel.
A/B-testen: Landingssiden binne wichtich om goed út te fieren, en om't konsumintepsychology soms ferrassend kin wêze, is it altyd it bêste om te eksperimintearjen mei ferskate ferzjes fan jo siden om te sjen hokker de heechste konvertearingsrate (CVR) hat. Kontrolearje de posysje fan it oanbod, de soarten CTA's, of sels it kleurskema.
Call-To-Action: CTA, wêr't it fleis op 'e lâningsside is, as it kearpunt, wêr't it perspektyf is om kontakten te wurden. CTA's kinne besikers freegje om te abonnearjen, te downloaden, in formulier yn te foljen, te dielen sosjale netwurken ensfh., mar yn 't algemien binne CTA's nedich om jo publyk aktyf te belûken mei jo oanbod. Om leads te generearjen moatte CTA's fet en boeiend wêze, mar it wichtichste moatte se wearde effektyf oerbringe.
Leave a comment