9 exemple de design de pagină de pornire care funcționează
Publicat: 2020-10-11Proiectarea unei pagini de pornire care să iasă în evidență în marea altor site-uri web, toate concurând pentru cel puțin o parte din publicul țintă, poate fi o afacere dificilă. Doriți ca designul dvs. să ilustreze cine sunteți ca marcă, mesajul pe care încercați să-l transmiteți și ceea ce reprezentați. Și, desigur, vrei să arate bine.
Pentru a vă inspira și pentru a vă ajuta să începeți, am compilat o listă de nouă exemple de design de pagină de pornire care pur și simplu funcționează. Sperăm că vă vor împrumuta câteva idei pentru propria pagină de pornire și vă vor face procesul de proiectare mai ușor.
Deschideți cu mesajul dvs. cheie
Secțiunea eroi a paginii tale de pornire este cea mai valoroasă piesă imobiliară a ta. Acesta este primul lucru pe care îl vor vedea oamenii când ajung pe site-ul dvs. și aceasta este șansa dvs. de a le capta imediat interesul.
O modalitate bună de a face asta este să deschideți cu punctul dvs. principal. De exemplu, Forms on Fire se deschide imediat cu mesajul lor de vânzare și nu există nicio îndoială cu privire la ceea ce oferă. Valoarea lor de bază este reprezentată aici: facilitează munca prin digitizarea formularelor.
Sursa: formsonfire.com
Și adaugă și altceva eroului tău
În afară de acel mesaj cheie scris într-un font mai mare care iese în evidență pe eroul tău, poți adăuga și o copie suplimentară acolo. Asta depinde de tipul de afacere pe care o faceți și mai întâi veți dori să luați în considerare modul în care publicul dvs. țintă ar putea reacționa la un pic mai mult exemplar de vânzări imediat.
De exemplu, Freshbooks are alte două propoziții adăugate la secțiunea eroului lor, care le aprofundează sloganul și adaugă câteva cuvinte mai puternice: ușor, rapid, sigur .
Sursa: freshbooks.com
Alege culori care ies în evidență
Culorile pe care alegeți să le includeți în designul dvs. pot fi mult mai importante decât ați putea crede. Culorile diferite invocă diferite tipuri de emoții și este posibil să trimiteți, fără să știți, mesajul greșit.
Schema ta de culori poate spune multe despre cine ești ca marcă: culorile vibrante vor vorbi despre jocul și atitudinea ta relaxată, un site web alb-negru poate reflecta latura ta elegantă, verdele poate arăta oamenilor că ești o marcă ecologică și curând.
Iată un exemplu de la Pixelgrade, care a ales să opteze pentru o abordare foarte colorată – acest tip de design vă atrage cu siguranță atenția și, în acest caz, prezintă și diferitele lucruri pe care le puteți face cu produsul lor.
Sursa: pixelgrade.com
Folosiți cifre pentru a vă ilustra punctele
Uneori, numerele pot vorbi mai tare decât cuvintele. Așa că, în loc să precizezi câți clienți cu care ai lucrat, cea mai bună alegere ar fi să conduci la punct acasă folosind cifre reale.
De asemenea, ar trebui să scoateți în evidență aceste numere - folosiți un font mai mare, utilizați o culoare contrastantă, plasați-le într-o secțiune proeminentă a paginii dvs.
My Company Works își arată experiența cu numere dure, iar acest lucru funcționează foarte bine – la urma urmei, a avea peste 60 000 de clienți nu este cu adevărat o laudă, ci mai mult o declarație.
Sursa: mycompanyworks.com
Folosiți ilustrații personalizate
În afară de cifrele și cuvintele pe care le aveți pe pagina dvs. de pornire, ar trebui să existe un fel de elemente vizuale implicate. Puteți utiliza videoclipuri, imagini, animații sau ilustrații. Atâta timp cât ceea ce alegeți este complet personalizat și aliniat cu identitatea mărcii dvs., nu puteți greși.
Accentuăm aici cuvântul personalizat , deoarece nu doriți să utilizați imaginile pe care altcineva le-a prezentat deja. Nu te-ar face să ieși în evidență, nu te-ar face recunoscut și cu siguranță nu s-ar potrivi cu povestea mărcii tale la fel de mult ca ceva original.
Evernote are niște elemente grafice foarte simple pe pagina lor de pornire – totuși ilustrează perfect punctele, sunt în ton cu restul designului paginii și nu distrag prea atenția de la copie în sine.
Sursa: evernote.com
Sau arată un pic din produs
De asemenea, puteți utiliza capturi de ecran (sau aproape capturi de ecran) care vor afișa produsul real pe pagina dvs. de pornire. Puteți obține același scop cu un videoclip demonstrativ, dar știind că nu toată lumea va fi interesată sau va avea timp pentru videoclip, puteți în continuare să arătați produsul și să obțineți niște imagini frumoase dintr-o singură lovitură.
Mint folosește imagini ale aplicației lor pe pagina de pornire – aceste imagini sunt personalizate, se potrivesc bine cu designul general și, evident, fac treaba de bază de a arăta ce este produsul și cum poate ajuta pe cineva în viața de zi cu zi.
Sursa: mint.com
Lauda-te cu realizarile tale
Deși această tactică cu siguranță nu va funcționa în fiecare industrie și cu siguranță nu va atrage orice tip de public, uneori, lăudarea cu cele mai mari realizări ale tale poate aduce o mulțime de clienți noi.
Cu toate acestea, aveți grijă cum prezentați acest lucru. Nu vrei să fie totul despre tine. Vrei ca contractele tale de top sau funcțiile de top să arate că faci o treabă bună și că poți ajuta persoana care se uită la pagina ta - nu că ești incredibil și scump și nu lucrezi cu oricine.
Jill Konrath face acest lucru cu logo-uri – secțiunea de eroi a site-ului ei are un rând de sigle mari de nume de edituri și vă spune instantaneu că a fost prezentată în câteva reviste și ziare foarte importante. Și nu este prea deranjant și nici prea în față. Functioneaza.
Sursa: jillkonrath.com
Alegeți un CTA puternic
Orice poate fi un CTA. Îl poți face scurt, îl poți face foarte lung sau îl poți face previzibil. Toate acele „contact”, „click aici” și altele asemenea – pot deveni puțin banale după un timp.
În plus, un CTA ar trebui să urmărească, de asemenea, să ofere un fel de valoare, dacă este posibil. Dacă ceri cuiva să se aboneze la newsletter-ul tău, există cu siguranță o modalitate mai bună de a o spune decât „înscrie-te” – în funcție de publicul tău țintă, desigur. Multe site-uri web folosesc o varietate de „conținut minunat aici”. Și funcționează.
Startup Resources are un CTA grozav, de exemplu. Acesta încapsulează tot ceea ce înseamnă brandul: alăturați-vă listei de e-mail de peste 2.000 de antreprenori și primiți un e-mail organizat săptămânal cu instrumente utile pe care le puteți încerca.
Sursa: startupresources.io
Fă-l al tău
În cele din urmă, principalul sfat pe care ar trebui să-l iei din acest articol este că pagina ta de pornire trebuie să fie a ta. Chiar dacă nu respectați niciunul dintre sfaturile pe care le-am enumerat mai sus, chiar dacă niciuna dintre aceste idei nu vă atrage – este în regulă.
Proiectați o pagină de pornire care să fie în conformitate cu ceea ce doriți să fie și cu ceea ce credeți că va aprecia publicul dvs. Lasă-l să arate cine ești cu adevărat ca marcă și ca set de indivizi din spatele mărcii.
Pentru a ilustra acest punct, iată exemplul lui Ahrefs. Au încorporat câteva dintre elementele despre care am vorbit: CTA grozav, cifre reci, capturi de ecran ale produsului, drepturi de lăudare – dar pagina lor de pornire este de fapt mult mai mult decât atât. Este o reflectare a mărcii lor, motiv pentru care funcționează atât de incredibil de bine.
Sursa: ahrefs.com
Pentru a rezuma totul
Aruncă o privire la câteva dintre ideile de design pe care le-am enumerat și începe să schițezi propriul design al paginii de pornire. Amintiți-vă că va fi o lucrare în desfășurare pentru totdeauna - și veți avea întotdeauna mai multe idei și veți dori să o faceți și mai bună. Opriți-vă într-un punct în care simțiți că pagina funcționează, în care este în concordanță cu marca și publicul țintă și scoateți-o pentru un test drive.
This content has been Digiproved © 2020 Tribulant Software