Pozajmite primere veb-sajtova iz drugih industrija („pogrešni“)

Sažetak

Početna stranica vašeg konkurenta je gotovo sigurno najgori primer veb-sajta koji možete kopirati. Do trenutka kada imate konkurente, njihove stranice su konvergirale u isti raspored, i posetilac koji je upravo video njihovu neće naučiti ništa iz vaše. Stranice koje konvertuju građene su oko zadatka koji posetilac pokušava da obavi u tom tačnom trenutku, a ne oko očekivanog izgleda kategorije. Ovaj članak pokazuje samostalnom marketaru ili osnivaču kako da izvuče strukturni kostur iz nepovezanih industrija — studije slučaja agencija za dokaz, portfolio stranice za zanatsku veštinu, potrošačke SaaS stranice za jasnoću — i da ga ponovo sastavi sopstvenim rečima. Odgovara na glavne primedbe na ovaj pristup: legitimnost, dizajn veštinu, relevantnost, složenost i mogućnost testiranja. Do kraja ćete imati funkcionalnu vežbu za izradu v1 stranice koja se ističe bez tima.

Početna stranica vašeg konkurenta je gotovo sigurno najgori primer veb-sajta koji možete kopirati. To zvuči kontradiktorno jer je instinkt da prvo otvorite sajt najbližeg rivala za inspiraciju. Ali do trenutka kada imate konkurente, njihove stranice su konvergirale: rešavaju isti problem za istu publiku, i većina je kopirala jedni druge toliko potpuno da je raspored prestao da saopštava bilo šta. Posetilac koji dospe na vašu stranicu nakon njihove neće videti razlog da izabere vas; videće isti oblik koji je upravo zatvorio. Stranice koje zaista pobeđuju rade nešto drugačije — izgrađene su oko zadatka koji posetilac pokušava da obavi u tom tačnom trenutku, a ne oko očekivanog izgleda kategorije.

Zato je treneru, slobodnjaku ili osnivaču bez dizajn tima bolje da proučava stranice iz potpuno nepovezanih industrija i krade njihovu strukturu, a ne njihovu površinu. Liste najboljih praksi za SaaS stranice proizvoda iznova se vraćaju na iste osobine: jasna vrednosna ponuda, jasnoća iznad pregiba i jedan dominantan poziv na akciju. Sajtovi koje ističu, poput Calendlyjevog naslova „zakazujte sastanke bez razmene imejlova“ ili Linearovog pojednostavljenog heroja, ne funkcionišu zato što su lepi, već zato što svaki odgovara na jedno pitanje u prvoj sekundi. Ostatak ovog članka prolazi kroz razloge zbog kojih biste inače zanemarili taj savet — razloge zbog kojih deluje pogrešno, razloge zbog kojih deluje nemoguće, i jednu pravu granicu gde prestaje da važi.

Ali moram da ličim na svoju industriju

Prva primedba je legitimnost. „Ako moja stranica ne izgleda kao svi ostali u mojoj niši, kupci mi neće verovati.“ U tome ima istine. Kupci u konzervativnim kategorijama — pravnoj, medicinskoj, državnoj — ponekad su smireni vizuelnom konformnošću. Ali u većini kategorija, signal poverenja nije sličnost; to je razumevanje. Posetilac koji razume šta radite, kome je namenjeno i šta se dešava sledeće za manje od pet sekundi veruje vam više od posetioca koji prepoznaje poznati šablon, ali ne može da kaže zašto bi vaša verzija trebalo da pobedi.

Istraživanje o efikasnim SaaS stranicama je jasno po ovom pitanju. Iznova i iznova, princip je jasnoća na prvom mestu: kratak naslov, kratak opis i jedna jasna akcija, bez ičega što se takmiči iznad pregiba. Primetite da „jasnoća“ nije vizuelni stil. To je strukturna disciplina. Razlog zašto se sajt poput Calendlyja svuda citira je taj što njegov naslov imenuje ishod, a ne zato što njegov heroj ima određenu šemu boja. Ne morate da ličite na svoju industriju; morate da zvučite kao vaš kupac. Raspored koji je vaš kupac video stotinu puta je raspored koji je naučio da ignoriše. Ako još uvek razmišljate da li vašem poslovanju uopšte treba SaaS, agencijski ili portfolio stil stranice, pitanje izbora formata je zapravo pitanje o zadatku koji stranica mora najpre da obavi.

Prestanite da dizajnirate. Počnite da izvlačite.

Druga primedba je obično veština: „Nisam dizajner, koristim šablon iz alata za prevlačenje i ispuštanje, i ne mogu ovo bez tima.“ Dobra vest je da vam ne treba dizajn veština; treba vam veština izvlačenja. Šablon je zamka jer vas tera da počnete sa vizuelnim slojem, kada je strukturni sloj taj koji konvertuje. Evo vežbe:

1. Odaberite tri do pet stranica iz industrije u kojoj niste, odabranih prema zadatku kupca koji najbolje obavljaju. Ako vašem kupcu treba dokaz, koristite agencijske sajtove — one koji vode sa studijama slučaja. Ako vaš kupac treba da oseti ukus ili zanatsku veštinu, koristite portfolio sajtove. Ako vašem kupcu treba jednostavno razumevanje, koristite potrošački SaaS.
2. Blokirajte samo redosled sekcija. Ignorišite boje, fontove i fotografije. Zapišite: oblast naslova, pa šta sledi, pa sledeće, sve do dna stranice.
3. Prepišite zadatak svakog bloka svojim rečima: „ova traka postoji da bi skeptika ubedila da sam ovo već radio“, a ne „ovo je mesto gde stavljam svoje logotipe“.
4. Otvorite svoj builder i sastavite taj kostur pre nego što napravite bilo kakve vizuelne odluke. Ako vas šablon tera na drugačiji redosled, promenite šablon.

Većina ljudi preskače drugi korak i prvo radi četvrti, zbog čega svaka stranica napravljena od istog šablona izgleda kao šablon. Razlika između kopiranja primera i krađe njegovog kostura je upravo ovo: kopirajte vizuelno, nasledite publiku; ukradite strukturu, zadržite pažnju publike.

Počnite od zadatka u kojem ste najslabiji

Treća primedba: „Agencije i portfolioi nemaju šta da nauče SaaS biznis poput mog.“ Uzmite jedan od najčešćih saveta za SaaS početnu stranicu: jedan CTA po stranici. Notionova početna stranica se često spominje upravo zbog ovoga — jedna primarna akcija („Preuzmite Notion besplatno“) umesto menija konkurentskih linkova. To pravilo je i samo pozajmljeno sa stranica direktnog odgovora, ne iz SaaS-a; funkcioniše jer smanjuje odluku posetioca na jedan potez.

Sada se zapitajte šta agencijska studija slučaja radi što većina SaaS početnih stranica ne radi. Prikazuje uverljivo pre-i-posle: ko je bio klijent, gde su zapeli i šta se dogodilo nakon toga. To je posao dokaza, a samostalni osnivač koji prodaje softver gotovo uvek ima slabiji dokaz od agencije, osim ako dokaz ne stavi u centar stranice — ne kao traku logotipa na dnu, već kao glavni čin.

Evo jednog obrađenog primera da biste princip učinili konkretnim. Pretpostavimo da prodajete alat za procenu za male građevinske izvođače. Klasična SaaS početna stranica otvara se frazom iz kategorije proizvoda i snimkom ekrana kontrolne table. Pozajmljena agencijska struktura umesto toga otvara se ishodom: „Pošaljite profesionalnu procenu pre nego što kupac spusti slušalicu.“ Zatim dolazi traka od tri kratka bloka — jedan za krovopokrivače, jedan za vodoinstalatere, jedan za opšte izvođače — svaki prati isti obrazac: ko su, kakav su nezgrapni proces ranije koristili, šta je alat promenio. Još nisu potrebne velike brojke, ni snimak ekrana kontrolne table. Stranica se zatim završava jednim CTA. Ta stranica je strukturno agencijska, ali prodaje SaaS proizvod. Mogli biste ponoviti ovu vežbu za sopstveni biznis pitajući se koji zadatak trenutno najslabije obavljate: jasnoću, dokaz ili zanatsku veštinu.

Za poslovanja gde kupac bira na osnovu ukusa — dizajn studija, fotografija, brendiranje — dokaz je sam rad. Portfolio stranica koja prikazuje rad veliko i rano radi isti posao kao agencijska studija slučaja, ali vizuelno. Ako je glavna briga vašeg kupca da li imate dobar ukus, izjave zadovoljnih klijenata neće pomoći; artefakt mora da govori. Više o tome kako da izgradite portfolio dokaz koji konvertuje ako vaše poslovanje isporučuje vizuelni rad.

Ograda: minimalizam nije zakon

Svako pravilo treba svoju granicu, a pravilo jednog CTA ima stvarnu. Minimalne hero sekcije poput Linearove funkcionišu jer je vrednost proizvoda jednostavno izraziti u jednoj liniji. Vaš proizvod može biti skup, tehnički ili podložan proverama nabavke. U tom slučaju, zadatak posetioca na vrhu stranice nije „razumeti odmah“; to je „osećati se dovoljno sigurno da nastavi da skroluje.“ Poslovni kupac ne želi jedan čist CTA pre nego što razume bezbednost, usklađenost i integracije. Želi najviše dva vidljiva puta: primarnu akciju i način da pronađe uveravanje koje mu treba.

Istraživački princip nije „ukupno jedan link“. To je jedan primarni cilj po stranici. Odlučite koja akcija je najvažnija — započni probni period, zakaži konsultacije, pogledaj rad — i učinite je najjačim elementom. Svaki drugi link može postojati, ali ništa ne sme da se takmiči sa primarnom akcijom u trenutku odluke. To je mnogo korisnije čitanje i preživljava kontakt sa komplikovanim proizvodima.

To vas dovodi do jednostavne uporedne tabele. Koristite je kada niste sigurni koji spoljni primeri zaslužuju vašu pažnju.

Izvor za pozajmicu	Problem koji najbolje rešava	Ukradite ovo	Preskočite ovo
Potrošačke SaaS stranice (Calendly, Linear, Notion)	Jasnoća i neposredno razumevanje	Naslov usmeren na ishod, jedan dominantan CTA	Listu funkcija i snimak ekrana demo ako vaš kupac nije tehnički
Agencijske studije slučaja	Dokaz da isporučujete rezultate	Struktura pre/posle, imenovani kontekst klijenta, blokovi usmereni na ishod	Žargon, hvalisanje veličinom tima, „volimo ono što radimo“ ispuna
Portfolio stranice	Signal ukusa i zanatske veštine	Prikažite rad veliko i rano, minimalno objašnjenje	Preterano stilizovana navigacija na uštrb upotrebljivosti

Obrazac u trećoj koloni je struktura koju izvlačite u drugom koraku vežbe. Četvrta kolona je ono što se obično kopira umesto toga, jer je to deo koji možete videti. Ako primetite da spajate sve tri kolone odjednom, oduprite se: stranica koja pokušava da bude jasna, prepuna dokaza i vizuelno glasna u istom dahu na kraju nije nijedna od toga. Odaberite zadatak u kojem ste najslabiji i pustite da on dominira.

Možete ovo testirati bez tima

Poslednja primedba je brzina: „Ne mogu da pokrećem eksperimente, ja sam jedina osoba koja ovo radi.“ Testiranje početne stranice ne zahteva alat za optimizaciju na nivou preduzeća. Zahteva jednu metriku i jednu promenu u datom trenutku. Odaberite jedinu akciju koja je bitna — klik za prijavu, zahtev za demo ili prikupljanje imejla — i definišite je kao svoju metriku. Zatim promenite jedan strukturni element: ishod naslova, poziciju bloka sa dokazima ili broj linkova blizu CTA. Dajte tome dovoljno nedelja da vaš saobraćaj prođe ciklus, i pogledajte da li je ta jedna promena pomerila vašu metriku. Ako imate gotovo nula saobraćaja, test vam neće reći ništa; u tom slučaju, donesite strukturnu odluku na osnovu obrazloženja iz ovog članka, a ne na osnovu podataka koje još nemate.

Pre nego što napravite tu promenu, pročitajte stranicu ponovo kao neznanac koji nikada nije čuo za vas. To zahteva aktivno zaboravljanje svega što znate, što je teže nego što zvuči; revizija nemarnog kupca je praktičan način da naterate taj pomak. Kada je struktura ispravna, ne morate ponovo da redizajnirate ceo sajt svaki put — samo treba da usavršite sledeći sloj.

Zaključak

Primeri u vašoj industriji uče vas pravilima prostorije. Primeri van nje uče vas kako da pobedite u prostoriji. SaaS proizvod može pozajmiti strukturu dokaza od agencija; agencija može pozajmiti jasnoću sa potrošačke softverske stranice; portfolio može pozajmiti disciplinu jednog CTA od direktnog odgovora. Metoda je uvek ista: prvo odaberite zadatak, izvucite redosled sekcija sa stranica koje taj zadatak najbolje obavljaju, napišite svaki blok rečima vašeg kupca i sastavite kostur pre nego što se dotaknete vizuelnog. Ne treba vam tim ni veliki budžet. Treba da prestanete da pitate „šta konvertuje u mojoj industriji?“ i počnete da pitate „koji je zadatak koji moj kupac pokušava da obavi, i ko ga obavlja bolje od svih?“ Ta stranica postoji — samo nije u vašoj industriji.