Primeri veb-sajtova vam lažu: Vodič za agencije

Sažetak

Primeri veb-sajtova izgledaju kao gotovi proizvodi, ali su zapravo odgovori na pitanje koje još niste postavili. Većina timova skuplja primere, pokazuje ih klijentima, a zatim pokušava da replicira izgled. Taj proces ne uspeva jer kopira površinu umesto strukture. Ovaj članak ispravlja šest mitova o primerima veb-sajtova: duhoviti naslov, heroj koji objašnjava sve, dodatni CTA, industrijska pravila, predaju "gotovo je kad izgleda dobro" i instinkt kopiranja šablona. Svaka ispravka vam daje ponovljivu kritiku koju možete primeniti na sledeći projekat svakog klijenta. Iskoristite sekvencu jednom i prestaćete da pravite stranice koje izgledaju kao primeri i počećete da pravite stranice koje rade ono što primeri rade.

Da li sajt vašeg klijenta izgleda tačno kao primer koji su voleli, a i dalje deluje mrtvo? Niste sami. Stranica ima isti raspored, iste boje, iste podebljane tipove. I dalje ne konvertuje. Evo zašto: primeri veb-sajtova su odgovori, ne šabloni. Napravljeni su da reše jedan konkretan problem za jednu konkretnu publiku. Kopirajte njihovu površinu i ne nasleđujete nijednu njihovu logiku. Ovaj vodič ubija šest mitova o primerima veb-sajtova, tako da svaki primer možete pretvoriti u ponovljivu kritiku koja funkcioniše na sledećem klijentu. Koristite je na svakom projektu, ne samo na zabavnim.

Mit: Samo neka izgleda kao primer

Počnite od posla koji treba obaviti. Pre nego što otvorite bilo koji primer, zapišite jednu akciju koju ova stranica mora da omogući. Ne akcije. Jednu. Za SaaS stranicu: započnite probni period. Za stranicu agencije: zakažite poziv. Za portfolio: pošaljite upit. Sada otvorite primere. Jedini koje vredi zadržati su stranice koje guraju stranca ka toj vrsti odluke uz najmanje otpora.

Realnost: stranica je mašina sa jednim izlazom. Ovo je mesto gde većina posla krene naopako. Timovi kreću od vizuelnog sloja. Sviđa im se hero, sviđa im se boja, sviđa im se kombinacija fontova. Zatim te elemente ponovo izgrade na stranici koja ima potpuno drugačiji posao. Rezultat izgleda kao primer, a ponaša se nimalo slično. Primer je konvertovao jer je njegova struktura odgovarala njegovom poslu. Vaš nosi kostim.

Rešenje je test od jedne rečenice. Za svaki primer koji sakupite, zapišite: Ova stranica ubeđuje [tip posetioca] da [jedna akcija]. Ako ne možete da dovršite tu rečenicu, primer je dekoracija. Nastavite da skupljate dekoraciju ako pomaže vašoj tabli raspoloženja, ali je nemojte stavljati pred klijenta kao strategiju.

Evo kako se to odvija na različitim nalozima. Imate klijenta koji prodaje softver i klijenta koji prodaje coaching. Dve različite industrije, isto pitanje. Posetilac stigne. Koja je jedna akcija koja unapređuje odnos? Za klijenta sa softverom: započni probni period. Za coach-a: zakaži poziv. Zapišite to i držite na stolu. Svaka dizajn odluka, svaki izbor teksta, svaka sekcija na stranici ili podržava tu akciju ili se uklanja. Ovo je ponovljivi deo. Ne zavisi od ukusa. Zavisi od odluke koju ste doneli pre otvaranja bilo kog alata.

To je suštinska razlika između kopiranja i izgradnje: kopiranje ponavlja ono što vidite, izgradnja ponavlja ono što je primer odlučio. Kada prvo identifikujete odluku, možete ukrasti njihov kostur umesto njihove kože. Uradite to i isti primer može poslužiti za SaaS stranicu, stranicu agencije i portfolio. Klijent se menja. Logika ne.

Mit	Realnost
Odličan veb-sajt izgleda prepoznatljivo	Odličan veb-sajt daje strancu jedan jasan zadatak
Hero treba da objasni sve	Hero treba da zaradi skrol
Više CTA-ova znači više konverzija	Jedna stranica, jedna primarna akcija
Jasno znači više teksta	Jasno znači manje, bolje odabranih reči
Primeri su šabloni za kopiranje	Primeri su dokaz odluke
Kada izgleda dobro, gotovo je	Stranica je hipoteza sve dok je saobraćaj ne dokaže

Mit: Jaka marka znači duhoviti naslov

Pogledajte Calendly-jev sajt. Njegova prva linija je "Zakažite sastanke bez razmene imejlova." Ništa duhovito. Nema dosetki, nema igre reči. Navodi ishod i uklanja bol. Tako treba da funkcioniše vrednosna ponuda: imenujte promenu koju kupac dobija i otpor koji uklanjate.

Realnost: jasnoća pobeđuje duhovitost. Klijenti će vam se suprotstaviti po ovom pitanju. Žele "disrupt", "empower", "unleash". Te reči ne znače ništa posetiocu koji odlučuje da li da klikne. Posetioca ne zanima misija vašeg klijenta. Zanima ga šta se dešava nakon klika.

Uzmite klijenta koji prodaje finansijski coaching. Njihov trenutni hero kaže "Pomažemo ljudima da izgrade bogatstvo sa samopouzdanjem." To je kategorija, ne obećanje. Prepišite: "Dobijte jasan mesečni plan štednje u jednom 45-minutnom pozivu." Koja verzija govori strancu šta će dobiti? Koja verzija čini sledeći korak očiglednim? To je ona koju treba objaviti.

Zato pišite naslov kao rečenicu koju bi kupac rekao kolegi. Ne slogan. Rečenicu. Ako bi rečenica nekoga zbunila, kratite je dok ne prestane. Zatim uradite isto za podnaslov: jedna linija podrške, ne pasus. Najjasnije stranice to čine uporno. Pogledajte obrazac u bilo kom skupu SaaS stranica sa visokom konverzijom: čist naslov, kratak podnaslov, jedan poziv na akciju. Primeri koji osvajaju nagrade ponekad krše ovaj obrazac. Primeri koji konvertuju retko.

Marka je važna, ali ne tamo gde mislite. Marka živi u glasu, vizuelima i osećaju stranice. Naslov nije mesto za enigmatičnost. Naslov je mesto za jednostavnost. Kada se klijenti usprotive, pitajte ih da navedu jednu kompaniju kojoj se dive zbog slogana koji ih zbunjuje pri prvom čitanju. Neće je naći. Zbunjenost je neprijatelj akcije.

Mit: Iznad preloma znači nagurati sve u hero

Prelom nije linija koju treba popuniti. To je tačka odlučivanja. Posetilac pogleda prvi ekran i odgovara na tri pitanja: Šta je ovo? Za koga je? Šta treba da kliknem? Ako hero mora da radi više od toga, već ste izgubili one koji su mogli da konvertuju.

Realnost: prelom je filter. Pogledajte hero sekcije koje rade. Linear-ova početna stranica je referenca: minimalan naslov, minimalan podnaslov, jedan sledeći korak. Bez karusela. Bez "Saznaj više" koji se takmiči sa "Započni." Samo jedan očigledan put napred. Ostatak priče dolazi nakon odluke, ne pre nje.

Ovo je mit koji košta najviše poverenja klijenata, jer prazan prostor deluje nedovršeno nekome ko je platio dizajn. Držite liniju. Hero sa jasnim naslovom i jednim CTA-om nije nedovršen. To je filter. Govori pogrešnom posetiocu da brzo ode, a pravom gde da klikne.

Uradite test pokrivanja. Stavite komad papira preko dna ekrana na svakom primeru koji razmatrate. Ako ne možete odgovoriti na tri pitanja iz onoga što ostane, odbacite primer. Uradite isto za trenutni sajt vašeg klijenta. Vežba traje dva minuta i najbrži je način da dokažete da stranica pokušava da uradi previše.

Čućete "moramo da iskoristimo prostor." To je klijentova anksioznost, ne dizajn princip. Prostor nije protraćen; dvosmislenost je protraćena. Posetilac koji mora da provali kako stranica funkcioniše je posetilac koji već odlazi. Iskoristite prelom da odgovorite na praktična pitanja, a onda se znojite nad kreativnim detaljima niže na stranici.

Evo kontroverznog dela: ni minimalizam nije cilj. Oskudan hero koji nikada ne kaže šta proizvod radi samo je lepa zagonetka. Jasnoća je cilj. Minimalizam je taktika koja pomaže jasnoći, a nered je taktika koja je ubija. Ocenite svaki element po tome da li pomaže posetiocu da donese jednu odluku. Ako ne pomaže, izbacite ga. Ako pojašnjava, zadržite ga čak i ako dizajn deluje zauzeto. Test nije "da li je čisto?" Test je "da li stranac vidi put?"

Mit: Više CTA-ova znači više šansi za konverziju

Uradite CTA reviziju sutra. Otvorite početnu stranicu svog klijenta i prebrojte svako dugme i link koji se takmiči sa glavnom akcijom. Većina stranica ima nekoliko: "Saznaj više," "Istraži usluge," "Kontaktirajte nas," "Pročitaj blog," "Pogledaj cene." Kada svaki element traži pažnju, nijedan je ne dobija. Posetilac reaguje tako što ne radi ništa.

Realnost: jedna stranica, jedna primarna akcija. Uspešne stranice se odupiru tome. Notion-ov sajt, na primer, teži jednom pozivu na akciju. Jedna stranica, jedna primarna akcija. Disciplina primorava na izbor: šta zapravo želimo da ovaj posetilac uradi? Ako je odgovor "započni probni period," onda je cela stranica u službi tog dugmeta. Sve ostalo ili ga podržava ili odlazi.

Jedan primarni CTA ne znači samo jedan link. Sekundarne akcije su dozvoljene. Treba da budu tiše, postavljene kasnije i nikada pored primarnog dugmeta u heroju. Ne eliminišete izbore. Rangirate ih. Posetilac i dalje može da istražuje, čita i upoređuje. Ali stranica ima kičmu, i kičma pokazuje u jednom pravcu.

Imenujte jedno dugme koje je najvažnije za svakog klijenta. Stavite ga u hero. Ponovite ga nakon sekcije sa dokazima. Onda se sklonite s puta. Ako klijent traži drugo konkurentsko dugme u heroju, pitajte ga na koje bi se kladio. Ono koje izabere je primarno. Drugo je distrakcija.

Izgradite hijerarhiju u jednoj liniji: primarno dugme (jedno), sekundarni link (tih), tercijarni linkovi (meni). Napišite to u svojoj ponudi da klijent zna plan pre nego što vidi dizajn. Kada klijent kasnije zahteva drugo primarno dugme, pozovite se na tu liniju. Dogovorili ste se za jedno.

Ovo je razgovor koji se ponavlja. Imaćete ga sa svakim klijentom, jer će svaki klijent tražiti više opcija. Vaš odgovor, svaki put: jedna stranica, jedan posao, jedna primarna akcija. To nije kreativno mišljenje. To je obrazac koji se provlači kroz najbolje primere.

Mit: Industrija vašeg klijenta zahteva sopstvena pravila

Greška je tretirati "SaaS" i "agenciju" kao različite vrste. Posao je isti. Pomerite stranca ka jednoj odluci. Ono što se menja je dokaz koji koristite da ta odluka deluje sigurno.

Realnost: isti posao, različiti dokazi. SaaS stranica dokazuje da proizvod radi pomoću demo snimka, probnog perioda ili screenshot-a samog proizvoda. Stranica agencije dokazuje da tim radi pomoću studija slučaja i rezultata. Portfolio dokazuje da je rad vredan angažovanja jasnoćom pre/posle i rečima samog klijenta. Isti kostur, drugačiji dokaz.

Zato pre nego što odbacite primer jer je iz druge industrije, pogledajte dalje od površine. Pitajte koju odluku pokreće i sa kojim dokazom predvodi. Stranica za zakazivanje kod zubara i stranica za zakazivanje za SaaS proizvod mogu imati istu anatomiju: jasan naslov, jedan CTA, dokaz koji smanjuje rizik klika. Zubar kaže "Bez problema sa osiguranjem." SaaS proizvod kaže "Nije potrebna kreditna kartica." Različit vokabular, isti posao.

Zato pozajmljivanje primera veb-sajtova iz drugih industrija funkcioniše. Pozajmljeni primer ruši pretpostavke vašeg klijenta o tome kako bi njihova industrija trebalo da izgleda. Takođe vam daje ugrađen razlog da opravdate odluku. Kada klijent kaže "naši konkurenti svi to rade," možete pokazati na stranicu van industrije koja radi isti posao sa boljom strukturom.

Pitajte o težini odluke. Posetilac koji bira alat za upravljanje projektima donosi odluku sa nižim ulozima od onog koji dodeljuje honorar sa šest cifara. Struktura ostaje: jedan posao, jedan CTA, slojeviti dokazi. Slojevi se menjaju. Stranica agencije zahteva dublje studije slučaja, imenovane uloge i jači osećaj radnog odnosa. SaaS stranica zahteva demo, probni period i dokaz brzine.

Oprez: ne koristite spoljni primer da izbegnete stvarna ograničenja industrije. Advokatska firma ne može da konvertuje kao aplikacija za upoznavanje, ne zato što se struktura razlikuje, već zato što se zahtevi za poverenje i težina odluke razlikuju. I dalje pokrećete jednu akciju. Samo vam treba više dokaza i manje šala. Industrija je važna kao ograničenje, ne kao skup pravila. Počnite od posla, onda prilagodite dokaze.

Mit: Kada izgleda dobro, gotovo je

Objavite stranicu, pa menjajte jednu stvar po jednu. Konverzija je hipoteza sve dok je pravi posetilac ne dokaže. Prva verzija je nagađanje zasnovano na dokazima iz primera. Jedini način da saznate da li je nagađanje tačno jeste da ga izložite saobraćaju i gledate šta se dešava.

Realnost: svaka stranica je hipoteza. Ne pokrećite sedam testova odjednom. Nećete znati koja je promena pomerila ishod. Promenite naslov, merite. Promenite CTA, merite. Promenite redosled dokaza, merite. Jedna promenljiva po test, nedelju ili dve po testu u zavisnosti od saobraćaja, i naučićete na šta publika ovog klijenta zaista reaguje. Ružna stranica koja konvertuje pobeđuje lepu koja ne konvertuje. Lepota nije cilj. Odsustvo otpora jeste.

To nije izgovor za objavljivanje ružnog rada. To je razlog da poliranje tretirate kao kasniju fazu, ne prvu. Polirate ono što dokazi nagrađuju. Ne polirate nagađanje. Kada klijent traži "refresh", uzvratite. Pitajte šta trenutna stranica treba da postigne i šta zapravo postiže. Ako niko nije definisao posao, refresh je samo novi sloj boje na stranici bez kičme.

Postavite merenje pre lansiranja. Definišite jednu metriku koja se računa kao uspeh za stranicu. To može biti klik, poziv, slanje forme. Ne može biti "engagement" ili "vreme na stranici" osim ako to bukvalno nije poslovni cilj. Onda imate nešto sa čime ćete testirati. Ako je saobraćaj mali, koristite kvalitativne povratne informacije: pet poziva kupcima pitajući šta bi kliknuli. Ali nemojte proglašavati pobednika bez dokaza.

Tretirajte svako lansiranje kao početak revizije. Gledajte na stranicu onako kako posetilac zaista gleda: brzo, skeptično i pomalo dosadno. To je veština koju možete primeniti na svaki nalog, i trebalo bi. Najbolji primeri ne izgledaju dobro zato što su njihovi dizajneri kreativniji. Oni konvertuju jer njihovi timovi stalno menjaju jednu stvar dok stranica ne odgovara poslu.

Idite i uradite ovo

Vaš sledeći sastanak sa klijentom počeće sa primerima. To je u redu. Iskoristite ih. Ali otvorite pitanjem, ne tablom raspoloženja: "Šta posetilac treba da uradi na ovoj stranici?" Zatim uzmite primere koje vole i provucite ih kroz gornje testove. Koji posao svaki od njih obavlja? Da li možete odgovoriti na tri hero pitanja? Da li postoji jedan primarni CTA? Koji dokaz smanjuje rizik klikanja?

Dobićete otpor. Klijenti će braniti duhoviti naslov i dodatno dugme. Tada ih podsetite šta primer zaista radi, a ne kako izgleda. Možete izvršiti reviziju svog sajta kao kupac koga nije briga i pokazati im koliko brzo stranica dobija ili gubi klik.

Ovaj niz se ponavlja: definišite posao, napišite običnu rečenicu, izgradite hero oko jedne odluke, uklonite konkurentske CTA-ove, ukradite strukturu primera sa istim poslom, zatim objavite i menjajte jednu stvar po jednu. Primenite ga za svakog klijenta, na svakoj stranici, i primeri prestaju da budu izvor stila. Postaju izvor strategije. To je razlika između tima koji pravi veb-sajtove i tima koji pravi odluke.