nu veți avea niciodată oa doua șansă de a face o primă impresie-de aceea pagina dvs. de pornire este, fără îndoială, una dintre cele mai importante pagini web de pe site-ul dvs. web.
pentru orice companie dată, pagina de pornire este ușa sa virtuală. Dacă un vizitator nou nu-i place ceea ce văd, reacția lor de genunchi este să apese butonul „înapoi”.
asta-i drept-din păcate, o mulțime de oameni încă judeca o carte de coperta.
ce face designul paginii de pornire a unui site web genial în loc de bland?, Este nevoie de mai mult decât pare singur-de asemenea, trebuie să funcționeze bine. De aceea, cele mai strălucitoare pagini de pornire de pe această listă nu înregistrează doar frumusețe, ci și creiere și creativitate.
dar înainte de a ne arunca cu capul în Exemple, să disecăm câteva dintre cele mai bune practici ale designului paginii de pornire.
ce face un site bun?
un site bun răspunde clar” cine sunt”,” ce fac „și/sau” ce puteți face (vizitatorul) aici.,”De asemenea, rezonează cu publicul dvs., are o propunere de valoare, invită vizitatorii la acțiune, este optimizat pentru mai multe dispozitive și se schimbă mereu pentru a se adapta noilor tendințe de design.
toate modelele paginii de pornire prezentate aici folosesc o combinație a următoarelor elemente.
nu fiecare pagină este perfectă, dar cele mai bune modele de pagini de pornire obțin multe dintre acestea.,
77 Exemple Strălucite de Pagini web, Blog-uri & Pagini de Destinație
Spune-ne un pic despre tine de mai jos pentru a avea acces azi:
proiectarea răspunde în mod clar „Cine sunt”, „Ce fac eu,” și/sau „Ce se poate (vizitator) face aici.”
dacă sunteți o marcă sau o companie bine-cunoscută (adică.,, Coca-Cola) ați putea fi capabil să scape cu nu trebuie să descrie cine ești și ce faci; dar realitatea este, cele mai multe întreprinderi încă mai trebuie să răspundă la aceste întrebări, astfel încât fiecare vizitator știe că sunt în „locul potrivit.”
Steven Krugg rezumă cel mai bine în cartea sa cea mai bine vândută, nu mă face să mă gândesc: dacă vizitatorii nu pot identifica ce faci în câteva secunde, nu vor rămâne mult timp.
designul rezonează cu publicul țintă.
o pagină de pornire trebuie să fie concentrată strict – vorbind cu oamenii potriviți în limba lor., Cele mai bune pagini de pornire evită „gobbledygook corporativ” și elimină puful.
designul comunică o propunere de valoare convingătoare.
când un vizitator ajunge pe pagina dvs. de pornire, trebuie să-l oblige să rămână în jur. Pagina principală este cel mai bun loc pentru a vă face propunerea de valoare, astfel încât perspectivele să aleagă să rămână pe site-ul dvs. web și să nu navigheze către concurenții dvs.
designul este optimizat pentru mai multe dispozitive.,
toate paginile de pornire enumerate aici sunt foarte utilizabile, ceea ce înseamnă că sunt ușor de navigat și nu există obiecte „strălucitoare” care să stea în calea navigării, cum ar fi bannere flash, animații, ferestre pop-up sau elemente prea complicate și inutile. Multe sunt, de asemenea, optimizate pentru Dispozitive mobile, ceea ce este un must-have incredibil de important în lumea mobilă de astăzi.
designul include apeluri la acțiune (CTA).
fiecare pagină de pornire listată aici utilizează în mod eficient apelurile la acțiune primare și secundare pentru a direcționa vizitatorii către următorul pas logic., Exemplele includ „încercare gratuită”, „Programează o demonstrație”, „Cumpără acum” sau ” Află mai multe.amintiți-vă, obiectivul paginii de pornire este de a obliga vizitatorii să sape mai adânc în site-ul dvs. și să-i mute mai departe în pâlnie. CTA-urile le spun ce să facă în continuare, astfel încât să nu se copleșească sau să se piardă. Mai important, CTA-urile transformă pagina dvs. de pornire într-un motor de vânzări sau de generare de plumb și nu doar broșură.
designul se schimbă mereu.
cele mai bune pagini de pornire nu sunt întotdeauna statice. Unele dintre ele se schimbă în mod constant pentru a reflecta nevoile, problemele și întrebările vizitatorilor lor., Unele pagini de pornire se schimbă și de la testarea A / B sau conținut dinamic.
designul este eficient.
o pagină bine concepută este importantă pentru construirea încrederii, comunicarea valorii și navigarea vizitatorilor la pasul următor. Ca atare, aceste pagini utilizează în mod eficient aspectul, plasarea CTA, spațiul alb, culorile, fonturile și alte elemente de susținere.acum, pregătește-te să înveți despre designul excelent al paginii de pornire prin următoarele 23 de exemple din viața reală.,
FreshBooks
VIZUALIZA ÎNTREAGA PAGINĂ
de Ce e Genial
- este ușor de a consuma., Există multe dezbateri dacă paginile de pornire scurte sau lungi funcționează mai bine. Dacă alegeți să faceți acest lucru din urmă, trebuie să faceți mai ușor să derulați și să citiți-și exact asta face acest site. Se comportă ca o poveste.
- există o mare utilizare a contrastului și a poziționării cu apelurile primare la acțiune-este clar ce vrea compania să convertiți atunci când ajungeți.
- copia folosită în apelurile la acțiune „începeți gratuit” este foarte convingătoare.
- FreshBooks folosește mărturiile clienților de pe pagina de pornire pentru a spune povești din lumea reală despre motivul utilizării produsului.,
- sub-titlul este de asemenea excelent: „Alăturați-vă peste 10 milioane de proprietari de afaceri mici folosind FreshBooks.”FreshBooks folosește în mod expert dovezi sociale — 10 milioane este un număr mare — pentru a-și obliga publicul țintă să se alăture colegilor lor și să încerce instrumentul.
Airbnb
Vizualiza întreaga pagină
de Ce e Genial
- include destinație și data formularul de căutare care cei mai mulți vizitatori vin în căutarea pentru, în față, ghidarea vizitatorilor la următorul pas logic.,
- formularul de căutare este „inteligent”, ceea ce înseamnă că va completa automat ultima căutare a utilizatorului dacă este conectat.
- apelul principal la acțiune („căutare”) contrastează cu fundalul și iese în evidență; dar apelul secundar la acțiune pentru gazde este vizibil și deasupra pliului.
- oferă sugestii pentru excursii și escapade utilizatorii Airbnb pot rezerva pe același site ca și locuințele lor pentru a-i face pe vizitatori să fie mai încântați de rezervarea călătoriei lor pe site. De asemenea, arată care dintre aceste oferte sunt cele mai populare printre alți utilizatori.,
Pixelgrade
de ce este genial
- – știi chiar de pe bat ce sunt toate despre: Teme WordPress. Titlul Mare, urmat de un subtitlu descriptiv, permite vizitatorilor să știe la ce să se aștepte.
- designul este simplu, iar combinația de culori face o treabă excelentă de a face apelul la acțiune să iasă în evidență.
- partea dreaptă te ajută să vezi cum arată temele lor WordPress, fără a fi nevoie să derulezi sau să sapi mai adânc.,
Menta
Vizualiza întreaga pagină
de Ce e Genial
- este un super design simplu, cu un puternic, nu-jargon titlu și sub-titlu.
- pagina de pornire oferă o atmosferă sigură, dar ușoară, care este importantă pentru un produs care gestionează informațiile financiare.
- De asemenea, conține o copie simplă, directă și convingătoare a apelului la acțiune: „Înscrieți-vă gratuit.”Designul CTA este, de asemenea, genial-pictograma de blocare securizată lovește din nou mesajul de siguranță.,
Dropbox (de Afaceri)
Vizualiza întreaga pagină
de Ce e Genial
- Dropbox transportă peste designul său simplu și branding. Acesta include doar ceea ce este important: o imagine mare, relevantă, cu copie de susținere și un buton de apel la acțiune „încercați gratuit timp de 30 de zile”
- pagina de pornire și site-ul Dropbox este exemplul final de simplitate. Limitează utilizarea copiei și a imaginilor și îmbrățișează spațiul alb.,
- sub-titlul său este simplu, dar puternic: „soluția sigură de partajare și stocare a fișierelor în care angajații și administratorii IT au încredere.”Nu este nevoie să decodați jargonul pentru a afla ce face Dropbox cu adevărat.
4 râuri Smokehouse
de ce este genial
- Drool. Asta e ceea ce cred când ajung la site-ul pentru 4 Rivers Smokehouse. Combinat cu o mare fotografie, titlul ” Brisket. 18 ani pentru a stăpâni. A ta pentru a savura.”sună ca o experiență care merită încercată.,
- defilarea paralaxă vă ghidează într-un tur prin servicii, meniu și oameni care se distrează de minune-o mare utilizare a acestei tendințe populare de design.
- singurul negativ? Nu locuiesc destul de aproape de acest loc. Boo.
Cobb Pediatrie Servicii de Terapie
Vizualiza întreaga pagină
de Ce e Genial
- titlu și sub-titlu apel la vizitatori partea emoțională: „a Lucra Cu o Companie Care Devine”; „Aveți încredere în noi. Și noi am fost acolo! Vom găsi locuri de muncă în cazul în care vă puteți prospera.,”Această propunere de valoare este unică și convingătoare.
- este greu de spus din captura de ecran de mai sus, dar titlul este pe un carusel rotativ care se adresează unor persoane specifice, de la solicitanții de locuri de muncă la persoanele care caută un terapeut pentru școlile lor.
- există mai multe căi pe care vizitatorii le pot parcurge atunci când ajung pe pagină, dar apelurile la acțiune sunt poziționate bine, formulate simplu și contrastează cu restul paginii.,
Melyssa Griffin
Vizualiza întreaga pagină
de Ce e Genial
- Melyssa imediat demonstrează dovada sociale „se Alăture peste 200.000 de alții…”
- ea califică motivul unui vizitator pentru a vizita site-ul ei cu un sondaj rapid și fiecare opțiune se leagă de o ofertă de conținut diferită.
- ea adaugă o față brandului ei. Ea nu este doar un site aleatoriu; ea face clar că este un om pe care oamenii se pot conecta la.,
- pagina folosește culori strălucitoare fără a fi copleșitoare și face ușor de înțeles care sunt ofertele centrale de afaceri ale Melyssa.
Jill Konrath
Vizualiza întreaga pagină
de Ce e Genial
- este simplă și ajunge direct la punct. Din titlu și sub-titlu, este clar exact ce face Jill Konrath (și cum vă poate ajuta afacerea).
- De asemenea, oferă acces ușor la materialele de conducere a gândirii lui Jill, ceea ce este important pentru stabilirea credibilității sale ca vorbitor principal.,
- este ușor să vă abonați la newsletter și să luați legătura-două dintre apelurile sale principale la acțiune.
- abonamentul pop-up CTA folosește dovada socială pentru a vă face să vă alăturați miilor de alți fani.
- acesta include logo-uri de evacuare de știri și mărturii ca dovadă socială.
Evernote
de Ce e Genial
- de-a Lungul anilor, Evernote s-a transformat dintr-o simplă notă app de economisire într-o suită de produse de afaceri., Acest lucru nu este întotdeauna ușor de transmis pe o pagină de pornire, dar Evernote face o treabă bună ambalând multe mesaje potențiale în câteva beneficii cheie.
- Această pagină de pornire folosește o combinație de culori bogate, dezactivate în videoclip și evidențiază semnătura verde și albă strălucitoare pentru a face ca căile de conversie să iasă în evidență.
- urmând un titlu simplu („amintiți-vă totul”), calea ochilor vă conduce apoi la apelul său la acțiune, „Înscrieți-vă gratuit.”
- Evernote oferă, de asemenea, un proces de înscriere cu un singur clic prin Google pentru a ajuta vizitatorii să economisească și mai mult timp.,
Telerik de Progres
de Ce e Genial
- „Înfundat enterprise” nu este sentimentul pe care îl ai atunci când ajunge la Telerik-ul. Pentru o companie care oferă multe produse tehnologice, culorile sale îndrăznețe, designurile distractive și videografia dau o atmosferă asemănătoare Google. Doar un aspect important pentru a face vizitatorii să se simtă bineveniți și să le spună că au de-a face cu oameni reali.
- îmi place prezentarea generală simplă și la nivel înalt a celor șase oferte de produse., Este un mod foarte clar de a comunica ceea ce face compania și modul în care oamenii pot afla mai multe.
- copia este ușoară și ușor de citit. Vorbește limba clienților săi.
eWedding
de Ce e Genial
- Pentru cei care iubesc păsările de planificare ziua lor mare, eWedding este o destinație excelentă pentru construirea unei personalizate site-ul de nunta. Pagina principală nu este aglomerată și include doar elementele necesare pentru a-i determina pe oameni să înceapă să-și construiască site-urile web.
- sub-titlul ” peste 800.000 de site-uri de nunta construite!,”este o mare dovadă socială.
- este inclus efecte vizuale excelente de produs, un titlu mare, și un apel la acțiune, care reduce frecarea cu copia, „Start site-ul.”
Basecamp
de ce este genial
- de mult timp, Basecamp a avut pagini de pornire strălucitoare și aici puteți vedea de ce. Adesea prezintă titluri minunate și desene animate inteligente.
- apelul la acțiune este îndrăzneț și deasupra pliului.,
- în acest exemplu, compania a ales o pagină de pornire mai asemănătoare blogului (sau o abordare a site-ului cu o singură pagină), care oferă mult mai multe informații despre produs.
- citatul clientului este o mărturie îndrăzneață și emfatică vorbind despre beneficiile și rezultatele utilizării produsului.acest lucru nu este tipic pentru site-ul dvs. non-profit. O mulțime de efecte vizuale, copie creativă, și utilizarea de web design interactiv face acest iasă în evidență.
- imaginea animată a antetului este o modalitate excelentă de a capta atenția.,
- acesta folosește utilizări mari de video și fotografie, în special în captarea emoție care provoacă acțiune.de ce este genial
- Această pagină de pornire este frumos proiectat. Îmi place în mod deosebit utilizarea spațiului alb, a culorilor contrastante și a designului centrat pe client.
- titlul este clar și convingător, la fel și apelurile la acțiune.
- există, de asemenea, o ierarhie excelentă a informațiilor, care facilitează scanarea și înțelegerea rapidă a paginii.,
Chipotle
Vizualiza întreaga pagină
de Ce e Genial
- pagina De start este un mare exemplu de agilitate și o permanentă schimbare. Pagina de pornire actuală a Chipotle se referă la vacanța viitoare, pe care o folosește ca o propunere unică de valoare pentru a vă determina să începeți să faceți clic pe site-ul dvs. Când mă gândesc la Chipotle, nu mă gândesc neapărat la catering, dar site-ul este un memento minunat pentru a lua în considerare diferite utilizări pentru burritos pe care deja le cunoașteți și le iubiți.,
- fotografia alimentară este detaliată și frumoasă și, de fapt, mă face să mă uit la ea. Acum, că este o utilizare eficientă a vizuale.
Mediu
Vizualiza întreaga pagină
de Ce e Genial
- Acest lucru este, probabil, una dintre cele mai bune utilizări de spațiu am văzut. Acesta permite tagline App Medium și fotografie pentru a lua în centrul atenției în timp ce încă atrage ochii la titlurile secțiunii mai întunecate de pe site-ul.
- Mediu îl face ușor să vă înscrieți-pe site-ul, sau cu un mesaj text simplu pe telefonul mobil., Sunt mult mai receptiv la un text decât la un e-mail, Deci aceasta este o strategie excelentă pentru a menține oamenii implicați în procesul de înscriere.
- pagina principală folosește dovada socială pentru a-i determina pe vizitatori să înceapă să facă clic: secțiunile „Popular pe mediu” și „Staff Picks” îmi permit să știu unde pot găsi conținut de înaltă calitate.,
Digiday
Vizualiza întreaga pagină
de Ce e Genial
- spre Deosebire de alte știri on-line publicații care inunda paginile cu cât mai multe titluri și imagini posibil, Digiday e prima secțiune prezintă doar un singur articol. Imaginea sa prezentată (în acest caz, una înfricoșătoare) este atrăgătoare, iar titlul cere doar să fie dat clic acum că vizitatorul are o idee despre ceea ce vor citi.,
- partea de sus a paginii de pornire, unde Site-urile web prezintă în mod normal o mulțime de secțiuni și opțiuni diferite pe care să faceți clic, are doar o pictogramă pe care să faceți clic-ceea ce vă duce la o pagină de abonament.
un FEL Gustări
Vizualiza întreaga pagină
de Ce e Genial
- culori îndrăznețe produce contrast, de a face cuvinte și imagini pe pagină.
- CTA – „Magazin fel” – este inteligent. Acesta îndeamnă vizitatorul să facă clic pentru a afla mai multe în timp ce face un joc pe cuvântul „fel” – ceea ce înseamnă că este o alegere bună pentru a face cumpărături acolo.,
- sloganul kind Snacks – uri este drept în sus genial – când l-am citit, mesajul imediat rezonat și ma făcut să vreau să citesc eticheta snack bar lui.
Ahrefs
Vizualiza întreaga pagină
de Ce e Genial
- contrastul De culoare între albastru, alb și portocaliu culori este eye-catching și face un titlu si CTA pop.
- sub-titlul și CTA sunt o pereche convingătoare: pentru a putea începe urmărirea și depășirea concurenților gratuit este o ofertă excelentă.,
- pagina principală prezintă o multitudine de opțiuni pentru vizitator, dar nu este aglomerată datorită fundalului solid și a tipografiei simple.
A24 Filme
Vizualiza întreaga pagină
de Ce e Genial
- filmul pagina companiei este format din numai remorci pentru filme noi. Știm că conținutul video este format pe care publicul dorește să-l vadă mai mult, iar aceasta este o strategie excelentă de a prezenta munca A24 într-un mod extrem de captivant.,
- În partea de sus a paginii de pornire, A24 imediat oferă o multitudine de moduri de a intra în contact prin intermediul mass-media sociale și de e-mail … ceva apreciez ca un vizitator, atunci când atât de multe alte site-uri îngropa informații de contact în partea de jos a paginii.
Ellevest
Vizualiza întreaga pagină
de Ce e Genial
- „Investi Ca o Femeie: Pentru că banii înseamnă putere.”Aceste titluri sunt puternice și mă fac să vreau să aflu mai multe despre produs-atât ca femeie, cât și ca cineva interesat să facă alegeri financiare inteligente.,
- imaginile arată, în loc să spună, una dintre propunerile de valoare ale companiei: un site desktop și o aplicație mobilă care se mișcă cu dvs.
- „începeți” este un CTA excelent-de fapt, îl folosim noi înșine aici la HubSpot. Când faceți clic, vizitatorii trebuie să parcurgă câțiva pași simpli pentru a configura un profil și a începe să investească.,
HubSpot
Vizualiza întreaga pagină
de Ce e Genial (Dacă Am Spune Noi)
- Cu personaje LEGO prinde atenția dumneavoastră (pentru că sunt drăguț), apoi au ingenios de a ilustra și de a consolida mesaje în titlu și sub-titlu.
- acesta poartă un alt ochi-prinderea” începe ” CTA – cu microcopy bonus care detaliază versiunile noastre gratuite Utilizatorii pot alege să faceți upgrade în viitor.,
- de-a Lungul pagina noastră luminoase de culoare albastru si portocaliu teme să se atragă ochi la link-uri și CTAs.
căutați mai multă inspirație? Check out aceste incredibile despre noi pagini.
