Mājas lapas (vai mājas lapas) dizains ir vietnes pirmās lapas vizuālais un strukturālais dizains, ko apmeklētāji redz, kad viņi pirmo reizi apmeklē vietni. Mājas lapai ir galvenā loma, veidojot pirmo iespaidu par vietni, un tā palīdz apmeklētājiem atrast nepieciešamo informāciju vai orientēties resursā tālāk.
1. Shopify mājas lapas dizains
Tāpat kā daudzas citas šīs ziņas galvenās lapas, galvenās lapas paraugs Shopify padara to vienkāršu. Piemēram, uz lietotāju vērsts virsraksts sastāv tikai no dažiem vārdiem, un lapa balstās uz vienkāršām aizzīmēm, nevis rindkopām, lai sniegtu sīkāku informāciju un izmēģinājuma priekšrocības. Pirms darba sākšanas ir jāaizpilda tikai daži lauki. Tas viss atvieglo pārdošanu tiešsaistē, izmantojot savu rīku.
2. Purna mājas lapas dizains
Galvenās lapas palīdz lietotājiem izlemt, vai jūsu produkts vai pakalpojums ir viņu vērtīgā laika un enerģijas vērts. Kāds ir labāks veids, kā skaidri un tieši paziņot savu vērtības piedāvājumu, nekā saskaņot apmeklētājus ar pašu problēmu, ko risina jūsu lietotne?
Instagram komentāri kļūst vairāk
PurnsMac lietotne, kas apklusina paziņojumus ekrānā, to pilnībā aptver rāda, nestāstot mentalitāti savā minimālajā galvenajā lapā. Šīs lapas apmeklētājus sagaida strauja neveiklu paziņojumu uguns ekrāna augšējā kreisajā stūrī. Animācija ir ne tikai jautra, bet arī pārliecinoši atspoguļo aplikācijas lietderību bez gariem aprakstiem.
3. TransferWise mājas lapas dizains
TransferWise ļauj nosūtīt un saņemt naudu vairākās valūtās, un tās galvenajā lapā, kas parādīta zemāk, ir sadalīta katra atsevišķa darbība, lai jūs netraucētu iespējas, kas uz jums neattiecas.
Ja vēlaties nosūtīt naudu, varat aizpildīt pārskaitījuma veidlapu. Lai saņemtu naudu, vienkārši dodieties uz vidējo cilni un, lai reģistrētos TransferWise, izmantojot savu debetkarti, dodieties uz tālāko labo cilni.
Katra šīs galvenās lapas cilne izveido savu aicinājums uz darbību atkarībā no tā, kam reģistrējaties — katrs ar spilgti zaļu rāmi, lai izceltu nākamo soli pēc trim iespējamiem sākuma punktiem.
4. Airbnb mājas lapas dizains
Lai palīdzētu pārvērst apmeklētājus par saimniekiem, Airbnb piedāvā kādu vilinošu personalizāciju: aptuvenu vidējo ienākumu aprēķinu, pamatojoties uz jūsu atrašanās vietu. Lai iegūtu vēl personalizētāku novērtējumu, laukos varat ievadīt papildu informāciju par savu iespējamo izvietojumu.
Ja jau esat apmeklējis lapu, par kuru esat pārliecināts, lapas augšdaļā redzams skaidrs aicinājums uz darbību atvieglo konvertēšanu uz vietas.
5.Teambit
īpatnējs parasti nav pirmais vārds, kas nāk prātā, domājot par HR programmatūru, taču Teambit vizuālā galvenā lapa ir tieši tāda. Vienkāršu formu ar vienu lauku pavada burvīgs birojs, kas pilns ar dzīvnieku tēliem – visiem ļoti apmierināts ar Teambit, ja jūs interesē. Blakus katrai galvenās lapas informācijas sadaļai tiek parādīts multfilmas dzīvnieks, kas mudina apmeklētājus ritināt uz leju, lai uzzinātu vairāk. Mājas lapas dizains
Galvenā lapa Teambit ir lielisks pierādījums tam, ka, lai izveidotu smieklīgu galveno lapu, nav nepieciešams “jautrs” produkts vai pakalpojums.
6. Wistia mājas lapas dizains
Pirmkārt, šī ir galvenā lapa Wistia savam bezmaksas Wistia kontam. Uzreiz pamanāt veidlapu ar vienu lauku, lai izveidotu kontu - zilais fons ar minimālu dizainu lieliski kontrastē ar spilgti balto formas lauku.
Veidlapas lauka garums apvienojumā ar pamanāmu izvietojumu novērš gandrīz visas nesaskaņas, veidojot kontu... bet, ja jums ir šaubas, vienmēr varat ritināt tālāk, lai izlasītu FAQ. Atdalot abus ar spēcīgu krāsu kontrastu, Wistia padara konvertēšanas procesu daudz vienkāršāku.
7. Tīmekļa plūsma. Mājas lapas dizains
Web plūsma, tīmekļa izstrādātāju noformēšanas rīks, GIF formātā un trīs veidlapas laukos iesaiņo daudz informācijas. Būtu jauki, ja visa reģistrācijas veidlapa būtu vienā rindiņā — tas ne tikai padara lapu īsāku, bet, aizpildot katru lauku no kreisās puses uz labo, lietotājiem tiek parādīts, cik tuvu viņi ir noklikšķināt uz ceturtās zilās pogas un sākt bez maksas.
Animētais GIF, kas atrodas zem veidlapas, tiek parādīts tajā pašā tīmekļa vietnes rāmī, lai lietotāji varētu redzēt, kā produkts darbojas. и reģistrēties, neritinot un nepārejot uz jaunu lapu.
E-grāmatas mājas lapas dizains
8. Nauto mājas lapas dizains
Nauto, pašbraucošu automašīnu datu platforma, palīdz padarīt autonomu braukšanu drošāku uzņēmumiem, kas pārvalda autoparkus. Protams, viņa klientiem būs nepieciešama visa informācija, lai pārdotu šo platformu. Nauto ir ļoti vienkārši e-grāmata, kuras galvenajā lapā ir pieejama īsa saziņas veidlapa un priekšskatījuma statistika, lai pierādītu, kāpēc šis resurss ir tik svarīgs.
Zaļā poga "Lejupielādēt tūlīt", iespējams, pat bija tīšām (zaļā krāsa galu galā nozīmē "iet").
Ritiniet uz leju, un jūs redzēsiet citu CTA “Saņemt e-grāmatu”, lai atgādinātu lietotājiem, kas ir veikalā. Jūs redzēsiet arī trīs satraucošus autoavāriju statistikas datus, lai mudinātu lietotājus uzzināt vairāk. Pārbaudiet to zemāk.
9. Rūpnieciskais spēcīgs mārketings mājas lapas dizains
Šī galvenā lapa mani uzreiz piesaista ar savu neatvairāmo, izteiksmīgo virsrakstu: “Nedari man tālummaiņu”. Tas tieši attiecas uz vispārējo pieredzi, ko vairums no mums gūst, ritinot tālruņus vai planšetdatorus, un tas ir arī nedaudz nekaunīgi.
Bet tas nav vienīgais, kas mani ieinteresēja šajā galvenajā lapā. Ievērojiet, kā sarkanā krāsa ir stratēģiski novietota veidlapas augšdaļā un apakšā, pievelkot jūs vēl tuvāk reklāmguvuma notikumam.
Turklāt šis dizains ir sāknēšanas metas: tas izskatās un darbojas lieliski mobilās ierīces. Ņemiet vērā, ka daudzi apmeklētāji piekļūs jūsu galvenajām lapām savos viedtālruņos vai planšetdatoros, un ja jūsu vietnes dizains viņiem neatbilst, viņi var padoties un atstāt jūsu lapu.
Industrial Strength Marketing speciālisti veica šo jomu fonti un veidlapas ir pietiekami lielas, lai apmeklētājiem nebūtu, piemēram, jātuvina, lai lasītu saturu un mijiedarbotos ar to.
10. Velaro tiešraides tērzēšana
Dažreiz mazākās detaļas rada vislielāko atšķirību. Piemēram, viņi ir tie, kas veido galveno lapu Velaro tiešraides tērzēšana pārsteidzošs.
Šis mazais PDF simbols virs vienuma attēla palīdz noteikt, kādā formātā tiks lejupielādēta. Bultiņa pirms apakšvirsraksta palīdz vēl vairāk izcelt svarīgo eksemplāru, ko apmeklētāji vēlas izlasīt. Tāpat kā IMPACT, tiem ir arī automātiski atzīmēta izvēles rūtiņa abonementi informatīvajam izdevumam savā veidlapā — kas, ja tas tiek pārvērsts par papildu izvēles rūtiņu, ir lielisks veids, kā palielināt savu abonentu skaitu. Visas šīs mazās, šķietami nenozīmīgās detaļas palīdz izveidot stabilu, pārsteidzošu galvenās lapas dizainu. Mājas lapas dizains
11. IMPACT Brendings un dizains / Mājas lapas dizains
Mājas IMPACT jau sen ir bijis dizaineru iedvesmas avots. Man patīk vienkāršais lapas izkārtojums, sākot no liela virsraksta kopijas un detalizēta attēla, līdz kontūrām, kas ieskauj formu, līdz krāsām un fontiem, kas ir ļoti patīkami acij.
Arī bezmaksas rokasgrāmatā IMPACT, ko šeit piedāvā lejupielāde, zilajā pogā, kas ļauj iesniegt aizpildīto veidlapu, nav izcelta pati lejupielāde. IMPACT drīzāk aicina jūs “ģenerēt vairāk reklāmguvumu”, koncentrējoties uz to, ko varat iegūt, lasot ceļvedi.
Galvenās lapas, lai uzzinātu vairāk
12. Neuzteicies
Nav brīnums, ka Unbounce ir šī saraksta augšgalā — viņi patiešām uzrakstīja grāmatu par galveno lapu izveidi ar augstu reklāmguvumu līmeni. Lai gan šajā galvenajā lapā ir daudz pārsteidzošu lietu, divas man ļoti patīk: 1) tērzēšanas lodziņa izmantošana klasiskās veidlapas vietā un 2) detalizēta, taču labi iesaiņota informācija zem veidlapas/mājas lapas dizaina.
Pirmais palīdz pievērst uzmanību lapas mērķim — lai jūs varētu aizpildīt veidlapu — tādā veidā, kas ir neuzkrītošs un nešķiet grūts darbs. Otrais nodrošina šai lapai SEO stimulu (meklētājprogrammām būs vairāk satura, ko pārmeklēt) un novērš trauksmi no cilvēkiem, kuriem pirms informācijas iesniegšanas ir jāzina vairāk par saturu, nenovēršot cilvēku uzmanību no tērzēšanas loga.
13. Bills.com. Mājas lapas dizains
Cilvēki bieži uzskata galvenās lapas kā statiskas lapas jūsu vietnē. Bet, izmantojot pareizos rīkus, varat padarīt tos interaktīvus un personalizētus.
Ņemiet tālāk redzamo piemēru vietnē Bills.com. Lai uzzinātu, vai jums noderētu viņu konsultācija, pirms veidlapas parādīšanas atbildiet uz trim jautājumiem. Tas sākas ar šo:
Pēc tam jūs atbildiet uz vēl diviem jautājumiem, piemēram, zemāk norādīto:
Un šeit ir pēdējā galvenās lapas veidlapa, kurā aizpildāt savu informāciju:
Es neesmu pārliecināts, kā darbojas algoritms (vai, ja tāds vispār ir), bet, aizpildot to, man radās bažas par nē kvalifikāciju. Kad es uzzināju, ko es darīju, es ar prieku aizpildīju veidlapu, ko, esmu pārliecināts, dara lielākā daļa cilvēku, kuriem ir parādi un kuri izmanto šo rīku. Padarot šo piedāvājumu ekskluzīvāku pirms veidlapas parādīšanās galvenajā lapā, es varu derēt, ka Bills.com to darīs ievērojami palielināta konversija.
14. Trulia mājas lapas dizains
Trulia izdarīja kaut ko ļoti līdzīgu vietnei Bills.com ar savu galveno lapu. Tas sākas ar vienkāršu veidlapu, kurā tiek prasīta "adrese" (kas izklausās mazāk rāpojoši nekā "jūsu adrese", lai gan tas ir tas, ko viņi domā). Zem šī vienkāršā veidlapas lauka ir spilgti oranža poga, kas labi kontrastē ar rakstzīmes attēlu aiz veidlapas un uzsver, ka tāme tiks personalizēta jūsu mājām.
Protams, ar pašu adresi nepietiek, lai novērtētu mājas vērtību. Tas vienkārši apzīmē mājas apkārtni. Tāpēc nākamajā lapā ir iekļauti papildu jautājumi par pašu īpašumu, piemēram, par gultu un vannu skaitu. Zemāk jūs varat redzēt kopiju "Pastāsti mums, kur nosūtīt ziņojumu" - ar atrunu, ka, ievadot šo informāciju, jūs piekrītat sazināties ar nekustamā īpašuma aģentu. Šis ir lielisks piemērs tam, kā uzņēmums jau no paša sākuma novērtē savus apmeklētājus, vienlaikus uzstādot apmeklētāju cerības par to, kas tā rezultātā notiks.
15. Landbot mājas lapas dizains
Landbots, pakalpojums, kas izveido uz tērzēšanas robotiem balstītas galvenās lapas, ievieto savu produktu savas tērzēšanas galvenās lapas centrā. Apmeklētājus sagaida draudzīgs robots — komplektēts ar emocijzīmēm un GIF attēliem, kas mudina viņus sniegt informāciju sarunvalodas formātā, nevis tradicionālajā formā.
16. Tīmekļa peļņa
Nelielam kontrastam... kā ar garām galvenajām lapām? Izmantojot tikai dažus trikus, jūs varat padarīt pat garāko galveno lapu īsu. Tālāk esošajā Webprofits galvenajā lapā ir parādīts, kā to izdarīt. Mājas lapas dizains
Augšējā labajā stūrī ir pamanāma CTA poga, lai uzzinātu vairāk — ar labu kontrastu fonā, lai tas izceltos, un lejupvērsta bultiņa, lai veicinātu ritināšanu. Nenovietojot veidlapas lauku priekšā, tie palīdz samazināt berzi un sniedz apmeklētājiem iespēju uzzināt vairāk, pirms viņiem tiek piedāvāta reklāmguvuma opcija.
Tie arī ļauj saprast, kas patiesībā ir dara Tīmekļa peļņa . Lapas pārējā daļā ir sniegta informācija par to, ko jūs saņemsit, kad iesniegsit informāciju. Turklāt tajā ir iekļauti stratēģiski CTA, lai palīdzētu jums virzīties atpakaļ uz sākumu, lai aizpildītu veidlapu, piemēram, “Parunāsim”.
17. H.BLOOM
Dažreiz jums vienkārši jāapstājas un jāapbrīno galvenā lapa, lai uzzinātu, cik tā ir skaista. Izmantojot augstas izšķirtspējas fotoattēlu un daudz baltas vietas galvenajā lapā H.BLOOM patīkami skatīties.
Papildus tās skaistumam lapai ir daži lieliski pārveidošanas elementi: virsraksta veidlapa, skaidrs un kodolīgs apraksts par to, kas notiks, aizpildot veidlapu, un pat spilgti oranža poga “Iesniegt”. Vienīgais, ko mainīsim? Kopēt uz pogas Iesniegt — tas var būt precīzāks piedāvātajam priekšlikumam. Mājas lapas dizains
18. Conversionlab
Lai gan es neiekļautu veidlapas ziņas piemēru ziņā par galvenajām lapām, šī vietne ir īpaša. Conversionlab ir visa vietne — navigācijas saites vienkārši aizvedīs uz tālāk sniegto informāciju. Mājas lapas dizains
Noklikšķinot uz “Saņemt palīdzību galvenajās lapās”, visa vietne tiek pārvietota, lai atbrīvotu vietu veidlapai. Lūk, kā tas izskatās pirms noklikšķināšanas:
Un, noklikšķinot uz šī CTA, pārbaudiet, kā izskatās veidlapa:
Man patīk, ka nav jāiziet no lapas, lai aizpildītu veidlapu, taču veidlapa nebūs uzmācīga nejaušiem vietnes apmeklētājiem.
Idejas/Mājas lapas dizains
Labi optimizēta mājaslapa var pārvērst klientus par potenciālajiem pirkumiem, tverot informāciju, kas palīdzēs labāk izprast, pārdot un iepriecināt apmeklētājus. Tā kā galvenās lapas ir ļoti svarīgas reklāmguvumiem, ir svarīgi pārliecināties, ka tās ir labi plānotas, izstrādātas un izpildītas. Šeit ir dažas lietas, kas jāņem vērā, veidojot mērķtiecīgi lapas: pievilcīga estētika: var palīdzēt tikai galvenās lapas krāsa un tīrs lietotāja interfeiss. Apmeklētāji vēlēsies uzzināt vairāk par jūsu produktiem un redzēt jūsu piedāvātās vērtības pierādījumus. Apskatiet mūsu saraksta 10. vietu — Ienākošās emocijas, lai iegūtu lielisku piemēru lieliskai tīmekļa lapai.
Mazāk ir vairāk: ļaujiet teikumam vai attēliem runāt lielāko daļu, taču noteikti iekļaujiet visus aprakstošos virsrakstus un atbalsta tekstu, lai jūsu galvenā lapa būtu skaidra un saistoša. Tas attiecas uz gandrīz visiem lapas komponentiem: atstarpēm, vienkāršu kopiju un īsākām veidlapām.
Mājas lapas dizains
Saglabājiet apmeklētājus lapā: noņemot galveno navigāciju vai jebkādas traucējošas atpakaļsaites, ir mazāka iespēja, ka radīsies potenciālo pirkumu ģenerēšanas domstarpības, kuru dēļ apmeklētāji varētu pamest jūsu lapu.
Kopīgošana sociālajos tīklos. Vienkāršs veids, kā piesaistīt apmeklētājus savai galvenajai lapai, ir izmantot kopīgošanas pogassociālie tīkli, lai viņi varētu izplatīt jūsu saturu saviem sociālo mediju sekotājiem. Galu galā klienti ir jūsu mārketinga spararata centrs.
A/B testēšana: galvenās lapas ir svarīgas, lai tās darbotos pareizi, un, tā kā patērētāju psiholoģija dažkārt var būt pārsteidzoša, vienmēr vislabāk ir eksperimentēt ar dažādām lapu versijām, lai noskaidrotu, kurai ir visaugstākais reklāmguvumu līmenis (CVR). Pārbaudiet piedāvājuma izvietojumu, CTA veidus vai pat krāsu shēmu.
Aicinājums uz darbību: CTA, kur gaļa atrodas galvenajā lapā vai pagrieziena punkts, kur ir iespēja kļūt par kontaktpersonām. CTA var lūgt apmeklētājiem abonēt, lejupielādēt, aizpildīt veidlapu, kopīgot saturu sociālie tīkli utt., bet kopumā CTA ir nepieciešamas, lai ar savu piedāvājumu aktīvāk iesaistītu auditoriju. Lai radītu potenciālos pirkumus, CTA ir jābūt drosmīgam un saistošam, taču vissvarīgākais ir tas, ka tiem ir efektīvi jānorāda vērtība.
Atstājiet savu komentāru