Posudite primjere web stranica iz drugih industrija (one "pogrešne")

Sažetak

Početna stranica vašeg konkurenta gotovo je sigurno najgori primjer web stranice koji možete kopirati. Dok steknete konkurente, njihove su se stranice ujednačile u isti izgled, a posjetitelj koji je upravo vidio njihovu stranicu neće naučiti ništa iz vaše. Stranice koje pretvaraju građene su oko zadatka koji posjetitelj pokušava obaviti u tom trenutku, a ne oko očekivanog izgleda kategorije. Ovaj članak pokazuje samostalnom marketinškom stručnjaku ili osnivaču kako izvući strukturni kostur iz nepovezanih industrija — stranice s studijama slučaja agencija za dokaz, portfelj stranice za umijeće, potrošačke SaaS stranice za jasnoću — i ponovno ga sastaviti vlastitim riječima. Odgovara na glavne prigovore o ovom pristupu: legitimnost, dizajnerska vještina, relevantnost, složenost i mogućnost testiranja. Na kraju ćete dobiti djelotvornu vježbu za izradu v1 stranice koja se ističe bez tima.

Početna stranica vašeg konkurenta gotovo je sigurno najgori primjer web stranice koji možete kopirati. To zvuči kontraintuitivno jer instinkt nalaže da prvo otvorite stranicu najbližeg suparnika za inspiraciju. Ali dok steknete konkurente, njihove su se stranice ujednačile: rješavaju isti problem za istu publiku, a većina ih je toliko kopirala jedni od drugih da je izgled prestao prenositi bilo kakvu poruku. Posjetitelj koji nakon njihove dođe na vašu stranicu neće vidjeti razlog da odabere vas; vidjet će istu formu koju je upravo zatvorio. Stranice koje zapravo pobjeđuju čine nešto drugačije — građene su oko zadatka koji posjetitelj pokušava obaviti u tom trenutku, a ne oko očekivanog izgleda kategorije.

Zato je trener, freelancer ili osnivač bez dizajnerskog tima bolje proučavati stranice iz potpuno nepovezanih industrija i krasti njihovu strukturu, a ne njihovu površinu. Popisi najboljih praksi za SaaS stranice proizvoda stalno se vraćaju na iste značajke: jasnu vrijednosnu ponudu, jasnoću iznad pregiba i jedan dominantan poziv na akciju. Stranice koje ističu, poput naslova Calendlyja "zakazivanje sastanaka bez razmjene e-poruka" ili Linearova minimalističkog heroja, djeluju ne zato što su lijepe, već zato što svaka odgovara na jedno pitanje u prvoj sekundi. Ostatak ovog članka prolazi kroz razloge zbog kojih biste inače zanemarili taj savjet — razloge zašto se čini pogrešnim, razloge zašto se čini nemogućim i jednu stvarnu granicu gdje prestaje vrijediti.

Ali moram izgledati kao moja industrija

Prvi prigovor je legitimnost. "Ako moja stranica ne izgleda kao sve ostale u mojoj niši, kupci mi neće vjerovati." U tome ima istine. Kupci u konzervativnim kategorijama — pravnim, medicinskim, državnim — ponekad su uvjereni vizualnom konformnošću. Ali u većini kategorija signal povjerenja nije sličnost; on je razumijevanje. Posjetitelj koji razumije što radite, kome je namijenjeno i što se dalje događa u manje od pet sekundi vjeruje vam više od posjetitelja koji prepoznaje poznati predložak, ali ne može reći zašto bi vaša verzija trebala pobijediti.

Istraživanja o učinkovitim SaaS stranicama su jasna po ovom pitanju. Iznova i iznova, princip je jasnoća na prvom mjestu: sažet naslov, kratak opis i jedna jasna akcija, bez ičega što se natječe iznad pregiba. Primijetite da "jasnoća" nije vizualni stil. To je strukturna disciplina. Razlog zašto se stranica poput Calendlyja citira posvuda jest taj što njezin naslov imenuje ishod, a ne zato što njezin hero ima posebnu shemu boja. Ne morate izgledati kao vaša industrija; morate zvučati kao vaš kupac. Izgled koji je vaš kupac vidio stotinu puta jest izgled koji je naučio ignorirati. Ako još uvijek razmišljate treba li vašem poslovanju stranica u SaaS stilu, stilu agencije ili stilu portfelja, pitanje odabira formata zapravo je pitanje o zadatku koji stranica mora prva obaviti.

Prestanite dizajnirati. Počnite izvlačiti.

Drugi prigovor obično se odnosi na vještinu: "Nisam dizajner, koristim predložak iz alata za povlačenje i ispuštanje, i ne mogu to učiniti bez tima." Dobra vijest je da ne trebate dizajnersku vještinu; trebate vještinu izvlačenja. Predložak je zamka jer vas tjera da krenete od vizualnog sloja, kada je strukturni sloj onaj koji pretvara. Evo vježbe:

1. Odaberite tri do pet stranica iz industrije u kojoj niste, odabranih prema kupčevom zadatku koji najbolje obavljaju. Ako vaš kupac treba dokaz, koristite stranice agencija — one koje vode sa studijama slučaja. Ako vaš kupac treba osjetiti ukus ili umijeće, koristite portfelj stranice. Ako vaš kupac treba jednostavno razumijevanje, koristite potrošački SaaS.
2. Blokirajte samo redoslijed odjeljaka. Zanemarite boje, fontove i fotografije. Zapišite: područje naslova, zatim što dolazi sljedeće, zatim sljedeće, sve do dna stranice.
3. Prepišite namjenu svakog bloka vlastitim riječima: "ova traka postoji da natjera skeptika da povjeruje da sam to već radio," a ne "ovo je mjesto gdje stavljam svoje logotipe."
4. Otvorite svoj graditelj i sastavite taj kostur prije bilo kakvih vizualnih odluka. Ako vas predložak tjera na drugačiji redoslijed, promijenite predložak.

Većina ljudi preskoči drugi korak i prvo napravi četvrti, zbog čega svaka stranica izgrađena iz istog predloška izgleda kao predložak. Razlika između kopiranja primjera i krađe njegovog kostura upravo je ovo: kopirajte vizual, naslijedite publiku; ukradite strukturu, zadržite pozornost publike.

Počnite sa zadatkom u kojem ste najgori

Treći prigovor: "Agencije i portfelji nemaju što naučiti poslovanje poput moga koje se bavi SaaS-om." Uzmite jedan od najčešće citiranih savjeta za SaaS početne stranice: jedan CTA po stranici. Notionova početna stranica često se spominje upravo zbog toga — jedna primarna radnja ("Nabavite Notion besplatno") umjesto izbornika natjecateljskih linkova. To je pravilo i samo posuđeno s izravnih odgovora, ne iz SaaS-a; djeluje jer svodi posjetiteljevu odluku na jedan potez.

Sada se zapitajte što stranica s studijom slučaja agencije čini što većina SaaS početnih stranica ne čini. Prikazuje uvjerljivo stanje prije i poslije: tko je bio klijent, na čemu su zapeli i što se dogodilo nakon toga. To je zadatak dokaza, a samostalni osnivač koji prodaje softver gotovo uvijek ima slabiji dokaz od agencije, osim ako dokaz ne stavi u središte stranice — ne kao traku s logotipima na dnu, već kao glavni čin.

Evo jednog obrađenog primjera da načelo bude konkretno. Pretpostavimo da prodajete alat za procjenu za male građevinske izvođače. Klasična SaaS početna stranica otvara se frazom o kategoriji proizvoda i snimkom zaslona nadzorne ploče. Posuđena agencijska struktura umjesto toga otvara se ishodom: "Pošaljite profesionalnu procjenu prije nego što kupac poklopi slušalicu." Zatim dolazi traka od tri kratka bloka — jedan za krovopokrivače, jedan za vodoinstalatere, jedan za opće izvođače — svaki slijedi isti obrazac: tko su, nespretan proces koji su prije koristili, što je alat promijenio. Bez velikih brojeva, bez snimke zaslona nadzorne ploče za sada. Stranica zatim završava jednim CTA-om. Ta je stranica strukturno agencijska, ali prodaje SaaS proizvod. Ovu vježbu možete ponoviti za vlastito poslovanje pitajući se u kojem ste zadatku trenutno najgori: jasnoći, dokazu ili umijeću.

Za poslovanja u kojima kupac bira na temelju ukusa — dizajnerski studiji, fotografija, brendiranje — dokaz je sam rad. Portfelj stranica koja prikazuje rad velik i rano obavlja isti zadatak kao studija slučaja agencije, ali vizualno. Ako je glavna briga vašeg kupca imate li dobar ukus, izjave neće biti dovoljne; artefakt mora govoriti. Više o tome kako izgraditi dokaz portfelja koji pretvara ako vaše poslovanje isporučuje vizualni rad.

Oprez: minimalizam nije zakon

Svako pravilo treba svoju granicu, a pravilo jednog CTA-a ima stvarnu granicu. Minimalistički hero odjeljci poput Linearova funkcioniraju jer je vrijednost proizvoda jednostavno izraziti u jednoj rečenici. Vaš proizvod može biti skup, tehnički ili podložan provjerama nabave. U tom slučaju, zadatak posjetitelja na vrhu stranice nije "odmah razumjeti"; to je "osjećati se dovoljno sigurno da nastavi skrolati." Poslovni kupac ne želi jedan čist CTA prije nego što razumije sigurnost, usklađenost i integracije. Želi najviše dva vidljiva puta: primarnu radnju i način da pronađe uvjeravanje koje mu treba.

Istraživačko načelo nije "ukupno jedna veza". To je jedan primarni cilj po stranici. Odlučite koja je radnja najvažnija — započni probno razdoblje, zakaži konzultacije, pogledaj radove — i učinite to najsnažnijim elementom. Svaka druga veza može postojati, ali ništa se ne smije natjecati s primarnom radnjom u trenutku odluke. To je mnogo korisnije tumačenje i preživljava kontakt sa složenim proizvodima.

Gdje vas to ostavlja jest jednostavna usporedna tablica. Koristite je kada niste sigurni koji vanjski primjeri zaslužuju vašu pozornost.

Izvor za posudbu	Problem koji najbolje rješava	Ukradi ovo	Preskoči ovo
Potrošačke SaaS stranice (Calendly, Linear, Notion)	Jasnoća i trenutačno razumijevanje	Naslov s ishodom na prvom mjestu, jedan dominantan CTA	Popis značajki i snimka zaslona demonstracije ako vaš kupac nije tehnički potkovan
Agencijske stranice sa studijama slučaja	Dokaz da isporučujete rezultate	Struktura prije/poslije, imenovani kontekst klijenta, blokovi s ishodom na prvom mjestu	Žargon, hvalisanje veličinom tima, punilo "volimo ono što radimo"
Portfelj stranice	Signal ukusa i umijeća	Prikažite rad velik i rano, minimalno objašnjenje	Previše stilizirana navigacija nauštrb upotrebljivosti

Obrazac u trećem stupcu je struktura koju izvlačite u drugom koraku vježbe. Četvrti stupac je ono što se obično kopira umjesto toga, jer je to dio koji možete vidjeti. Ako se nađete u spajanju sva tri stupca odjednom, oduprite se: stranica koja pokušava biti jasna, puna dokaza i vizualno glasna u isti mah završi kao nijedna od njih. Odaberite zadatak u kojem ste najgori i pustite da taj dominira.

To možete testirati bez tima

Posljednji prigovor je brzina: "Ne mogu provoditi eksperimente, jedina sam osoba koja to radi." Testiranje početne stranice ne zahtijeva alat za optimizaciju poduzeća. Zahtijeva jednu metriku i jednu promjenu odjednom. Odaberite jednu radnju koja je važna — klik za prijavu, zahtjev za demonstraciju ili prikupljanje e-pošte — i definirajte je kao svoju metriku. Zatim promijenite jedan strukturni element: ishod naslova, položaj bloka s dokazima ili broj linkova blizu CTA-a. Ostavite dovoljno tjedana da vaš promet prođe jedan ciklus i pogledajte je li ta jedna promjena pomaknula vašu metriku. Ako nemate gotovo nikakvog prometa, test vam neće reći ništa; u tom slučaju napravite strukturni izbor na temelju obrazloženja iz ovog članka, a ne na podacima koje još nemate.

Prije nego što napravite tu promjenu, ponovno pročitajte stranicu kao stranac koji nikad nije čuo za vas. To zahtijeva aktivno zaboravljanje svega što znate, što je teže nego što zvuči; revizija nemarnog kupca praktičan je način da forsirate taj zaokret. I kada je struktura ispravna, ne morate svaki put redizajnirati cijelu stranicu — trebate samo poboljšati sljedeći sloj.

Zaključak

Primjeri iz vaše industrije uče vas pravilima igre. Primjeri izvan nje uče vas kako pobijediti u toj igri. SaaS proizvod može posuditi strukturu dokaza od agencija; agencija može posuditi jasnoću od potrošačke softverske stranice; portfelj može posuditi disciplinu jednog CTA-a od izravnog odgovora. Metoda je uvijek ista: prvo odaberite zadatak, izvucite redoslijed odjeljaka sa stranica koje taj zadatak obavljaju najbolje, napišite svaki blok riječima vašeg kupca i sastavite kostur prije nego što dotaknete vizuale. Ne trebate tim ni velik proračun. Trebate prestati pitati "što pretvara u mojoj industriji?" i početi pitati "koji zadatak moj kupac pokušava obaviti i tko to radi bolje od svih?" Ta stranica postoji — samo nije u vašoj industriji.