Blog

Jedan kostur konverzije, mnoga lica klijenata

Prestanite graditi svaku landing stranicu klijenta od nule. Koristite kostur konverzije, restilizirajte sloj robne marke, a prilagođenu izradu koristite samo kad kampanja to doista zaslužuje.

Sažetak

Većina landing stranica ne postiže dobre rezultate ne zato što je dizajn loš, već zato što je svaka stranica izgrađena od nule. Agencije gube vrijeme i dosljednost ponovnim odlučivanjem o rasporedu, hijerarhiji i mjestu poziva na akciju (CTA) za svakog klijenta. Ovaj članak vodi vas kroz usporedbu prilagođenih stranica, biblioteka predložaka i ponovljivog kostura konverzije. Naučit ćete kako odvojiti sloj robne marke od sloja konverzije, napisati pravila jednostavnim jezikom i odlučiti kada je prilagođena izrada doista vrijedna. Rezultat je brža isporuka, jače stope konverzije i stranice koje se i dalje čine jedinstvenima za svakog klijenta.

Dva načina za izradu stranice svakog klijenta

Zašto istoj landing stranici koja je konvertirala za vašeg prošlog klijenta treba dvostruko više vremena za sljedećeg? Zato što svaki put krećete od nule. Odaberete raspored, izmislite hero sekciju, raspravljate o boji gumba i nadate se da će novi dizajn uspjeti. To nije dizajn; to je kockanje.

Postoje dva načina vođenja brifinga za landing stranicu. Prvi je prilagođen (bespoke): svaka stranica počinje kao prazno platno i dobiva prilagođenu strukturu. Drugi je kostur: zadržavate fiksnu strukturu konverzije i restilizirate je za svaku robnu marku. Nijedan nije pogrešan. Oni odgovaraju na različita pitanja.

Uzmite popust za kupon i zahtjev za B2B demonstraciju. Na površini nemaju ništa zajedničko. Jedan prodaje kupon; drugi prodaje sastanak. No oba trebaju razlog da ostanu u prve dvije sekunde, jednu radnju i nešto što čini tu radnju sigurnom. To je kostur.

Evo kompromisa u jednoj tablici:

PristupŠto se mijenja po klijentuŠto ostaje fiksnoGlavni rizik
Prilagođenoraspored, redoslijed sekcija, hijerarhijagotovo ništapropušteni elementi konverzije, sporo
Biblioteka predložakacijeli dizajn, odabran iz skupakoji god predložak odaberetenedosljedna struktura, odluke vođene dizajnom
Kosturboje, fontovi, slike, glasblok naslova, CTA, mjesto dokazamonotonija, trenje s robnom markom
Hibridnijedna ili dvije zone robne markeostatakzahtijeva stroga pravila ili propada

Biblioteka predložaka je tiha treća opcija. Mnogi timovi rade na predlošcima i to se čini kao sustav. Nije. Predložak mijenja strukturu svaki put kada ga promijenite, a posjetitelj na svakoj stranici dobiva novu vizualnu putanju. Neki predlošci dobro konvertiraju. Sljedeći vjerojatno neće, a nećete znati koji je koji. Kostur je suprotnost: struktura je konstanta, a robna marka varijabla.

Ostatak ovog članka govori o tome kako kostur učiniti zadanim i točno znati kada ga prekršiti. Ako želite kratku verziju: izgradite jednu ponovno upotrebljivu strukturu, stavite robnu marku svakog klijenta na vrh i rezervirajte prilagođeni rad za kampanje koje to mogu platiti.

Prvo zaključajte kostur konverzije

Prije nego što otvorite alat za dizajn, napišite minimalno održivu strukturu stranice. Ne wireframe. Slijed argumenata: prvo dokažite da razumijete problem, zatim predstavite ponudu, a zatim učinite radnju sigurnom. Dodajte CTA tamo gdje oko prirodno pada nakon svakog argumenta.

Vodiči za landing stranice slažu se oko iste anatomije: naslov koji imenuje ishod, prateća rečenica, vizualni dokaz, društveni dokaz i jedan jasan poziv na akciju. Ako stranica nema svih pet, niste spremni za stiliziranje. Spremni ste za uređivanje.

Ovo je također mjesto gdje smanjite vizualni šum. Navigacija je prva stvar koja odlazi. Sekundarne poveznice, dekorativni vrtuljci i 'saznaj više' rupe natječu se s CTA-om. Svaki element koji ne gura posjetitelja prema radnji distrakcija je koju plaćate za održavanje.

Vrtuljak je dobar test. Ako stranica započinje rotirajućim herojem, traži od posjetitelja da donese odluku prije nego što zna o čemu je stranica. Kostur se nikada ne smije otvarati vrtuljkom. Otvorite s jednim naslovom, jednom pratećom rečenicom, jednom slikom i jednim CTA-om. Ako ne možete reći poruku stranice u jednoj rečenici, stranica je nema.

Bijeli prostor dio je kostura, a ne luksuz. Svaki blok treba prostora za disanje, a CTA treba prostor oko sebe da se ništa ne natječe. Kada klijent traži više sadržaja, kostur kaže 'samo ako pomiče posjetitelja na sljedeći blok.' Sve ostalo pripada stranici podrške.

Stavite robnu marku na vrh, ne ispod

Sada uzmite robnu marku i stavite je na gornji sloj. Kostur određuje redoslijed i prostor. Sloj robne marke određuje boje, tipografiju, fotografiju i glas. Sloj robne marke može biti radikalno drugačiji od jednog klijenta do drugog. Kostur ne bi trebao biti.

Kreditna unija i streetwear etiketa mogu dijeliti isti kostur i djelovati potpuno drugačije. Jedan koristi prigušene plave tonove i umirujući jezik; drugi koristi glasnu tipografiju i fotografije proizvoda. Isti blok naslova, isto mjesto CTA-a, isti slijed dokaza. Posjetitelj vidi robnu marku. Konverzije dolaze iz strukture.

Kada vas klijent zamoli da 'učinite to jedinstvenijim na naš način', pitajte što se time mijenja. Ako mijenja slike, ton, studije slučaja, već ste gotovi. Ako mijenja redoslijed naslova i obrasca, pregovarate protiv posjetitelja.

Dajte robnoj marki glasnu prisutnost i ograničenu ulogu. Logotip bi trebao biti vidljiv odmah, paleta bi trebala zasititi stranicu, a glas bi trebao biti nepogrešiv. Ono što robna marka ne smije učiniti jest preurediti kostur. Ako klijent inzistira na promjeni rasporeda, zatražite dokaz da promjena poboljšava konverziju. Obično ga nema. To nije kritika; to je signal da je zahtjev o ukusu, a ne o ponašanju.

Napomena: sloj robne marke može utjecati na kostur kada to sam proizvod zahtijeva. Fizički proizvod treba veliku hero sliku. Poduzeće s enterprise softverom možda treba duži obrazac. Ugradite jedno pravilo u svoj sustav: robna marka može prilagoditi slike i ton, ali ne smije ostaviti CTA bez podrške. Ako želite trenutačno izgraditi povjerenje, počnite sa slojem robne marke, a ne s rasporedom.

Koliko prilagodbe ova kampanja zaslužuje?

Ne možete odgovoriti na 'prilagođeno ili kostur' općim pravilom. Odgovarate po kampanji. Provucite brifing kroz tri pitanja.

Koliko će stranica dugo živjeti? Stranica koja traje dva tjedna nema vremena amortizirati prilagođenu izgradnju. Stranica koja traje dvije godine može opravdati jednu.

Koliko će je prometa vidjeti? Stranica s malim prometom ne može dokazati da prilagođeni dizajn funkcionira prije nego kampanja završi. Stranica s velikim prometom daje vam dovoljno podataka za testiranje prilagođenog rasporeda.

Koliko vrijedi jedna konverzija? Besplatno preuzimanje e-knjige i konzultacije vrijedne više tisuća dolara različite su oklade. Što je veća vrijednost, to je više prostora za prilagođenu sekciju. No imajte na umu: čak i ponuda visoke vrijednosti može dobro konvertirati na kosturu. Prilagođena izgradnja je luksuz, a ne zahtjev.

Koristite ove razine:

  • Razina 1: Samo restilizacija. Isti kostur, nove boje, fontovi, slike, tekst.
  • Razina 2: Prilagodba hijerarhije sadržaja. Zadržite iste sekcije, ali zamijenite blok naslova, redoslijed dokaza ili duljinu obrasca.
  • Razina 3: Prilagođena izgradnja. Prilagođeni raspored i jedinstvene sekcije.

Učinite Razinu 1 zadanim. Prijeđite na Razinu 2 samo kada ponuda treba drugačiji argument. Rezervirajte Razinu 3 za kampanje s dovoljno prometa i dovoljno vrijednosti da možete izmjeriti razliku. Ne dopustite da klijentovo 'moramo se istaknuti' nadjača dokaze o tome što obično funkcionira.

Kalibrirajte s primjerima. Usluga pretplate koja dodaje novi paket obično je Razina 2: isti kostur, novi blok cijena. Poziv neprofitne organizacije na kraju godine je Razina 1: ista struktura, nova priča i fotografije. Lansiranje proizvoda sa širokim medijskim proračunom i visokom cijenom zaslužuje Razinu 3. Većina brifinga nije to lansiranje.

Ono što vam prilagođena izrada kupuje jest sloboda testiranja nove strukture. To je stvarno, ali ima cijenu: ne znate radi li nova struktura dok kampanja ne počne. Ono što vam kostur kupuje jest sigurnost u dijelove koji se ne mijenjaju. Svoju kreativnu energiju možete potrošiti na tekst, dokaze i ponudu, koji su varijable koje zapravo mijenjaju ponašanje. Odaberite kostur kada želite učiti o ponudi, a prilagođeno kada želite učiti o rasporedu.

Prikupite materijale jednom, ne po stranici

Sastavite popis za unos koji svaki klijent ispunjava prije početka. Zatražite datoteke logotipa, boje robne marke, fontove, dvije ili tri odobrene slike, jedan čvrst element dokaza i točan izraz koji žele na gumbu. Ovo zvuči administrativno, ali to je odluka o konverziji. Kada imate materijale u ruci, kostur se može odmah sastaviti. Kada ih nemate, tražite, čekate i improvizirate. Improvizacija je kako počinje prilagođena izrada.

Element dokaza je onaj koji klijenti zaborave. Citat, broj ili logotip kupca. Bez njega, stranica ima rupu u bloku dokaza, a rupa vas poziva da izmislite novu sekciju. Ne izmišljajte. Zatražite materijal. Ako ga klijent nema, stranica i dalje može konvertirati, ali blok dokaza postaje mjesto za fotografiju kupca ili spomen u medijima. Što god koristili, mora biti stvarno. Kostur ne može proizvesti povjerenje.

Učinite popis za unos predloškom. Svaki novi klijent dobiva istu datoteku s istih pet zahtjeva. Iznenadit ćete se koliko 'smjernica za robnu marku' ne uključuje datoteku logotipa s transparentnom pozadinom ili licencu za font. Uhvatite te probleme prije izgradnje stranice, ne tijekom nje. Kostur funkcionira samo ako se sloj robne marke može uklopiti bez trenja.

Napišite svoj kostur kao pravila jednostavnim jezikom

Kostur neće preživjeti ako živi samo u datoteci dizajna. Zapišite ga kao recept. Svaka osoba koja dira stranicu — freelancer, mlađi dizajner, copywriter — treba ista pravila.

Evo skupa koji funkcionira za većinu klijentskih poslova:

  • Jedan primarni CTA po stranici. Pojavljuje se iznad pregiba i ponovno nakon bloka dokaza.
  • Naslov ostaje kratak i imenuje ishod, a ne proizvod.
  • Gumb CTA-a kaže glagol plus isporučivo: 'Preuzmi izvješće,' ne 'Pošalji.'
  • Najmanje jedan element dokaza pojavljuje se prije obrasca: citat, broj ili logotip kupca.
  • Nema glavne navigacije. Nema vanjskih poveznica.
  • Svaka slika ima vidljiv razlog zašto je tu. Ako ne možete reći zašto, uklonite je.

Ova su pravila namjerno dosadna. Dosada je poanta. Kada su pravila jasna, možete proizvesti dobru landing stranicu za nekoliko sati umjesto tjedana i možete je predati nekome drugome bez sastanka.

Primijetite što pravila ne spominju. Ne spominju specifične boje, fontove ili rasporedne mreže. Imenuju ishod ('jedan primarni CTA'), ali ne i točno pozicioniranje. To čini sloj robne marke slobodnim. Dizajner može primijeniti bilo koji vizualni stil bez kršenja ijednog pravila.

Sada dodajte pravilo 'praznog prostora': ako brifing traži nešto što nije pokriveno pravilima, zapišite promjenu i pogledajte preživljava li dvije druge stranice. Ako preživi, dodajte je kosturu. Ako ne, izostavite je.

Tako kostur raste. Počinje s pet elemenata koje svaka stranica treba. Nakon šest mjeseci možda će uključivati 'ako ponuda ima jamstvo, stavite ga pored obrasca' jer su ponovljene izgradnje pokazale da pomaže. Pravila nisu statična. Ona su živi zapis onoga što ste naučili.

Predlošci nisu kostur

Biblioteka predložaka daje vam mnogo polazišta. Kostur vam daje jednu strukturu i skup nepromjenjivih vrijednosti. Razlika je sve važnija kako vaš popis klijenata raste.

S predlošcima, osoba koja započinje stranicu donosi odluku o dizajnu prerano. 'Koji predložak odgovara ovom klijentu?' forsira odgovor o rasporedu prije nego što je itko napisao naslov ili prikupio dokaze. Struktura samog predloška zatim određuje što će biti uključeno. Posjetitelj na kraju čita stranicu koju je dizajnirala kategorija predloška, a ne logika konverzije.

S kosturom, odluka je obrnuta. Struktura je već određena onim što znate da funkcionira. Jedino je pitanje koji klijentovi materijali ispunjavaju sloj robne marke. Počinjete s porukom, ne s dizajnom.

To ne znači da su predlošci beskorisni. Predložak može biti koristan kada još nemate dokaza: nova vrsta ponude, nova publika, novi tim. Ali koristite ga kao polazište za kostur, a ne kao zamjenu za njega. Uzmite predložak koji je najbliži strukturi koju trebate, skinite ga na gole sekcije i zatim primijenite svoja pravila. Ako se struktura predloška bori protiv pravila, predložak gubi.

Ista logika vrijedi i za graditelje stranica koji generiraju rasporede iz upita. Generirani raspored je polazište, a ne sustav. I dalje morate odlučiti koje sekcije preživljavaju, gdje je CTA i koji dokaz nosi stranicu. Kostur je skup odluka koje zadržavate; generirani izlaz samo je još jedan predložak za uređivanje.

Prodajte ishod, ne raspored

Klijenti će imati mišljenja o rasporedu. Rješenje je preoblikovati razgovor. Kada kažu 'mislim da bi obrazac trebao biti lijevo', pitajte 'Što želite da posjetitelji prvo osjete ili učine?' Povežite zahtjev s ciljem. Ako klijent ne može imenovati ishod, zadržite kostur.

Pokažite dvije verzije iste stranice s različitim slojevima robne marke i neka odaberu. To klijentu daje osjećaj vlasništva bez diranja strukture. Odluka postaje 'koji glas, koje slike', a ne 'koji raspored.' Provest ćete manje vremena na sastancima, a više na tekstu, dokazima i ponudi, koji su dijelovi koji mijenjaju ishod.

Ako vam je potrebna podrška klijenta za kostur, pokrenite usporedni test. Stavite klijentovu trenutnu stranicu nasuprot verzije kostura i pustite podatke da odluče. Ali nemojte započeti test dok nemate dovoljno prometa da nešto naučite. Kratak test s malom publikom ne govori vam ništa. Pričekajte da brojevi progovore, zatim neka pobjednik postane novi kostur.

Argumenti protiv prilagođene izrade (i argumenti za odstupanje)

Pretpostavka koju ćete najčešće čuti jest da svaka landing stranica mora biti jedinstvena jer je svaka robna marka jedinstvena. Ta pretpostavka košta konverzije. Posjetitelji ne dolaze uspoređujući vaš raspored s rasporedom vašeg konkurenta. Dolaze s problemom i kratkim rasponom pažnje. Poznata struktura smanjuje trenje jer posjetitelj već zna gdje gledati i što dalje učiniti.

'Poznato' ne znači 'identično.' To znači da anatomija ostaje dosljedna dok se sloj robne marke mijenja. Vaš je posao učiniti da se klijent osjeća kao da je stranica njegova, a zadržati strukturu koja već funkcionira.

Prilagođeni pristup također skriva trošak koji klijenti ne vide. Svaki prilagođeni raspored eksperiment je. Može konvertirati, može i ne morati, a nećete znati dok se promet ne potroši. Kostur je poznata veličina; varijable su svedene na tekst, dokaze i ponudu. To su varijable koje zapravo mijenjaju ponašanje. Raspored rijetko je jedna od njih.

Prilagođena izrada isplati se u točno jednom scenariju: imate ponudu visoke vrijednosti, dovoljno prometa za signal i dovoljno vremena za iteraciju. U tom scenariju prilagođeni raspored je oklada koju si možete priuštiti izgubiti. Ako ta tri uvjeta nisu ispunjena, trošite klijentov novac na nagađanje.

Ali kostur nije religija. Slučaj odstupanja je stvaran: enterprise kupci s dugim prodajnim ciklusima često trebaju više prostora za obradu prigovora. Proizvodi s jedinstvenim profilima rizika trebaju dodatne sekcije povjerenja. Kada je ciljano ponašanje doista drugačije, koristite drugačiji kostur. Održavajte dva ili tri kostura i birajte po ponudi.

Najgori neuspjeh je standardizacija radi vlastite udobnosti. Ako koristite isti kostur za svakog klijenta samo zato što je brže, proizvest ćete stranice koje izgledaju kao vaša agencija, a ne vaš klijent. Zato sloj robne marke mora ostati glasan, a kostur tih.

Ponovno korištenje kao disciplina, ne kao zadana postavka

Kada dođe novi brifing, kopirajte posljednju stranicu koja je najbolje rezultirala. Ne otvarajte prazno platno. Prvo promijenite sloj robne marke: boje, fontove, slike, logotip, glas. Zatim promijenite ponudu u naslovu, CTA-u i dokazima.

To je ista logika kao uređivanje postojeće stranice umjesto redizajna. Ne stvarate kotač ispočetka; mijenjate gume i prefarbavate. Ako je prethodna stranica imala sekciju s preporukama koju ova ponuda ne može podržati, uklonite je. Ako nova ponuda ima jamstvo, dodajte to. Kopirajte, zatim revidirajte, zatim objavite.

Što ne kopirati: tvrdnje prethodnog klijenta. Preporuka klijenta A bezvrijedna je na stranici klijenta B. Kostur nosi pozicije, ne sadržaj. Svaki klijent daje vlastite dokaze, vlastite brojeve, vlastite primjere.

Vodite povijest verzija. Za svaku novu stranicu napišite jedan redak: 'Započeto sa stranice [klijent A], promijenjen naslov i blok dokaza, zadržan kostur.' Nakon tri ili četiri stranice vidjet ćete obrasce. Ti obrasci postaju sljedeća iteracija kostura.

Disciplina je važna jer vas tjera da odvojite strukturu od sadržaja. Kada kopirate stranicu i promijenite samo sadržaj, testirate sadržaj. Kada svaki put mijenjate strukturu, nikada ne možete naučiti koji je dio stranice odgovoran za rezultat.

Gdje se ovaj sustav lomi

Pristup kostura ima načine na koje može zakazati. Znajte ih prije nego što vas ugrizu.

Kostur postaje steznik. Ako svaka stranica izgleda identično čak i nakon primjene sloja robne marke, posjetitelji ne znaju o kojoj tvrtki je riječ. Popravak: učinite logotip, paletu i glas vidljivima u prvom pregledu. Ako klijent može vidjeti svoju stranicu pokraj konkurentske i ne primijetiti razliku, sloj robne marke ne radi svoj posao.

Optimizirate za vlastitu brzinu umjesto za posjetiteljevu. Kostur izgrađen za kupnju jednim klikom neće funkcionirati za preuzimanje bijele knjige s više odluka. Koristite jedan od alternativnih kostura. Ako se cilj promijeni, struktura se mijenja.

Preskačete element dokaza jer nije u predlošku. Nikada. Citat, broj ili prepoznatljiv logotip čini više nego nova paleta boja. Kostur postoji kako bi natjerao dokaz unutra, a ne da vam omogući da ga izostavite.

Ne testirate. Kostur je hipoteza, a ne zakon. Pokrenite male testove na naslovu, tekstu CTA-a i mjestu dokaza. Kada se dokazi promijene, ažurirajte kostur. Tako ostaje živ.

Još jedan način kvara: uklanjate navigaciju sa svake stranice bez pitanja treba li posjetitelju način povratka. Istraživanjem potkrijepljena zadana postavka je ukloniti navigaciju s landing stranica, ali svrha pravila je zadržati ljude na stranici. Ako stranica ne može odgovoriti na sljedeće posjetiteljevo pitanje bez gumba za povratak, dodajte minimalnu poveznicu koja to čini. Kostur kaže 'bez navigacije' kao polazište, ne kao zakon.

Vaša sljedeća stranica počinje od kostura

Odlučite odmah koji ćete pristup koristiti kao zadani. Ako upravljate s više klijenata, odgovor je gotovo uvijek 'kostur kao zadano, prilagođeno kao iznimka.' Zapišite to pravilo. Stavite ga u svoj onboarding materijal. Kada sljedeći klijent pita zašto stranica izgleda poznato, recite mu da je to namjerno.

U središtu kostura je jedno pitanje na koje stranica mora odgovoriti. Sve ostalo — sloj robne marke, slike, ton — dekoracija je oko tog odgovora.

Prestanite tretirati svaku stranicu kao prazno platno. Izgradite kostur jednom, restilizirajte ga često, a odstupanja činite rijetko. Tako landing stranice funkcioniraju ponovljivo, za svakog klijenta, bez gubitka robne marke u procesu.

Sources (5)