Dizajn početne stranice (ili početne stranice) je vizualni i strukturni dizajn prve stranice web stranice koju posjetitelji vide kada prvi put posjete stranicu. Početna stranica igra ključnu ulogu u stvaranju prvog dojma o web-mjestu i pomaže posjetiteljima pronaći potrebne informacije ili se kretati dalje kroz resurs.
1. Shopify dizajn početne stranice
Kao i mnoge druge odredišne stranice u ovom postu, ogledna odredišna stranica Shopify čini ga jednostavnim. Na primjer, naslov usmjeren na korisnika sastoji se od samo nekoliko riječi, a stranica se oslanja na jednostavne grafičke oznake, a ne na odlomke kako bi prenijela pojedinosti i prednosti ispitivanja. Postoji samo nekoliko polja koja je potrebno ispuniti prije nego što počnete. Sve vam to olakšava prodaju putem interneta pomoću vašeg alata.
2. Dizajn početne stranice brnjice
Odredišne stranice pomažu korisnicima da odluče jesu li vaš proizvod ili usluga vrijedni njihovog dragocjenog vremena i energije. Ima li boljeg načina za jasno i izravno komuniciranje vaše ponude vrijednosti od povezivanja posjetitelja sa samim problemom koji vaša aplikacija rješava?
Komentari na Instagramu dobivaju više
NjuškaMac aplikacija koja utišava obavijesti na zaslonu u potpunosti pokriva ovo pokazati bez kazivanja mentalitet na njihovoj minimalnoj odredišnoj stranici. Posjetitelje ove stranice dočekuje brza paljba neugodnih obavijesti u gornjem lijevom kutu zaslona. Animacija nije samo zabavna, već i uvjerljivo dočarava korisnost aplikacije bez dugih opisa.
3. TransferWise dizajn početne stranice
TransferWise omogućuje vam slanje i primanje novca u više valuta, a njegova odredišna stranica, prikazana u nastavku, raščlanjuje svaku pojedinačnu radnju tako da vas ne ometaju opcije koje se ne odnose na vas.
Ako želite poslati novac, možete ispuniti obrazac za prijenos. Da biste primili novac, jednostavno idite na srednju karticu, a da biste se prijavili za TransferWise koristeći svoju debitnu karticu, idite na krajnju desnu karticu.
Svaka kartica na ovoj odredišnoj stranici stvara vlastitu poziv na akciju ovisno o tome za što se prijavljujete – svaki sa jarko zelenim okvirom za isticanje vašeg sljedećeg koraka nakon tri moguće početne točke.
4. Airbnb dizajn početne stranice
Kako bismo pomogli pretvoriti posjetitelje u domaćine, Airbnb nudi primamljivu personalizaciju: grubu procjenu prosječne zarade na temelju vaše lokacije. Možete unijeti dodatne informacije o svom potencijalnom plasmanu u polja kako biste dobili još personaliziraniju procjenu.
Ako ste već posjetili stranicu u koju ste se uvjerili, jasan poziv na radnju na vrhu stranice olakšava pretvaranje na licu mjesta.
5.Teambit
čudan obično nije prva riječ koja vam padne na pamet kada pomislite na HR softver, ali Teambitova vizualna odredišna stranica je upravo to. Jednostavnu formu s jednim poljem prati ljupki ured prepun životinjskih likova - svih njih vrlo zadovoljan s Teambitom, ako te zanima. Životinja iz crtića pojavljuje se pored svakog odjeljka s informacijama na odredišnoj stranici, mameći posjetitelje da se pomaknu prema dolje kako bi saznali više. Dizajn početne stranice
Odredišna stranica Teambit odličan je dokaz da ne morate imati "zabavan" proizvod ili uslugu da biste stvorili smiješnu odredišnu stranicu.
6. Dizajn početne stranice Wistia
Prije svega, ovo je odredišna stranica Wistia za njihov besplatni Wistia račun. Odmah uočavate obrazac s jednim poljem za kreiranje računa - plava pozadina s minimalnim dizajnom u lijepom je kontrastu sa svijetlo bijelim poljem obrasca.
Duljina polja obrasca u kombinaciji s istaknutim položajem eliminira gotovo sve probleme prilikom kreiranja računa... ali ako ste u nedoumici, uvijek se možete pomaknuti ispod kako biste pročitali FAQ. Razdvajanjem to dvoje pomoću živopisnog kontrasta boja, Wistia znatno olakšava proces pretvorbe.
7. Webflow. Dizajn početne stranice
Webflow, alat za dizajn za web programere, pakira mnogo informacija u GIF i tri polja obrasca. Bilo bi lijepo imati cijeli obrazac za registraciju u jednom retku - ne samo da to skraćuje stranicu, već ispunjavanje svakog polja s lijeva na desno pokazuje korisnicima koliko su blizu da kliknu na četvrti plavi gumb i počnu besplatno.
Animirani GIF ispod obrasca prikazan je u istom okviru na web stranici kako bi korisnici mogli vidjeti kako proizvod radi. и registrirajte se bez listanja ili odlaska na novu stranicu.
Dizajn početne stranice e-knjige
8. Dizajn početne stranice Nauto
Naauto, podatkovna platforma za samovozeće automobile, pomaže učiniti autonomnu vožnju sigurnijom za tvrtke koje upravljaju voznim parkom. Naravno, njegovi će klijenti trebati sve informacije za prodaju na ovoj platformi. Nauto je super jednostavan e-knjiga, čija vam odredišna stranica nudi kratki obrazac za kontakt i pregled statistike kako biste dokazali zašto je ovaj resurs toliko važan.
Zeleni gumb "Preuzmi odmah" možda je čak bio namjerno (zeleno ipak znači "kreni").
Pomaknite se prema dolje i vidjet ćete još jedan CTA "Nabavite e-knjigu" da podsjeti korisnike što se sprema. Također ćete vidjeti tri uznemirujuće statistike prometnih nesreća kako biste potaknuli korisnike da saznaju više. Provjerite u nastavku.
9. Dizajn početne stranice Industrial Strong Marketinga
Ova me odredišna stranica odmah privlači svojim neodoljivim, prodornim naslovom: "Ne tjeraj me da zumiram." Ovo govori izravno o općem iskustvu koje većina nas ima kada se pomičemo kroz svoje telefone ili tablete - a također je i pomalo drsko.
Ali to nije jedino što me zainteresiralo za ovu odredišnu stranicu. Primijetite kako je crvena boja strateški postavljena na vrhu i dnu obrasca, privlačeći vas još bliže događaju konverzije.
Također, ovaj dizajn je meta za početak: izgleda i radi sjajno Mobilni uredaji. Imajte na umu da će mnogi posjetitelji pristupati vašim odredišnim stranicama na svojim pametnim telefonima ili tabletima, i ako dizajn vaše web stranice im ne odgovara, mogu odustati i napustiti vašu stranicu.
Stručnjaci za marketing industrijske snage napravili su teren fontovi i obrasci su dovoljno veliki da posjetitelji ne moraju, na primjer, zumirati da bi čitali i komunicirali sa sadržajem.
10. Velaro Live Chat
Ponekad najmanji detalji čine najveću razliku. Na primjer, oni su ti koji čine landing stranicu Velaro chat uživo nevjerojatno.
Taj mali PDF simbol iznad slike stavke pomaže odrediti u kojem će formatu biti preuzimanje. Strelica ispred podnaslova dodatno naglašava važan primjerak koji posjetitelji žele pročitati. Kao i IMPACT, oni također imaju automatski označen okvir za pretplate na newsletter na njihovom obrascu - koji je, ako se pretvori u dodatni potvrdni okvir, izvrstan način da povećate broj svojih pretplatnika. Svi ovi mali, naizgled beznačajni detalji pomažu u stvaranju solidnog, nevjerojatnog dizajna odredišne stranice. Dizajn početne stranice
11. IMPACT Branding i dizajn / Dizajn početne stranice
Dom UDAR dugo su bili izvor inspiracije za dizajnere. Volim jednostavan izgled stranice, od velikog primjerka naslova i detaljne slike, do konture koja okružuje oblik, do boja i fontova koji su vrlo ugodni oku.
Besplatni priručnik koji IMPACT nudi za preuzimanje ovdje također ne ističe samo preuzimanje u plavom gumbu koji vam omogućuje slanje ispunjenog obrasca. Umjesto toga, IMPACT vas poziva da "generirate više konverzija" fokusiranjem na ono što možete dobiti čitanjem vodiča.
Odredišne stranice da biste saznali više
12. Unbounce
Nije ni čudo što Unbounce je na vrhu ovog popisa - stvarno su napisali knjigu o stvaranju odredišnih stranica s visokim brojem konverzija. Iako postoji mnogo nevjerojatnih stvari o ovoj odredišnoj stranici, dvije koje mi se jako sviđaju su: 1) upotreba okvira za razgovor umjesto klasičnog obrasca i 2) detaljne - ali dobro upakirane - informacije ispod obrasca/Početne Dizajn stranice
Prvi pomaže u usmjeravanju pozornosti na svrhu stranice - da ispunite obrazac - na način koji je nenametljiv i ne čini se kao posao. Drugi daje toj stranici SEO poticaj (tražilice će imati više sadržaja za indeksiranje) i uklanja tjeskobu kod ljudi koji trebaju znati više o dijelu sadržaja prije nego što pošalju svoje informacije, bez odvraćanja pozornosti ljudi od prozora za chat.
13. Računi.com. Dizajn početne stranice
Ljudi često zamišljaju odredišne stranice kao statične stranice na vašoj web stranici. No s pravim alatima možete ih učiniti interaktivnima i personaliziranima.
Uzmite primjer u nastavku s Računi.com. Kako biste saznali bi li vam koristilo njihovo savjetovanje, odgovorite na tri pitanja prije nego što vam se pokaže obrazac. Počinje s ovim:
Zatim odgovorite na još dva pitanja poput ovog u nastavku:
I ovdje je konačni obrazac odredišne stranice gdje ispunjavate svoje podatke:
Nisam siguran kako algoritam funkcionira (ili postoji li uopće), ali dok sam ga ispunjavao, malo sam se zabrinuo ne kvalifikacije. Nakon što sam saznao što sam učinio, s uzbuđenjem sam ispunio obrazac, što sigurno čini većina ljudi koji imaju dugove i koriste ovaj alat. Kladim se da će Bills.com učiniti ovu ponudu ekskluzivnijom prije nego što se obrazac pojavi na odredišnoj stranici povećana pretvorba.
14. Dizajn početne stranice Trulia
Trulia napravio nešto vrlo slično Bills.com sa svojom odredišnom stranicom. Započinje jednostavnim obrascem koji traži "adresu" (što zvuči manje jezivo od "vaše adrese", iako je to ono što oni misle). Ispod ovog jednostavnog polja obrasca nalazi se jarko narančasti gumb koji je u dobrom kontrastu sa slikom lika iza obrasca i naglašava da će procjena biti prilagođena vašem domu.
Naravno, sama adresa nije dovoljna za procjenu vrijednosti kuće. Jednostavno označava okolinu kuće. Zato se na sljedećoj stranici nalaze dodatna pitanja o samoj nekretnini, poput broja kreveta i kupaonica. Ispod možete vidjeti kopiju "Recite nam gdje da pošaljemo izvješće" - uz odricanje od odgovornosti da unosom ovih podataka pristajete kontaktirati agenta za nekretnine. Ovo je sjajan primjer kako tvrtka cijeni svoje posjetitelje od samog početka, dok istovremeno postavlja očekivanja posjetitelja o tome što će se dogoditi kao rezultat.
15. Landbot dizajn početne stranice
Landbot, usluga koja stvara odredišne stranice temeljene na chatbotu, postavlja vlastiti proizvod u središte svoje odredišne stranice temeljene na chatu. Posjetitelje dočekuje ljubazan bot—zajedno s emotikonima i GIF-ovima—koji ih potiče da daju informacije u obliku razgovora, a ne u tradicionalnom obliku.
16. Webprofit
Za mali kontrast... što je s dugim odredišnim stranicama? Uz samo nekoliko trikova, čak i najduža odredišna stranica može izgledati kratko. Webprofits odredišna stranica u nastavku pokazuje kako to učiniti. Dizajn početne stranice
Postoji istaknuti CTA gumb u gornjem desnom kutu kako biste saznali više - s dobrim kontrastom na pozadini kako bi se istaknuo i strelicom prema dolje za poticanje pomicanja. Ne postavljajući polje obrasca naprijed, oni pomažu u smanjenju trenja i daju posjetiteljima priliku da nauče više prije nego što im se prikaže opcija konverzije.
Također vam omogućuju da shvatite što je stvarno čini Webprofits . Ostatak stranice sadrži pojedinosti o tome što ćete dobiti kada pošaljete svoje podatke. Osim toga, uključuje strateške CTA-ove koji vam pomažu da se vratite na vrh i ispunite obrazac, kao što je "Razgovarajmo".
17. H.BLOOM
Ponekad jednostavno trebate zastati i diviti se odredišnoj stranici koliko je lijepa. Kada koristite fotografiju visoke rezolucije i puno bijelog prostora na odredišnoj stranici H.BLOOM lijepo za pogledati.
Osim svoje ljepote, stranica ima neke sjajne elemente konverzije: gornji obrazac, jasan i koncizan opis onoga što će se dogoditi kada ispunite obrazac, pa čak i jarko narančasti gumb "Pošalji". Jedina stvar koju ćemo promijeniti? Kopiraj gumb za slanje – ovo može biti specifičnije za ponudu koja se nudi. Dizajn početne stranice
18. Conversionlab
Iako ne bih uključio primjer posta s obrascem u post o odredišnim stranicama, ova je stranica posebna. Početna stranica je cijela stranica - veze za navigaciju jednostavno će vas odvesti do informacija u nastavku. Dizajn početne stranice
Kada kliknete "Dobijte pomoć za odredišne stranice", cijela se stranica pomiče kako bi napravila mjesta za obrazac. Evo kako izgleda prije nego što kliknete:
I, kada kliknete na taj CTA, pogledajte kako obrazac izgleda:
Sviđa mi se što ne morate napustiti stranicu da biste ispunili obrazac, ali obrazac neće biti nametljiv povremenim posjetiteljima stranice.
Ideje/Dizajn početne stranice
Dobro optimizirana početna stranica može pretvoriti kupce u potencijalne kupce prikupljanjem informacija koje će vam pomoći da bolje razumijete, plasirate na tržište i oduševite svoje posjetitelje. Budući da su odredišne stranice ključne za konverzije, važno je osigurati da su dobro planirane, dizajnirane i izvedene. Evo nekoliko stvari koje treba uzeti u obzir prilikom izrade ciljano stranice: Atraktivna estetika: Samo boja vaše odredišne stranice i čisto korisničko sučelje mogu pomoći. Posjetitelji će željeti saznati više o vašim proizvodima i vidjeti dokaze o vrijednosti koju nudite. Pogledajte broj 10 na našem popisu, Inbound Emotion, za izvrstan primjer sjajne web stranice.
Manje je više: neka rečenica ili slike govore većinu, ali svakako uključite sve opisne naslove i popratni tekst kako bi vaša odredišna stranica bila jasna i uvjerljiva. Ovo se odnosi na gotovo svaku komponentu na stranici: prazan prostor, jednostavnu kopiju i kraće obrasce.
Dizajn početne stranice
Zadržite posjetitelje na stranici: uklanjanjem glavne navigacije ili bilo kakvih ometajućih povratnih veza, manja je vjerojatnost da će neka vrsta trzanja u stvaranju potencijalnih kupaca navesti posjetitelje da napuste vašu stranicu.
Dijeljenje na društvenim mrežama. Jednostavan način za privlačenje posjetitelja na vašu odredišnu stranicu je korištenje gumba za dijeljenjedruštvene mreže, kako bi mogli distribuirati vaš sadržaj svojim pratiteljima na društvenim mrežama. Uostalom, kupci su središte vašeg marketinškog zamašnjaka.
A/B testiranje: odredišne stranice važno je pravilno izvoditi, a budući da psihologija potrošača ponekad može biti iznenađujuća, uvijek je najbolje eksperimentirati s različitim verzijama svojih stranica kako biste vidjeli koja ima najveću stopu konverzije (CVR). Provjerite pozicioniranje ponude, vrste CTA-ova ili čak shemu boja.
Call-to-Action: CTA, gdje je meso na odredišnoj stranici, ili prekretnica, gdje je mogućnost da postanete kontakti. CTA mogu tražiti od posjetitelja da se pretplate, preuzmu, ispune obrazac, dijele dalje društvene mreže itd., ali općenito, CTA-ovi su nužni za aktivnije uključivanje vaše publike u vašu ponudu. Kako bi generirali potencijalne kupce, CTA moraju biti odvažni i privlačni, ali što je najvažnije, moraju učinkovito prenijeti vrijednost.
Ostavite komentar