Jedan konverzioni skelet, mnoga lica klijenata

Summary

Većina landing stranica ne postiže dobre rezultate ne zato što je dizajn loš, već zato što se svaka stranica gradi od nule. Agencije gube vreme i doslednost tako što iznova odlučuju o rasporedu, hijerarhiji i poziciji CTA (poziva na akciju) za svakog klijenta. Ovaj članak vas vodi kroz poređenje između po meri kreiranih stranica, biblioteka šablona i ponovljivog konverzionog skeleta. Naučićete kako da odvojite sloj brenda od konverzionog sloja, napišete pravila na običnom jeziku i odlučite kada je prilagođena izrada zaista vredna toga. Rezultat su brža isporuka, bolje stope konverzije i stranice koje i dalje deluju jedinstveno za svakog klijenta.

Dva načina da se izgradi svaka klijentska stranica

Zašto istoj landing stranici koja je konvertovala za vašeg poslednjeg klijenta treba duplo više vremena za sledećeg? Zato što svaki put krećete od nule. Odaberete raspored, smislite hero sekciju, raspravljate o boji dugmeta i nadate se da će novi dizajn uspeti. To nije dizajn; to je kockanje.

Postoje dva načina za vođenje kreativnog briefa za landing stranicu. Prvi je po meri: svaka stranica počinje kao prazno platno i dobija prilagođenu strukturu. Drugi je skelet: zadržavate fiksnu konverzionu strukturu i restilizujete je za svaki brend. Nijedan nije pogrešan. Oni odgovaraju na različita pitanja.

Uzmite diskontnu vaučer i B2B zahtev za demonstraciju. Na površini nemaju ništa zajedničko. Jedan prodaje kupon; drugi prodaje sastanak. Ali oba treba da daju razlog da ostanu u prve dve sekunde, jednu akciju i nešto što čini da se akcija oseća bezbednom. To je skelet.

Evo kompromisa u jednoj tabeli:

Pristup	Šta se menja kod klijenta	Šta ostaje fiksno	Glavni rizik
Po meri	raspored, redosled sekcija, hijerarhija	skoro ništa	propušteni konverzioni elementi, sporo
Biblioteka šablona	ceo dizajn, biran iz skupa	koji god šablon odaberete	nedosledna struktura, odluke vođene dizajnom
Skelet	boje, fontovi, slike, ton	blok naslova, CTA, pozicija dokaza	jednoličnost, trenje brenda
Hibridni	jedna ili dve zone brenda	ostalo	zahteva stroga pravila ili propada

Biblioteka šablona je tiha treća opcija. Mnogi timovi rade na šablonima i to deluje kao sistem. Nije. Šablon menja strukturu svaki put kada ga promenite, a posetilac dobija novi vizuelni put na svakoj stranici. Neki šabloni dobro konvertuju. Sledeći verovatno neće, a nećete znati koji je koji. Skelet je suprotnost: struktura je konstanta, a brend je promenljiva.

Ostatak ovog članka govori o tome kako da skelet postane podrazumevani i da tačno znate kada da ga prekršite. Ako želite kratku verziju: napravite jednu višekratnu strukturu, stavite brend svakog klijenta na vrh i rezervišite po meri izradu za kampanje koje to mogu da plate.

Prvo fiksirajte konverzioni skelet

Pre nego što otvorite alat za dizajn, napišite minimalno održivu strukturu stranice. Ne wireframe. Niz argumenata: prvo dokažite da razumete problem, zatim predstavite ponudu, pa učinite akciju bezbednom. Dodajte CTA tamo gde oko prirodno padne posle svakog argumenta.

Vodiči za landing stranice se slažu oko iste anatomije: naslov koji imenuje ishod, prateća linija, vizuelni dokaz, društveni dokaz i jedan jasan poziv na akciju. Ako stranica nema svih pet, niste spremni da je stilizujete. Spremni ste da je menjate.

Ovo je takođe mesto gde smanjujete vizuelnu buku. Navigacija je prva stvar koja se uklanja. Sekundarni linkovi, dekorativni karuseli i 'saznaj više' digresije se takmiče sa CTA. Svaki element koji ne gura posetioca ka akciji je distrakcija koju plaćate da održavate.

Karusel je dobar test. Ako stranica počinje sa rotirajućim herojem, traži od posetioca da donese odluku pre nego što sazna o čemu je stranica. Skelet nikada ne bi trebalo da počinje karuselom. Počnite sa jednim naslovom, jednom pratećom linijom, jednom slikom, jednim CTA. Ako ne možete da izrazite poruku stranice u jednoj rečenici, onda stranica nema poruku.

Prazan prostor je deo skeleta, a ne luksuz. Svaki blok treba prostora da diše, a CTA treba prostor oko sebe da se ništa ne takmiči. Kada klijent traži više sadržaja, skelet kaže 'samo ako to pomera posetioca ka sledećem bloku.' Sve ostalo pripada stranici podrške.

Stavite brend na vrh, ne ispod

Sada uzmite brend i stavite ga na gornji sloj. Skelet određuje redosled i prostor. Sloj brenda određuje boje, tipografiju, fotografije i ton. Sloj brenda može biti radikalno drugačiji od jednog klijenta do drugog. Skelet ne bi trebalo da bude.

Kreditna unija i streetwear etiketa mogu da dele isti skelet i deluju potpuno drugačije. Jedna koristi prigušene plave tonove i umirujući jezik; druga koristi upadljivu tipografiju i fotografije proizvoda. Isti blok naslova, ista pozicija CTA, isti redosled dokaza. Posetilac vidi brend. Konverzije dolaze iz strukture.

Kada vas klijent zamoli da 'učinite da deluje jedinstvenije kao naše,' pitajte šta se time menja. Ako menja slike, ton, studije slučaja, već ste gotovi. Ako menja redosled naslova i forme, pregovarate protiv posetioca.

Dajte brendu upadljivo prisustvo i ograničenu ulogu. Logo treba da bude vidljiv odmah, paleta treba da ispuni stranicu, a ton treba da bude nepogrešiv. Ono što brend ne bi trebalo da radi je da menja raspored skeleta. Ako klijent insistira na promeni rasporeda, tražite dokaz da promena poboljšava konverziju. Obično ga nema. To nije kritika; to je signal da se zahtev tiče ukusa, a ne ponašanja.

Napomena: sloj brenda može uticati na skelet kada sam proizvod to zahteva. Fizički proizvod zahteva veliku hero fotografiju. Enterprise softverska kompanija može zahtevati dužu formu. Ugradite jedno pravilo u svoj sistem: brend može prilagoditi slike i ton, ali ne može ostaviti CTA izolovanim. Ako želite da trenutno izgradite poverenje, počnite sa slojem brenda, ne sa rasporedom.

Koliko prilagođavanja ova kampanja zaslužuje?

Ne možete odgovoriti na 'po meri ili skelet' opštim pravilom. Odgovarate po kampanji. Prođite kroz brief sa tri pitanja.

Koliko dugo će stranica živeti? Stranica koja traje dve nedelje nema vremena da amortizuje prilagođenu izradu. Stranica koja traje dve godine može opravdati jednu.

Koliko će je saobraćaja videti? Stranica sa malim saobraćajem ne može dokazati da prilagođeni dizajn radi pre kraja kampanje. Stranica sa velikim saobraćajem daje dovoljno podataka da testirate po meri raspored.

Koliko vredi jedna konverzija? Preuzimanje besplatne e-knjige i konsultacija vredna više hiljada dolara su različite opklade. Što je veća vrednost, više prostora za po meri sekciju. Ali imajte na umu: čak i ponuda visoke vrednosti može dobro konvertovati na skeletu. Po meri izrada je luksuz, a ne zahtev.

Koristite ove nivoe:

• Nivo 1: Samo restilizacija. Isti skelet, nove boje, fontovi, slike, tekst.
• Nivo 2: Prilagodite hijerarhiju sadržaja. Zadržite iste sekcije, ali zamenite blok naslova, redosled dokaza ili dužinu forme.
• Nivo 3: Po meri izrada. Prilagođeni raspored i jedinstvene sekcije.

Učinite Nivo 1 podrazumevanim. Pređite na Nivo 2 samo kada ponuda zahteva drugačiji argument. Rezervišite Nivo 3 za kampanje sa dovoljno saobraćaja i dovoljno vrednosti da možete izmeriti razliku. Ne dozvolite da klijentovo 'moramo da se istaknemo' nadjača dokaze o tome šta obično radi.

Kalibrišite na primerima. Pretplatnička usluga koja dodaje novi nivo je obično Nivo 2: isti skelet, novi blok cena. Godišnja akcija neprofitne organizacije je Nivo 1: ista struktura, nova priča i fotografije. Lansiranje proizvoda sa velikim medijskim budžetom i visokom cenom zaslužuje Nivo 3. Većina briefova nije takvo lansiranje.

Ono što po meri izrada kupuje je sloboda da testirate novu strukturu. To je stvarno, ali ima cenu: ne znate da li nova struktura radi dok kampanja ne počne. Ono što skelet kupuje je izvesnost o delovima koji se ne menjaju. Možete potrošiti kreativnu energiju na tekst, dokaz i ponudu, koji su promenljive koje zapravo menjaju ponašanje. Izaberite skelet kada želite da naučite nešto o ponudi, a po meri kada želite da naučite nešto o rasporedu.

Prikupite materijale jednom, ne po stranici

Sastavite listu za prikupljanje materijala koju svaki klijent popunjava pre nego što počnete. Tražite logo datoteke, boje brenda, fontove, dve ili tri odobrene slike, jedan čvrst dokaz i tačnu frazu koju žele na dugmetu. Ovo zvuči administrativno, ali je odluka o konverziji. Kada imate materijale u rukama, skelet se može odmah sastaviti. Kada ih nemate, tražite, čekate i improvizujete. Improvizacija je način na koji počinje po meri izrada.

Element dokaza je ono što klijenti zaboravljaju. Citat, broj ili logo klijenta. Bez toga, stranica ima rupu u bloku dokaza, a rupa vas poziva da izmislite novu sekciju. Ne izmišljajte. Tražite materijal. Ako klijent nema jedan, stranica i dalje može konvertovati, ali blok dokaza postaje mesto za fotografiju korisnika ili pomen u medijima. Šta god koristite, mora biti stvarno. Skelet ne može proizvesti poverenje.

Napravite listu za prikupljanje materijala kao šablon. Svaki novi klijent dobija isti fajl sa istih pet zahteva. Bićete iznenađeni koliko 'smernica brenda' ne uključuje logo datoteku sa transparentnom pozadinom ili licencu za font. Rešite te probleme pre izrade stranice, ne tokom nje. Skelet funkcioniše samo ako se sloj brenda može uklopiti bez trenja.

Napišite svoj skelet kao pravila na običnom jeziku

Skelet neće preživeti ako živi samo u dizajn fajlu. Zapišite ga kao recept. Svaka osoba koja radi na stranici — frilenser, junior dizajner, copywriter — treba ista pravila.

Evo skupa koji funkcioniše za većinu klijentskih poslova:

• Jedan primarni CTA po stranici. Pojavljuje se iznad pregiba i ponovo posle bloka dokaza.
• Naslov ostaje kratak i imenuje ishod, ne proizvod.
• Dugme CTA sadrži glagol plus isporučivu stvar: 'Preuzmi izveštaj,' ne 'Pošalji.'
• Bar jedan element dokaza pojavljuje se pre forme: citat, broj ili logo klijenta.
• Nema glavne navigacije. Nema spoljnih linkova.
• Svaka slika ima vidljiv razlog da bude tu. Ako ne možete reći zašto, uklonite je.

Ova pravila su namerno dosadna. Dosadnost je poenta. Kada su pravila jasna, možete napraviti dobru landing stranicu za sate umesto nedelja, i možete je predati nekom drugom bez sastanka.

Primetite šta pravila ne pominju. Ne pominju konkretne boje, fontove ili rasporedne mreže. Imenuju ishod ('jedan primarni CTA') ali ne i tačnu poziciju. To čini sloj brenda slobodnim. Dizajner može primeniti bilo koji vizuelni stil bez kršenja ijednog pravila.

Sada dodajte pravilo 'praznog prostora': ako brief traži nešto što nije pokriveno pravilima, zapišite promenu i proverite da li preživi dve druge stranice. Ako preživi, dodajte ga skeletu. Ako ne, izostavite ga.

Ovako skelet raste. Počinje sa pet elemenata koje svaka stranica treba. Posle šest meseci, može uključiti 'ako ponuda ima garanciju, stavite je pored forme' jer su ponovljene izrade pokazale da pomaže. Pravila nisu statična. Ona su živi zapis onoga što ste naučili.

Šabloni nisu skelet

Biblioteka šablona daje vam mnogo polaznih tačaka. Skelet daje jednu strukturu i skup invarijanti. Razlika je sve važnija kako lista vaših klijenata raste.

Sa šablonima, osoba koja počinje stranicu donosi odluku o dizajnu previše rano. 'Koji šablon odgovara ovom klijentu?' nameće odgovor o rasporedu pre nego što je iko napisao naslov ili prikupio dokaze. Struktura samog šablona zatim određuje šta se uključuje. Posetilac na kraju čita stranicu koju je dizajnirala kategorija šablona, a ne logika konverzije.

Sa skeletom, odluka je obrnuta. Strukturu je već odlučilo ono za šta znate da radi. Jedino pitanje je koji klijentovi materijali popunjavaju sloj brenda. Počinjete sa porukom, ne sa dizajnom.

To ne znači da su šabloni beskorisni. Šablon može biti koristan kada još nemate dokaze: nova vrsta ponude, nova publika, novi tim. Ali koristite ga kao polaznu tačku za skelet, ne kao zamenu za jedan. Uzmite šablon koji je najbliži strukturi koja vam treba, skinite ga na gole sekcije, a zatim primenite svoja pravila. Ako se struktura šablona bori protiv pravila, šablon gubi.

Ista logika se primenjuje na alate za izgradnju stranica koji generišu rasporede na osnovu upita. Generisani raspored je polazna tačka, ne sistem. I dalje morate odlučiti koje sekcije preživljavaju, gde je CTA i koji dokaz nosi stranicu. Skelet je skup odluka koje zadržavate; generisani izlaz je samo još jedan šablon za uređivanje.

Prodajte ishod, ne raspored

Klijenti će imati mišljenja o rasporedu. Rešenje je da preformulišete razgovor. Kada kažu 'Mislim da forma treba da bude levo,' pitajte 'Šta želite da posetioci prvo osete ili urade?' Povežite zahtev sa ciljem. Ako klijent ne može imenovati ishod, zadržite skelet.

Pokažite dve verzije iste stranice sa različitim slojevima brenda i pustite ih da biraju. To daje klijentu osećaj vlasništva bez diranja strukture. Odluka postaje 'koji ton, koje slike' a ne 'koja pozicija.' Provešćete manje vremena na sastancima, a više na tekst, dokaz i ponudu, što su delovi koji menjaju ishod.

Ako vam je potrebna podrška klijenta za skelet, uradite uporedni test. Stavite klijentovu trenutnu stranicu naspram skelet verzije i pustite da podaci odluče. Ali ne pokrećite test dok nemate dovoljno saobraćaja da naučite nešto. Kratak test sa malom publikom vam ne govori ništa. Sačekajte da brojevi progovore, zatim pustite da pobednik postane novi skelet.

Slučaj protiv po meri (i slučaj za odstupanje)

Pretpostavka koju ćete najčešće čuti je da svaka landing stranica mora delovati jedinstveno jer je svaki brend jedinstven. Ta pretpostavka košta konverzije. Posetioci ne dolaze upoređujući vaš raspored sa konkurentskim. Dolaze sa problemom i kratkim rasponom pažnje. Poznata struktura smanjuje trenje jer posetilac već zna gde da gleda i šta da radi sledeće.

'Poznato' ne znači 'identično.' Znači da anatomija ostaje dosledna dok se sloj brenda menja. Vaš posao je da učinite da se klijent oseća kao da je stranica njihova, dok zadržavate strukturu koja već radi.

Po meri pristup takođe skriva trošak koji klijenti ne vide. Svaki prilagođeni raspored je eksperiment. Može konvertovati, može i ne, a nećete znati dok se saobraćaj ne potroši. Skelet je poznata veličina; promenljive su svedene na tekst, dokaz i ponudu. To su promenljive koje zapravo menjaju ponašanje. Raspored retko kada jeste.

Po meri izrada se isplati u tačno jednom scenariju: imate ponudu visoke vrednosti, dovoljno saobraćaja da dobijete signal i dovoljno vremena za iteraciju. U tom scenariju, prilagođeni raspored je opklada koju možete sebi priuštiti da izgubite. Ako ta tri uslova nisu ispunjena, trošite klijentov novac na nagađanje.

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

Najgori neuspeh je standardizacija radi vaše udobnosti. Ako koristite isti skelet za svakog klijenta samo zato što je brže, proizvodićete stranice koje izgledaju kao vaša agencija, a ne kao vaš klijent. Zato sloj brenda mora ostati upadljiv, a skelet mora ostati suzdržan.

Ponovno korišćenje kao disciplina, ne kao podrazumevano

Kada stigne novi brief, kopirajte poslednju stranicu koja je najbolje performirala. Ne otvarajte prazno platno. Prvo promenite sloj brenda: boje, fontove, slike, logo, ton. Zatim promenite ponudu u naslovu, CTA i dokazu.

Ovo je ista logika kao uređivanje postojeće stranice umesto redizajna. Ne pravite ponovo točak; menjate gume i prefarbavate. Ako je prethodna stranica imala sekciju sa preporukama koju ova ponuda ne može podržati, uklonite je. Ako nova ponuda ima garanciju, dodajte je. Kopirajte, zatim proverite, pa objavite.

Šta ne kopirati: tvrdnje prethodnog klijenta. Preporuka klijenta A je bezvredna na stranici klijenta B. Skelet nosi pozicije, ne sadržaj. Svaki klijent daje svoj dokaz, svoje brojeve, svoje primere.

Vodite istoriju verzija. Za svaku novu stranicu napišite jednu liniju: 'Početo od [klijent A] stranice, promenjen naslov i blok dokaza, zadržan skelet.' Posle tri ili četiri stranice, videćete obrasce. Ti obrasci postaju sledeća iteracija skeleta.

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

Gde ovaj sistem puca

Skelet pristup ima načine na koje može da zakaže. Poznajte ih pre nego što vas ujedu.

Skelet postaje steznik. Ako svaka stranica izgleda identično čak i nakon što je sloj brenda primenjen, posetioci ne znaju koju kompaniju gledaju. Rešenje: učinite logo, paletu i ton vidljivim u prvom pregledu. Ako klijent može videti svoju stranicu pored konkurentske i ne primeti razliku, sloj brenda ne radi svoj posao.

Optimizujete za svoju brzinu umesto za posetioca. Skelet napravljen za kupovinu jednim klikom neće raditi za preuzimanje belog papira sa više odluka. Koristite jedan od alternativnih skeleta. Ako se cilj promeni, struktura se menja.

Preskačete element dokaza jer ga nema u šablonu. Nikada. Citat, broj ili prepoznatljiv logo rade više posla nego nova paleta boja. Skelet postoji da primora dokaz da uđe, ne da vam dozvoli da ga izostavite.

Ne testirate. Skelet je hipoteza, ne zakon. Pokrenite male testove na naslovu, CTA tekstu i poziciji dokaza. Kada se dokazi promene, ažurirajte skelet. Tako ostaje živ.

Još jedan način zakaže: uklanjate navigaciju sa svake stranice bez pitanja da li posetilac treba način da se vrati. Istraživanjem podržani podrazumevani pristup je da se ukloni navigacija sa landing stranica, ali svrha pravila je da zadrži ljude na stranici. Ako stranica ne može odgovoriti na sledeće pitanje posetioca bez dugmeta za nazad, dodajte minimalan link koji to čini. Skelet kaže 'nema navigacije' kao polaznu tačku, ne kao zakon.

Vaša sledeća stranica počinje od skeleta

Odlučite odmah koji će pristup biti vaš podrazumevani. Ako upravljate sa više klijenata, odgovor je gotovo uvek 'skelet po podrazumevanoj, po meri po izuzetku.' Zapišite to pravilo. Stavite ga u svoj onboarding materijal. Kada sledeći klijent pita zašto stranica izgleda poznato, recite im da je to namerno.

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

Prestanite da tretirate svaku stranicu kao prazno platno. Napravite skelet jednom, restilizujte ga često, odstupanja retko. Tako činite da landing stranice rade ponovljivo, za svakog klijenta, bez gubitka brenda u procesu.