nu Ai niciodata o a doua sansa sa faci o prima impresie — e de ce pagina dvs. de pornire este, fără îndoială, una dintre cele mai importante pagini web pe site-ul.
pentru orice companie dată, pagina de pornire este ușa din față virtuală. Dacă un vizitator nou nu-i place ceea ce văd, reacția lor de genunchi este să apese butonul „înapoi”.așa este-din păcate, o mulțime de oameni încă judecă o carte după copertă.
ce face ca designul paginii de pornire a unui site web să fie genial în loc de bla?, Ei bine, este nevoie de mai mult decât arată singur — trebuie să funcționeze bine. De aceea, cele mai strălucite pagini de pornire de pe această listă nu înregistrează doar frumusețe, ci și creiere. 
Dar, înainte de a se arunca cu capul în 16 exemple, să disece unele dintre cele mai bune practici de design pagina.
ce face un Design bun al paginii de pornire a site-ului
toate modelele paginii de pornire afișate aici utilizează 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 corect:
1) răspunde clar „cine sunt”, „ce fac” și/sau „ce poți face tu (vizitatorul) aici.”
dacă sunteți un brand sau o companie bine-cunoscută (adică, Coca Cola), este posibil să puteți scăpa fără a fi nevoie să descrieți cine sunteți și ce faceți; dar realitatea este că majoritatea întreprinderilor trebuie să răspundă la aceste întrebări, astfel încât fiecare vizitator să știe că se află î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.
2) rezonează cu publicul țintă.
o pagină de pornire trebuie să fie concentrată-vorbind cu oamenii potriviți în limba lor. Cele mai bune pagini de pornire evită „gobbledygook corporativ” și elimină puful.
3) 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.
4) 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 dintre ele sunt, de asemenea, optimizate pentru Dispozitive mobile, ceea ce este un must-have incredibil de important în lumea mobilă de astăzi.,
5) include apeluri la acțiune (CTA).
fiecare pagină de pornire listată aici utilizează în mod eficient apeluri 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.”(Iată 30 de exemple de CTA-uri grozave pentru mai multă inspirație.)
rețineți că obiectivul paginii de pornire este de a obliga vizitatorii să sape mai adânc în site-ul dvs. web ș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 uzură de broșuri.
6) se schimbă mereu.
cele mai bune pagini de pornire nu sunt întotdeauna statice. Unele dintre ele, cum ar fi Whitehouse.gov, 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.
7) are un design general excelent.
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 16 Exemple din viața reală.
Web Design Inspirație: 16 dintre cele mai Bune Modele de Pagina de start
1) 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 „încercați-o gratuit timp de 30 de zile” este foarte convingătoare.
- subpoziția este de asemenea excelentă: „Alăturați-vă 5 milioane de persoane care utilizează FreshBooks pentru a trimite facturi fără durere, pentru a urmări timpul și pentru a capta cheltuielile.,”Zerouri pe un punct de durere comun pentru freelanceri și întreprinderile mici (publicul țintă FreshBooks”) — de obicei, software-ul de contabilitate este adesea ” dureros de complex.,”
2) Airbnb
VIZUALIZA ÎNTREAGA PAGINĂ
de Ce e Genial
- pagina De start este superba pe cont propriu: Acesta te intampina cu un ecran complet, video de frumos, de înaltă definiție imagini de călători face activități ca daca sunt localnici, de gătit în bucătărie pentru a cumpara brânzeturi locale pentru a conduce un moped pe străzi. Este foarte uman și autentic.,
- acesta include destinația și data formularul de căutare pe care majoritatea vizitatorilor vin în căutarea, chiar î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.,
3) 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 acasă mesajul de siguranță.,
4) Dropbox (Consumator)
de Ce e Genial
- Dropbox pagina de start și site-ul este exemplul suprem de simplitate. Limitează utilizarea copiei și a imaginilor și îmbrățișează spațiul alb.
- este greu de spus din captura de ecran statică de mai sus, dar acest site capturează atenția cu utilizarea subtilă a animației capricioase în acel grafic.
- sub-titlul lor este simplu, dar puternic :” accesați toate fișierele dvs. de oriunde, de pe orice dispozitiv și partajați-le cu oricine.,”Nu este nevoie să decodați jargonul pentru a afla ce face Dropbox cu adevărat.
- se concentrează pe un singur apel principal la acțiune, ” Înscrieți-vă gratuit.”Dar funcția de înscriere activată de Google reduce frecarea pentru vizitatorii care urăsc completarea formularelor lungi de înregistrare.
5) Dropbox (de Afaceri)
VIZUALIZA ÎNTREAGA PAGINĂ
de Ce e Briliant
- Acesta este un exemplu minunat de a oferi o altă experiență site-ul pentru un public diferit., Spre deosebire de pagina principală, care a fost construită inițial pentru partea consumatorilor (de mai sus), utilizatorii lor de afaceri necesită mai multe informații și dovezi suplimentare că Dropbox pentru afaceri o soluție sigură și scalabilă pentru companii (o problemă de percepție pe care Dropbox o adresează direct pe pagina lor de pornire).
- Dropbox continuă să transporte designul și brandingul simplu. 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”
6) Whitehouse.,gov
de Ce e Genial
- Construirea unui site web care acceptă o întreagă națiune nu este o sarcină ușoară. Whitehouse.gov este o schimbare în mod constant pentru a reflecta preocupările și prioritățile de top – pagina de pornire singur a trecut prin sute de revizuiri. Testarea și optimizarea este o componentă cheie pentru un design genial pagina de start.
- ce este deosebit de grozav Whitehouse.gov este că este complet diferit de majoritatea site-urilor web legate de guvern. Are un design curat și favorizează o comunitate.,
- este destul de ușor să găsiți ceea ce căutați atunci când aterizați aici. Și dacă nu o puteți găsi imediat, există chiar și o casetă de căutare la îndemână.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ă.,
- derularea parallax vă ghidează într — un tur prin serviciile, meniul și persoanele 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.
8) Cobb Pediatrie Servicii de Terapie
VIZUALIZA ÎNTREAGA PAGINĂ
de Ce e Genial
- titlul și subtitlul apel la vizitatori partea emotionala: „Lucrez 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.
- e greu de spus din poza de mai sus, dar titlul este pe un carusel rotativ, care să satisfacă anumite personalități, de la solicitanții de locuri de muncă pentru persoanele care caută un terapeut pentru școlile lor.
- există mai multe căi pe care vizitatorii le pot lua atunci când ajung pe pagină, dar apelurile la acțiune sunt poziționate bine, formulate simplu și contrastează cu restul paginii.,
9) 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.
- acesta include logo-uri de presă și mărturii ca dovadă socială.
10) 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 utilizează o combinație de culori bogate, dezactivate în videoclip și semnătura lor evidențiază verde și alb strălucitor pentru a face ca căile de conversie să iasă în evidență.
- urmând un titlu simplu („amintiți-vă totul”), calea ochilor vă duce apoi la apelul la acțiune, „Înscrieți-vă gratuit.”
11) 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 lor îndrăznețe, desenele 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. Ei vorbesc limba clienților lor.,
12) Boxbee
VIZUALIZA ÎNTREAGA PAGINĂ
de Ce e Genial
- titlul este un apel la acțiune îndreptată direct pentru publicul lor țintă: antreprenorii din industria de stocare.
- are un design foarte curat și simplu. Designul evidențiază titlul și apoi arată imediat apelul principal la acțiune — nu altceva.
- că apelul principal la acțiune este într-o culoare extrem de contrastantă, făcându-l să iasă în evidență.,
13) 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 750.000 de site-uri de nunta construite!”este o mare dovadă socială.,
- Au inclus produs excelent vizuale, un mare titlu, și un call-to-action care reduce frecarea cu copia, „Start-ul.”
14) Basecamp
de Ce e Genial
- Pentru o lungă perioadă de timp, Basecamp a avut genial pagini, ș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.
15) charity: water
de Ce e Genial
- Acest lucru nu este tipic non-profit site-ul. O mulțime de efecte vizuale, copie creativă, și utilizarea de web design interactiv face acest iasă în evidență.
- titlul animat este o modalitate excelentă de a capta mai multe mesaje pe o singură linie.,
- utilizarea mare de video și fotografie, în special în captarea emoție care provoacă acțiune.
16) TechValidate
de Ce e Genial
- Aceasta pagina 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 mare de informații ierarhie, făcându-l ușor pentru a scana și de a înțelege pagina de repede.