Dizajn početne stranice (ili početne stranice) je vizualni i strukturalni dizajn prve stranice web stranice koju posjetitelji vide kada prvi put posjete stranicu. Početna stranica igra ključnu ulogu u stvaranju prvog utiska o web lokaciji i pomaže posjetiteljima da pronađu informacije koje su im potrebne ili da se kreću dalje kroz resurs.
1. Dizajn početne stranice Shopify
Kao i mnoge druge odredišne stranice u ovom postu, primjer odredišne stranice Shopify čini jednostavnim. Na primjer, naslov fokusiran na korisnika sastoji se od samo nekoliko riječi, a stranica se oslanja na jednostavne znakove za nabrajanje, a ne na paragrafe kako bi prenijela detalje i prednosti suđenja. Postoji samo nekoliko polja koja treba popuniti prije nego što počnete. Sve ovo vam olakšava online prodaju pomoću vašeg alata.
2. Dizajn početne stranice Muzzle
Odredišne stranice pomažu korisnicima da odluče da li su vaš proizvod ili usluga vrijedni njihovog dragocjenog vremena i energije. Ima li boljeg načina da jasno i direktno komunicirate svoju ponudu vrijednosti nego da posjetitelje povežete sa samim problemom koji vaša aplikacija rješava?
Instagram komentari dobijaju više
NjuškaMac aplikacija koja utišava obavijesti na ekranu to u potpunosti pokriva pokazati bez da kažeš mentalitet na njihovoj minimalnoj odredišnoj stranici. Posetioce ove stranice dočekuje brza paljba neprijatnih obaveštenja u gornjem levom uglu ekrana. Animacija nije samo zabavna, već i uvjerljivo prenosi korisnost aplikacije bez dugih opisa.
3. TransferWise dizajn početne stranice
TransferWise omogućava vam da šaljete i primate novac 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 da pošaljete novac, možete popuniti obrazac za transfer. Da biste primili novac, jednostavno idite na srednju karticu i da se prijavite za TransferWise koristeći svoju debitnu karticu, idite na krajnju desnu karticu.
Svaka kartica na ovoj odredišnoj stranici kreira svoju poziv na akciju ovisno o tome za što se prijavljujete - svaki sa svijetlozelenim okvirom koji će istaknuti vaš sljedeći korak nakon tri moguće početne točke.
4. Dizajn početne stranice Airbnb-a
Da pomognete da posjetitelje pretvorite u domaćine, Airbnb nudi primamljivu personalizaciju: grubu procjenu prosječne zarade na osnovu 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 uvjereni, jasan poziv na akciju na vrhu stranice olakšava konverziju na licu mjesta.
5.Teambit
neobičan nije obično prva riječ koja vam pada na pamet kada pomislite na HR softver, ali Teambitova vizualna odredišna stranica je upravo to. Jednostavnu formu s jednim poljem prati i simpatičan ured pun životinjskih likova - svi oni vrlo zadovoljan sa Teambitom, ako si zainteresovan. Životinja iz crtanog filma 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 je odličan dokaz da ne morate imati “zabavan” proizvod ili uslugu da biste kreirali smiješnu odredišnu stranicu.
6. Dizajn početne stranice Wistia
Prije svega, ovo je odredišna stranica Wistia za njihov besplatni Wistia nalog. Odmah primjećujete obrazac sa jednim poljem za kreiranje naloga - plava pozadina s minimalnim dizajnom je u lijepom kontrastu sa svijetlo bijelim poljem obrasca.
Dužina polja obrasca u kombinaciji sa istaknutim položajem eliminiše skoro sva trenja prilikom kreiranja naloga... ali ako ste u nedoumici, uvek možete da skrolujete ispod da biste pročitali FAQ. Razdvajajući to dvoje jakim kontrastom boja, Wistia čini proces konverzije mnogo lakšim.
7. Webflow. Dizajn početne stranice
Webflow, alat za dizajn za web programere, pakuje mnogo informacija u GIF i tri polja obrasca. Bilo bi lijepo imati cijeli obrazac za registraciju u jednom redu – ne samo da to čini stranicu kraćom, već popunjavanje svakog polja s lijeva na desno pokazuje korisnicima koliko su blizu klika na četvrto plavo dugme i besplatnog početka.
Animirani GIF ispod obrasca prikazan je u istom okviru na web stranici tako da korisnici mogu vidjeti kako proizvod radi. и registrirajte se bez pomicanja ili odlaska na novu stranicu.
Dizajn početne stranice e-knjige
8. Dizajn početne stranice Nauto
Nauto, platforma za podatke o automobilima koji se samostalno voze, pomaže da se autonomna vožnja učini sigurnijom za kompanije koje upravljaju voznim parkom. Naravno, njegovim klijentima će biti potrebne sve informacije za prodaju na ovoj platformi. Nauto je super jednostavan e-knjiga, čija vam odredišna stranica daje kratak obrazac za kontakt i pregled statistike kako biste dokazali zašto je ovaj resurs toliko važan.
Zeleno dugme "Preuzmi odmah" možda je čak bilo namerno (zeleno znači "idi" ipak).
Pomaknite se prema dolje i vidjet ćete još jedan CTA "Preuzmi e-knjigu" koji će podsjetiti korisnike šta se sprema. Također ćete vidjeti tri strašne statistike saobraćajnih nesreća kako biste podstakli korisnike da saznaju više. Pogledajte u nastavku.
9. Industrijski jak marketing dizajn početne stranice
Ova odredišna stranica odmah me privlači svojim neodoljivim, prodornim naslovom: „Nemoj me zumirati“. Ovo direktno govori o opštem iskustvu koje većina nas ima kada skrolujemo kroz naše telefone ili tablete - i to je takođe malo drsko.
Ali to nije jedina stvar koja me je zainteresirala za ovu odredišnu stranicu. Obratite pažnju na to kako je crvena boja strateški postavljena na vrh i na dno obrasca, privlačeći vas još bliže događaju konverzije.
Takođe, ovaj dizajn je meta za pokretanje: izgleda i radi odlično mobilnim uređajima. 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 fontove i forme dovoljno velike da posjetitelji ne moraju, na primjer, zumirati da bi čitali i komunicirali sa sadržajem.
10. Velaro Live Chat
Ponekad i najmanji detalji čine najveću razliku. Na primjer, oni su ti koji prave odredišnu stranicu Velaro Live Chat neverovatno.
Taj mali PDF simbol iznad slike stavke pomaže u određivanju formata u kojem će biti preuzimanje. Strelica ispred podnaslova pomaže da se dodatno istakne važan primerak koji posetioci žele da pročitaju. Kao i IMPACT, oni također imaju automatski potvrđen okvir za potvrdu pretplate na bilten na njihovom obrascu - što je, ako se pretvori u dodatni okvir za potvrdu, odličan način da povećate broj pretplatnika. Svi ovi mali, naizgled beznačajni detalji pomažu u stvaranju solidnog, nevjerovatnog dizajna odredišne stranice. Dizajn početne stranice
11. UTICAJ Brendiranje i dizajn / Dizajn početne stranice
Главная страница IMPACT dugo su bili izvor inspiracije za dizajnere. Volim jednostavan izgled stranice, od velike kopije naslova i detaljne slike, preko obrisa koji okružuje oblik, do boja i fontova koji su vrlo ugodni za oko.
Besplatni priručnik IMPACT koji ovdje nudi za preuzimanje također ne ističe samo preuzimanje u plavom dugmetu koje vam omogućava da predate popunjeni obrazac. Umjesto toga, IMPACT vas poziva da “generirate više konverzija” fokusirajući se na ono što možete dobiti čitanjem vodiča.
Odredišne stranice da saznate više
12. Unbounce
Nije ni čudo Unbounce je na vrhu ove liste – oni su zaista napisali knjigu o kreiranju odredišnih stranica sa visokim stepenom konverzije. Iako postoji mnogo nevjerovatnih stvari o ovoj odredišnoj stranici, dvije koje mi se jako sviđaju su: 1) korištenje okvira za razgovor umjesto klasičnog obrasca i 2) detaljne - ali dobro upakovane - informacije ispod obrasca/dizajna početne stranice
Prvi pomaže u fokusiranju pažnje na svrhu stranice – da ispunite obrazac – na način koji je nenametljiv i ne izgleda kao obaveza. Drugi daje toj stranici SEO poticaj (pretraživači će imati više sadržaja za indeksiranje) i uklanja anksioznost kod ljudi koji trebaju znati više o dijelu sadržaja prije nego što pošalju svoje informacije, bez odvlačenja pažnje ljudi od prozora za ćaskanje.
13. Bills.com. Dizajn početne stranice
Ljudi često misle o odredišnim stranicama kao o statičnim stranicama na vašoj web stranici. Ali uz prave alate, možete ih učiniti interaktivnim i personaliziranim.
Uzmite donji primjer sa Bills.com. Da biste saznali da li biste imali koristi od njihove konsultacije, odgovorite na tri pitanja prije nego što vam se pokaže obrazac. Pocinje sa ovim:
Zatim odgovorite na još dva pitanja poput ovog ispod:
A evo i konačnog obrasca za odredišnu stranicu gdje popunjavate svoje podatke:
Nisam siguran kako algoritam funkcionira (ili postoji li ga uopće), ali dok sam ga popunjavao imao sam neke brige oko ne kvalifikacije. Kada sam saznao šta sam uradio, bio sam uzbuđen što sam ispunio formular, što sam siguran da većina ljudi koji imaju dugove i koriste ovaj alat čini. Učinivši ovu ponudu ekskluzivnijom prije nego što se obrazac pojavi na odredišnoj stranici, kladim se da će Bills.com značajno povećana konverzija.
14. Trulia Home Page Design
Trulia uradio nešto vrlo slično Bills.com sa svojom odredišnom stranicom. Počinje jednostavnim obrascem tražeći "adresu" (što zvuči manje jezivo od "vaša adresa", iako to znači). Ispod ovog jednostavnog polja obrasca nalazi se svijetlo narandžasto dugme koje je u kontrastu sa slikom lika iza obrasca i naglašava da će procjena biti personalizirana za vaš dom.
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 ležajeva i kupatila. Ispod možete vidjeti primjerak "Recite nam gdje da pošaljemo izvještaj" - uz odricanje od odgovornosti da unosom ovih podataka pristajete da kontaktirate agenta za nekretnine. Ovo je odličan primjer kako kompanija cijeni svoje posjetitelje od samog početka, dok istovremeno postavlja očekivanja posjetitelja o tome šta će se kao rezultat dogoditi.
15. Dizajn početne stranice Landbot
Zemljišni, usluga koja kreira odredišne stranice zasnovane na chatbotu, postavlja vlastiti proizvod u središte svoje odredišne stranice zasnovane na chatu. Posjetioce dočekuje prijateljski bot – zajedno sa emojijima i GIF-ovima – koji ih potiče da daju informacije u konverzacijskom formatu, a ne u tradicionalnom obliku.
16. Webprofits
Za mali kontrast... šta je sa dugim odredišnim stranicama? Uz samo nekoliko trikova, možete učiniti da čak i najduža odredišna stranica izgleda kratko. Webprofits odredišna stranica ispod pokazuje kako to učiniti. Dizajn početne stranice
Postoji istaknuto CTA dugme u gornjem desnom uglu da biste saznali više – sa dobrim kontrastom na pozadini da bi se istakla, i strelicom nadole koja podstiče skrolovanje. 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 predstavi opcija konverzije.
Takođe vam omogućavaju da razumete šta je zaista radi Webprofits . Ostatak stranice pruža detalje o tome šta ćete dobiti kada pošaljete svoje podatke. Osim toga, uključuje strateške CTA-ove koji će vam pomoći da se vratite na vrh i ispunite obrazac, kao što je „Hajde da razgovaramo“.
17. H.BLOOM
Ponekad samo trebate stati 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 popunite formular, pa čak i jarko narandžasto dugme „Pošalji“. Jedina stvar koju ćemo promijeniti? Kopiraj na dugmetu 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 objave obrasca u postu o odredišnim stranicama, ova stranica je posebna. Početna stranica je cijela stranica - navigacijske veze će vas jednostavno odvesti do informacija ispod. Dizajn početne stranice
Kada kliknete na "Potražite pomoć na odredišnim stranicama", cijela stranica se pomiče kako bi se napravilo mjesta za obrazac. Evo kako to izgleda prije nego što kliknete:
A kada kliknete na taj CTA, pogledajte kako izgleda obrazac:
Sviđa mi se što ne morate napustiti stranicu da biste ispunili formular, ali obrazac neće biti nametljiv za slučajne posjetitelje stranice.
Ideje/Dizajn početne stranice
Dobro optimizirana početna stranica može pretvoriti kupce u potencijalne klijente prikupljanjem informacija koje će vam pomoći da bolje razumijete, plasirate i oduševite svoje posjetitelje. Budući da su odredišne stranice kritične za konverzije, važno je osigurati da su dobro planirane, dizajnirane i izvedene. Evo nekoliko stvari koje treba uzeti u obzir prilikom kreiranja ciljano stranice: Atraktivna estetika: Samo boja vaše odredišne stranice i čisto korisničko sučelje mogu pomoći. Posjetioci će htjeti saznati više o vašim proizvodima i vidjeti dokaze o vrijednosti koju nudite. Pogledajte broj 10 na našoj listi, Inbound Emotion, za odličan primjer sjajne web stranice.
Manje je više: Neka rečenica ili slike govore većinu, ali svakako uključite sve opisne naslove i prateći tekst kako bi vaša odredišna stranica bila jasna i uvjerljiva. Ovo se odnosi na gotovo svaku komponentu na stranici: razmak, jednostavnu kopiju i kraće forme.
Dizajn početne stranice
Zadržite posjetitelje na stranici: Uklanjanjem glavne navigacije ili bilo kakvih povratnih veza koje ometaju, manje je vjerovatno da će biti neka vrsta trenja u stvaranju potencijalnih kupaca koji bi mogli navesti posjetitelje da napuste vašu stranicu.
Dijeljenje na društvenim mrežama. Jednostavan način da privučete posjetitelje na svoju odredišnu stranicu je korištenje dugmadi za dijeljenjedruštvene mreže, tako da mogu distribuirati vaš sadržaj svojim pratiocima na društvenim mrežama. Na kraju krajeva, kupci su centar vašeg marketinškog zamašnjaka.
A/B testiranje: Odredišne stranice su važne za pravilan rad, a budući da psihologija potrošača ponekad može biti iznenađujuća, uvijek je najbolje eksperimentirati s različitim verzijama vaših stranica kako biste vidjeli koja ima najveću stopu konverzije (CVR). Provjerite pozicioniranje ponude, tipove CTA-a ili čak shemu boja.
Poziv na akciju: CTA, gdje je meso na odredišnoj stranici, ili prekretnica, gdje postoji mogućnost da postanete kontakti. CTAs mogu tražiti od posjetitelja da se pretplate, preuzmu, popune obrazac, podijele dalje društvene mreže itd., ali općenito, CTA-ovi su neophodni da bi se vaša publika aktivnije uključila u vašu ponudu. Da bi generirali potencijalne klijente, CTA-ovi moraju biti hrabri i privlačni, ali što je najvažnije, moraju djelotvorno prenositi vrijednost.
Оставить комментарий