Oblikovanje domače strani (ali domače strani) je vizualno in strukturno oblikovanje prve strani spletnega mesta, ki ga obiskovalci vidijo, ko prvič obiščejo spletno mesto. Domača stran ima ključno vlogo pri ustvarjanju prvega vtisa o spletnem mestu in pomaga obiskovalcem najti informacije, ki jih potrebujejo, ali se pomikati naprej po viru.
1. Oblikovanje domače strani Shopify
Tako kot mnoge druge ciljne strani v tej objavi je tudi vzorčna ciljna stran Shopify naredi preprosto. Na primer, naslov, osredotočen na uporabnika, je le nekaj besed, stran pa se zanaša na preproste oznake in ne na odstavke, da posreduje podrobnosti in prednosti preskušanja. Preden začnete, je treba izpolniti le nekaj polj. Vse to vam olajša spletno prodajo z vašim orodjem.
2. Oblikovanje domače strani gobca
Ciljne strani uporabnikom pomagajo pri odločitvi, ali je vaš izdelek ali storitev vreden njihovega dragocenega časa in energije. Kakšen boljši način za jasno in neposredno sporočanje vaše vrednostne ponudbe kot povezovanje obiskovalcev s samim problemom, ki ga rešuje vaša aplikacija?
Komentarji na Instagramu dobijo več
GobecAplikacija za Mac, ki utiša obvestila na zaslonu, popolnoma pokriva to pokazati brez povedati miselnost na njihovi minimalni ciljni strani. Obiskovalce te strani pozdravi hiter ogenj nerodnih obvestil v zgornjem levem kotu zaslona. Animacija ni le zabavna, ampak tudi prepričljivo podaja uporabnost aplikacije brez dolgih opisov.
3. Oblikovanje domače strani TransferWise
TransferWise vam omogoča pošiljanje in prejemanje denarja v več valutah, njegova ciljna stran, prikazana spodaj, pa razčleni vsako posamezno dejanje, tako da vas ne motijo možnosti, ki za vas ne veljajo.
Če želite poslati denar, lahko izpolnite obrazec za nakazilo. Če želite prejeti denar, preprosto pojdite na srednji zavihek, če se želite prijaviti za TransferWise s svojo debetno kartico, pojdite na skrajni desni zavihek.
Vsak zavihek na tej ciljni strani ustvari svojega poziv k dejanju odvisno od tega, za kaj se prijavljate – vsaka s svetlo zelenim okvirjem, ki označuje vaš naslednji korak po treh možnih začetnih točkah.
4. Oblikovanje domače strani Airbnb
Da bi obiskovalce spremenili v gostitelje, Airbnb ponuja nekaj mamljivih prilagoditev: groba ocena povprečnega zaslužka glede na vašo lokacijo. V polja lahko vnesete dodatne informacije o svoji potencialni zaposlitvi, da dobite še bolj prilagojeno oceno.
Če ste že obiskali stran, o kateri ste se prepričali, jasen poziv k dejanju na vrhu strani olajša pretvorbo na kraju samem.
5.Teambit
domiseln ponavadi ni prva beseda, ki vam pride na misel, ko pomislite na programsko opremo za kadrovske zadeve, vendar je Teambitova vizualna ciljna stran prav to. Preprost obrazec z enim poljem spremlja prikupna pisarna, polna živalskih likov – vseh zelo zadovoljen s Teambitom, če te zanima. Zraven vsakega razdelka z informacijami na ciljni strani se pojavi risana žival, ki privabi obiskovalce, da se pomaknejo navzdol, da izvedo več. Oblikovanje domače strani
Ciljna stran Teambit je odličen dokaz, da vam ni treba imeti "zabavnega" izdelka ali storitve, da ustvarite smešno ciljno stran.
6. Oblikovanje domače strani Wistia
Najprej je to ciljna stran Wistia za njihov brezplačni račun Wistia. Takoj opazite obrazec z enim poljem za ustvarjanje računa - modro ozadje z minimalnim dizajnom je v lepem kontrastu s svetlo belim poljem obrazca.
Dolžina polja obrazca v kombinaciji z vidno umestitvijo odpravi skoraj vsa trenja pri ustvarjanju računa ... če pa ste v dvomih, se lahko vedno pomaknete spodaj in preberete pogosta vprašanja. Z ločitvijo obeh z močnim barvnim kontrastom Wistia zelo olajša postopek pretvorbe.
7. Spletni tok. Oblikovanje domače strani
Webflow, oblikovalsko orodje za spletne razvijalce, zapakira veliko informacij v GIF in tri polja obrazca. Lepo bi bilo imeti celoten obrazec za registracijo v eni vrstici - ne samo, da stran skrajša, ampak izpolnjevanje vsakega polja od leve proti desni uporabnikom pokaže, kako blizu so kliku na četrti modri gumb in začeti brezplačno.
Animirani GIF pod obrazcem je prikazan v istem okvirju na spletni strani, tako da lahko uporabniki vidijo, kako izdelek deluje. и se registrirajte brez listanja ali prehoda na novo stran.
Oblikovanje domače strani e-knjige
8. Oblikovanje domače strani Nauto
Navto, podatkovna platforma za samovozeče avtomobile, pomaga narediti avtonomno vožnjo varnejšo za podjetja, ki upravljajo vozne parke. Seveda bodo njegove stranke potrebovale vse informacije za prodajo na tej platformi. Nauto ima zelo enostavno e-knjiga, katerega ciljna stran vam ponuja kratek kontaktni obrazec in predogled statističnih podatkov, ki dokazujejo, zakaj je ta vir tako pomemben.
Zeleni gumb »Prenesi zdaj« je bil morda celo namenoma (zelen navsezadnje pomeni »pojdi«).
Pomaknite se navzdol in videli boste še en CTA »Pridobite e-knjigo«, ki uporabnike opomni, kaj jih čaka. Videli boste tudi tri osupljive statistične podatke o prometnih nesrečah, ki bodo uporabnike spodbudili, da izvedo več. Preverite spodaj.
9. Oblikovanje domače strani Industrial Strong Marketing
Ta ciljna stran me takoj pritegne s svojim neustavljivim, prodornim naslovom: "Ne prisili me k povečavi." To govori neposredno o splošni izkušnji, ki jo ima večina od nas, ko se pomikamo po naših telefonih ali tablicah – in je tudi nekoliko predrzno.
Vendar to ni edina stvar, ki me je pritegnila k tej ciljni strani. Opazite, kako je rdeča barva strateško postavljena na vrh in dno obrazca, kar vas pritegne še bližje dogodku konverzije.
Poleg tega je ta oblika meta za začetek: izgleda in deluje odlično mobilne naprave. Upoštevajte, da bo veliko obiskovalcev dostopalo do vaših ciljnih strani na svojih pametnih telefonih ali tabličnih računalnikih in če oblikovanje vaše spletne strani jim ne ustreza, lahko obupajo in zapustijo vašo stran.
Strokovnjaki za trženje industrijske moči so naredili teren pisave in so dovolj veliki, da obiskovalcem ni treba na primer povečati, da bi prebrali vsebino in sodelovali z njo.
10. Velaro klepet v živo
Včasih najmanjše podrobnosti naredijo največjo razliko. Na primer, oni so tisti, ki naredijo ciljno stran Velaro klepet v živo neverjetno.
Ta mali simbol PDF nad sliko predmeta pomaga določiti, v kateri obliki bo prenos. Puščica pred podnaslovom še bolj poudari pomembno kopijo, ki jo obiskovalci želijo prebrati. Tako kot IMPACT imajo tudi samodejno potrjeno potrditveno polje za naročnin na glasilo na njihovem obrazcu – kar je odličen način za povečanje števila naročnikov, če ga spremenite v dodatno potrditveno polje. Vse te majhne, na videz nepomembne podrobnosti prispevajo k trdni, neverjetni zasnovi ciljne strani. Oblikovanje domače strani
11. IMPACT Blagovna znamka in oblikovanje / Oblikovanje domače strani
Domov IMPACT že dolgo vir navdiha za oblikovalce. Všeč mi je preprosta postavitev strani, od velike kopije naslova in podrobne slike do obrisa, ki obdaja obliko, do barv in pisav, ki so zelo prijetne za oko.
Brezplačni priročnik IMPACT, ki ga tukaj ponuja za prenos, prav tako ne označuje samega prenosa v modrem gumbu, ki omogoča oddajo izpolnjenega obrazca. Namesto tega vas IMPACT vabi, da "ustvarite več konverzij" tako, da se osredotočite na to, kaj lahko pridobite z branjem vodnika.
Ciljne strani, če želite izvedeti več
12. Odkloni se
Nič čudnega Unbounce je na vrhu tega seznama - res so napisali knjigo o ustvarjanju ciljnih strani z visoko stopnjo konverzije. Čeprav je na tej ciljni strani veliko neverjetnih stvari, sta mi zelo všeč dve: 1) uporaba klepetalnice namesto klasičnega obrazca in 2) podrobne – a dobro zapakirane – informacije pod obrazcem/domačo stranjo Oblikovanje strani
Prvi pomaga usmeriti pozornost na namen strani – da izpolnite obrazec – na način, ki je nevsiljiv in se ne zdi kot opravilo. Drugi daje tej strani povečanje SEO (iskalniki bodo imeli več vsebine za pajkanje) in odpravlja tesnobo pri ljudeh, ki morajo vedeti več o delu vsebine, preden oddajo svoje podatke, ne da bi ljudi odvrnili od okna za klepet.
13. Bills.com. Oblikovanje domače strani
Ljudje si ciljne strani pogosto predstavljajo kot statične strani na vašem spletnem mestu. Toda s pravimi orodji jih lahko naredite interaktivne in prilagojene.
Vzemite spodnji primer z Bills.com. Če želite izvedeti, ali bi vam njihovo posvetovanje koristilo, odgovorite na tri vprašanja, preden se vam pokaže obrazec. Začne se s tem:
Nato odgovorite še na dve vprašanji, kot je spodnje:
In tukaj je končni obrazec ciljne strani, kjer izpolnite svoje podatke:
Nisem prepričan, kako deluje algoritem (ali če sploh obstaja), toda med izpolnjevanjem sem imel nekaj skrbi glede ne kvalifikacije. Ko sem izvedel, kaj sem naredil, sem z veseljem izpolnil obrazec, kar sem prepričan, da počne večina ljudi, ki imajo dolgove in uporabljajo to orodje. Stavim, da bo Bills.com naredil to ponudbo bolj ekskluzivno, preden se obrazec prikaže na ciljni strani povečana konverzija.
14. Oblikovanje domače strani Trulia
Trulia naredil nekaj zelo podobnega Bills.com s svojo ciljno stranjo. Začne se s preprostim obrazcem, ki zahteva "naslov" (kar zveni manj grozljivo kot "vaš naslov", čeprav to pomenijo). Pod tem preprostim poljem obrazca je svetlo oranžen gumb, ki je v dobrem kontrastu s sliko znaka za obrazcem in poudarja, da bo predračun prilagojen vašemu domu.
Za oceno vrednosti hiše seveda sam naslov ni dovolj. Preprosto označuje okolico hiše. Zato so na naslednji strani dodatna vprašanja o sami nepremičnini, kot je število ležišč in kopalnic. Spodaj si lahko ogledate kopijo "Povejte nam, kam naj pošljemo poročilo" - z zavrnitvijo odgovornosti, da se z vnosom teh podatkov strinjate, da boste stopili v stik z nepremičninskim posrednikom. To je odličen primer, kako podjetje že od samega začetka ceni svoje obiskovalce, hkrati pa obiskovalcem postavlja pričakovanja, kaj se bo posledično zgodilo.
15. Oblikovanje domače strani Landbot
landbot, storitev, ki ustvarja ciljne strani, ki temeljijo na chatbotu, postavlja svoj izdelek v središče svoje ciljne strani, ki temelji na klepetu. Obiskovalce pozdravi prijazen bot – skupaj z emodžiji in GIF-ji – ki jih spodbuja k zagotavljanju informacij v pogovorni obliki namesto v tradicionalni obliki.
16. Spletni dobiček
Za malo kontrasta ... kaj pa dolge ciljne strani? Z le nekaj triki lahko poskrbite, da bo tudi najdaljša ciljna stran videti kratka. Spodnja ciljna stran Webprofits prikazuje, kako to storiti. Oblikovanje domače strani
V zgornjem desnem kotu je viden gumb CTA, da izveste več – z dobrim kontrastom na ozadju, da izstopa, in puščico navzdol, ki spodbuja drsenje. Ker polja obrazca ne postavijo spredaj, pomagajo zmanjšati trenje in obiskovalcem omogočijo, da izvedo več, preden se jim ponudi možnost pretvorbe.
Prav tako vam omogočajo, da razumete, kaj je v resnici naredi Spletni profili . Preostali del strani vsebuje podrobnosti o tem, kaj boste prejeli, ko oddate svoje podatke. Poleg tega vključuje strateške CTA-je, ki vam pomagajo pri krmarjenju nazaj na vrh in izpolnjevanju obrazca, na primer »Pogovorimo se«.
17. H.BLOOM
Včasih se morate preprosto ustaviti in občudovati ciljno stran, kako lepa je. Pri uporabi fotografije visoke ločljivosti in veliko belega prostora na ciljni strani H.BLOOM lepo za pogledat.
Poleg svoje lepote ima stran nekaj odličnih elementov pretvorbe: zgornji obrazec, jasen in jedrnat opis, kaj se bo zgodilo, ko izpolnite obrazec, in celo svetlo oranžen gumb »Pošlji«. Edino, kar bomo spremenili? Kopiraj na gumb za oddajo – To je lahko bolj specifično za ponujen predlog. Oblikovanje domače strani
18. Conversionlab
Čeprav ne bi vključil primera objave obrazca v objavo o ciljnih straneh, je to spletno mesto posebno. Домашняя страница je celotno spletno mesto - navigacijske povezave vas bodo preprosto pripeljale do spodnjih informacij. Oblikovanje domače strani
Ko kliknete »Poiščite pomoč pri ciljnih straneh«, se celotno spletno mesto premakne, da naredi prostor za obrazec. Tako izgleda, preden kliknete:
In ko kliknete ta CTA, preverite, kako izgleda obrazec:
Všeč mi je, da vam ni treba zapustiti strani, da izpolnite obrazec, vendar obrazec ne bo moteč za naključne obiskovalce spletnega mesta.
Ideje/Oblikovanje domače strani
Dobro optimizirana domača stran lahko stranke spremeni v potencialne stranke z zajemanjem informacij, ki vam bodo pomagale bolje razumeti, tržiti in navdušiti vaše obiskovalce. Ker so ciljne strani ključnega pomena za konverzije, je pomembno zagotoviti, da so dobro načrtovane, zasnovane in izvedene. Tukaj je nekaj stvari, ki jih morate upoštevati pri ustvarjanju usmerjeno strani: Privlačna estetika: Pomagata lahko samo barva vaše ciljne strani in čist uporabniški vmesnik. Obiskovalci bodo želeli izvedeti več o vaših izdelkih in videti dokaze o vrednosti, ki jo ponujate. Oglejte si številko 10 na našem seznamu, Inbound Emotion, za odličen primer odlične spletne strani.
Manj je več: Naj povedo večino stavek ali slike, vendar ne pozabite vključiti vseh opisnih naslovov in podpornega besedila, da bo vaša ciljna stran jasna in prepričljiva. To velja za skoraj vsako komponento na strani: prazen prostor, preprosto kopijo in krajše obrazce.
Oblikovanje domače strani
Zadržite obiskovalce na strani: Z odstranitvijo glavne navigacije ali kakršnih koli motečih povratnih povezav je manj verjetno, da bi šlo za nekakšno trenje pri ustvarjanju potencialnih strank, zaradi katerega bi obiskovalci zapustili vašo stran.
Deljenje na družbenih omrežjih. Enostaven način za privabljanje obiskovalcev na vašo ciljno stran je uporaba gumbov za skupno rabodružbena omrežja, tako da lahko distribuirajo vašo vsebino svojim sledilcem v družbenih medijih. Navsezadnje so stranke središče vašega marketinškega vztrajnika.
A/B testiranje: ciljne strani je pomembno, da delujejo pravilno, in ker je psihologija potrošnikov včasih lahko presenetljiva, je vedno najbolje, da eksperimentirate z različnimi različicami svojih strani, da vidite, katera ima najvišjo stopnjo konverzije (CVR). Preverite pozicioniranje ponudbe, vrste CTA-jev ali celo barvno shemo.
Call-to-Action: CTA, kjer je meso na ciljni strani, ali prelomnica, kjer je možnost, da postanete kontakti. CTA lahko od obiskovalcev zahtevajo, da se naročijo, prenesejo, izpolnijo obrazec, delijo naprej družbena omrežja itd., vendar so na splošno CTA-ji potrebni, da vaše občinstvo bolj aktivno vključite v svojo ponudbo. Za ustvarjanje potencialnih strank morajo biti CTA-ji drzni in privlačni, a kar je najpomembnejše, morajo učinkovito posredovati vrednost.
Оставить комментарий