Jedna konverzná kostra, mnoho tvárí klientov

Zhrnutie

Väčšina vstupných stránok nepodáva dobré výsledky nie preto, že by bol dizajn zlý, ale preto, že každá stránka je postavená od nuly. Agentúry strácajú čas a konzistenciu tým, že pre každého klienta znovu rozhodujú o rozložení, hierarchii a umiestnení CTA. Tento článok vás prevedie porovnaním stránok na mieru, knižníc šablón a opakovateľnej konverznej kostry. Naučíte sa, ako oddeliť vrstvu značky od konverznej vrstvy, písať pravidlá v jednoduchom jazyku a rozhodnúť, kedy sa vlastná tvorba naozaj oplatí. Výsledkom je rýchlejšie doručenie, vyššia miera konverzie a stránky, ktoré stále pôsobia jedinečne pre každého klienta.

Dva spôsoby, ako postaviť každú stránku klienta

Prečo rovnakej vstupnej stránke, ktorá konvertovala pre posledného klienta, trvá na ďalšom dvakrát dlhšie? Pretože vždy začínate od nuly. Vyberiete rozloženie, vymyslíte hero sekciu, hádate sa o farbe tlačidla a dúfate, že nový dizajn zaberie. To nie je dizajn; to je hazard.

Existujú dva spôsoby, ako spracovať zadanie vstupnej stránky. Prvý je na mieru: každá stránka začína ako prázdne plátno a dostane vlastnú štruktúru. Druhý je kostra: ponecháte pevnú konverznú štruktúru a pre každú značku ju preštýlujete. Ani jeden nie je zlý. Odpovedajú na rôzne otázky.

Vezmite si zľavový kupón a žiadosť o B2B demo. Na povrch nemajú nič spoločné. Jeden predáva kupón; druhý predáva stretnutie. Obaja však potrebujú dôvod, prečo zostať v prvých dvoch sekundách, jednu akciu a niečo, čo akciu robí bezpečnou. To je kostra.

Tu je kompromis v jednej tabuľke:

Prístup	Čo sa mení pre klienta	Čo zostáva pevné	Hlavné riziko
Na mieru	rozloženie, poradie sekcií, hierarchia	takmer nič	chýbajúce konverzné prvky, pomalé
Knižnica šablón	celý dizajn, vybraný zo sady	tá šablóna, ktorú ste vybrali	nekonzistentná štruktúra, rozhodnutia riadené dizajnom
Kostra	farby, fonty, obrázky, hlas	blok nadpisu, CTA, umiestnenie dôkazov	uniformita, trenie so značkou
Hybrid	jedna alebo dve zóny značky	zvyšok	potrebuje prísne pravidlá, inak degraduje

Knižnica šablón je tichá tretia možnosť. Mnoho tímov pracuje so šablónami a pripadá im to ako systém. Nie je. Šablóna mení štruktúru vždy, keď ju zmeníte, a návštevník dostane na každej stránke novú vizuálnu cestu. Niektoré šablóny konvertujú dobre. Ďalšia pravdepodobne nebude a vy nebudete vedieť, ktorá je ktorá. Kostra je opak: štruktúra je konštantou a značka je premennou.

Zvyšok tohto článku je o tom, aby bola kostra predvolená a aby ste presne vedeli, kedy ju porušiť. Ak chcete krátku verziu: postavte jednu opakovateľne použiteľnú štruktúru, položte na ňu značku každého klienta a prácu na mieru si nechajte na kampane, ktoré si ju môžu dovoliť.

Najprv zafixujte konverznú kostru

Skôr ako otvoríte dizajnérsky nástroj, napíšte minimálnu životaschopnú štruktúru stránky. Nie wireframe. Postupnosť argumentov: najprv dokážte, že rozumiete problému, potom predstavte ponuku a potom urobte akciu bezpečnou. Pridajte CTA tam, kam oko prirodzene padne po každom argumente.

Príručky o vstupných stránkach sa zhodujú na rovnakej anatómii: nadpis, ktorý pomenúva výsledok, podporný riadok, vizuálny dôkaz, sociálny dôkaz a jednu jasnú výzvu na akciu. Ak stránka nemá všetkých päť, nie ste pripravení ju štylizovať. Ste pripravení ju upravovať.

Toto je tiež miesto, kde zrežete vizuálny šum. Navigácia je prvá vec, ktorá ide preč. Sekundárne odkazy, dekoratívne karusely a králičie nory „zistiť viac“ všetky konkurujú CTA. Každý prvok, ktorý návštevníka netlačí k akcii, je rozptýlenie, ktoré platíte za údržbu.

Karusel je dobrý test. Ak sa stránka otvára rotujúcim hrdinom, žiada návštevníka, aby sa rozhodol skôr, ako vie, o čom stránka je. Kostra by sa nikdy nemala otvárať karuselom. Otvorte jedným nadpisom, jedným podporným riadkom, jedným obrázkom, jedným CTA. Ak neviete povedať posolstvo stránky jednou vetou, stránka žiadne nemá.

Biele miesto je súčasťou kostry, nie luxus. Každý blok potrebuje priestor na dýchanie a CTA potrebuje okolo seba priestor, aby nič nekonkurovalo. Keď klient žiada viac obsahu, kostra hovorí „iba ak to posunie návštevníka do ďalšieho bloku.“ Všetko ostatné patrí na podpornú stránku.

Položte značku navrch, nie pod to

Teraz vezmite značku a položte ju na vrchnú vrstvu. Kostra rozhoduje o poradí a priestore. Vrstva značky rozhoduje o farbách, typografii, fotografii a hlase. Vrstva značky sa môže radikálne líšiť od jedného klienta k druhému. Kostra by sa nemala.

Úverové družstvo a streetwearová značka môžu zdieľať rovnakú kostru a pôsobiť úplne odlišne. Jedno používa tlmené modré a upokojujúci jazyk; druhé používa výraznú typografiu a produktové fotografie. Rovnaký blok nadpisu, rovnaké umiestnenie CTA, rovnaká postupnosť dôkazov. Návštevník vidí značku. Konverzie pochádzajú zo štruktúry.

Keď vás klient požiada, aby to „pôsobilo viac ako naše,“ opýtajte sa, čo to mení. Ak to mení obrázky, tón, prípadové štúdie, už ste hotoví. Ak to mení poradie nadpisu a formulára, vyjednávate proti návštevníkovi.

Dajte značke výraznú prítomnosť a obmedzenú úlohu. Logo by malo byť okamžite viditeľné, paleta by mala nasýtiť stránku a hlas by mal byť nezameniteľný. Čo by značka nemala robiť, je preskupovať kostru. Ak klient trvá na zmene rozloženia, požiadajte o dôkaz, že zmena zlepšuje konverziu. Zvyčajne žiadny neexistuje. To nie je kritika; je to signál, že žiadosť je o vkuse, nie o správaní.

Upozornenie: vrstva značky môže ovplyvniť kostru, keď si to produkt sám vyžaduje. Fyzický produkt potrebuje veľký hrdinský záber. Podnikový softvérový podnik môže potrebovať dlhší formulár. Zabudujte do svojho systému jedno pravidlo: značka môže upravovať obrázky a tón, ale nemôže osireť CTA. Ak chcete okamžite vybudovať dôveru, začnite vrstvou značky, nie rozložením.

Koľko prispôsobenia si táto kampaň zaslúži?

Na otázku „na mieru alebo kostra“ nemôžete odpovedať všeobecným pravidlom. Odpovedáte na ňu pre každú kampaň. Prejdite zadanie tromi otázkami.

Ako dlho bude stránka žiť? Stránka, ktorá beží dva týždne, nemá čas amortizovať vlastnú tvorbu. Stránka, ktorá beží dva roky, si ju môže dovoliť.

Koľko návštevnosti ju uvidí? Stránka s nízkou návštevnosťou nemôže dokázať, že vlastný dizajn funguje, pred skončením kampane. Stránka s vysokou návštevnosťou vám dá dostatok údajov na testovanie rozloženia na mieru.

Koľko stojí jedna konverzia? Bezplatné stiahnutie e-knihy a konzultácia za niekoľko tisíc dolárov sú rôzne stávky. Čím väčšia hodnota, tým väčší priestor pre sekciu na mieru. Ale pamätajte: aj ponuka s vysokou hodnotou môže dobre konvertovať na kostre. Vlastná tvorba je luxus, nie požiadavka.

Použite tieto úrovne:

• Úroveň 1: Iba preštýlovať. Rovnaká kostra, nové farby, fonty, obrázky, text.
• Úroveň 2: Upraviť hierarchiu obsahu. Ponechajte rovnaké sekcie, ale vymeňte blok nadpisu, poradie dôkazov alebo dĺžku formulára.
• Úroveň 3: Vlastná tvorba. Vlastné rozloženie a jedinečné sekcie.

Urobte z úrovne 1 predvolenú voľbu. Prejdite na úroveň 2, iba keď ponuka potrebuje iný argument. Úroveň 3 si nechajte pre kampane s dostatočnou návštevnosťou a hodnotou, aby ste mohli zmerať rozdiel. Nedovoľte, aby „musíme vyniknúť“ od klienta prehlušilo dôkazy o tom, čo zvyčajne funguje.

Kalibrujte na príkladoch. Predplatná služba pridávajúca novú úroveň je zvyčajne úroveň 2: rovnaká kostra, nový blok s cenami. Koncoročná výzva neziskovej organizácie je úroveň 1: rovnaká štruktúra, nový príbeh a fotografie. Uvedenie produktu so širokým mediálnym rozpočtom a vysokou cenou si zaslúži úroveň 3. Väčšina zadaní nie je také uvedenie.

To, čo vám kúpi práca na mieru, je sloboda testovať novú štruktúru. To je reálne, ale má to cenu: neviete, či nová štruktúra funguje, kým kampaň nebeží. To, čo vám kúpi kostra, je istota o častiach, ktoré sa nemenia. Svoju kreatívnu energiu môžete minúť na text, dôkazy a ponuku, čo sú premenné, ktoré skutočne menia správanie. Vyberte si kostru, keď sa chcete učiť o ponuke, a prácu na mieru, keď sa chcete učiť o rozložení.

Zbierajte materiály raz, nie na každú stránku

Zostavte vstupný zoznam, ktorý vyplní každý klient pred začiatkom. Požiadajte o súbory s logom, farby značky, fonty, dva alebo tri schválené obrázky, jeden tvrdý dôkazový prvok a presnú frázu, ktorú chcú na tlačidle. Znie to administratívne, ale je to konverzné rozhodnutie. Keď máte materiály v ruke, kostru môžete zostaviť okamžite. Keď ich nemáte, hľadáte, čakáte a improvizujete. Improvizácia je to, ako začína práca na mieru.

Dôkazový prvok je ten, na ktorý klienti zabúdajú. Citát, číslo alebo logo zákazníka. Bez neho má stránka dieru v bloku dôkazov a diera vás pozýva vymyslieť novú sekciu. Nevymýšľajte. Požiadajte o materiál. Ak ho klient nemá, stránka môže stále konvertovať, ale blok dôkazov sa stane miestom pre fotografiu zákazníka alebo zmienku v tlači. Čokoľvek použijete, musí to byť skutočné. Kostra nedokáže vyrobiť dôveru.

Urobte zo vstupného zoznamu šablónu. Každý nový klient dostane rovnaký súbor s rovnakými piatimi požiadavkami. Budete prekvapení, koľko „brand guidelines“ neobsahuje súbor s logom s priehľadným pozadím alebo licenciu na font. Zachyťte tieto problémy pred tvorbou stránky, nie počas nej. Kostra funguje, iba ak vrstva značky môže zapadnúť bez trenia.

Napíšte svoju kostru ako pravidlá v jednoduchom jazyku

Kostra neprežije, ak žije iba v dizajnérskom súbore. Zapíšte ju ako recept. Každý, kto sa dotkne stránky — freelancer, junior dizajnér, copywriter — potrebuje rovnaké pravidlá.

Tu je sada, ktorá funguje pre väčšinu klientskych prác:

• Jedno primárne CTA na stránku. Objaví sa nad záhybom a znova po bloku dôkazov.
• Nadpis zostáva krátky a pomenúva výsledok, nie produkt.
• Tlačidlo CTA obsahuje sloveso plus to, čo človek získa: „Získať správu,“ nie „Odoslať.“
• Aspoň jeden dôkazový prvok sa objaví pred formulárom: citát, číslo alebo logo zákazníka.
• Žiadna hlavná navigácia. Žiadne externé odkazy.
• Každý obrázok má viditeľný dôvod, prečo je tam. Ak neviete povedať prečo, odstráňte ho.

Tieto pravidlá sú zámerne nudné. Nuda je pointou. Keď sú pravidlá jasné, dokážete vytvoriť dobrú vstupnú stránku za hodiny namiesto týždňov a môžete ju odovzdať niekomu inému bez stretnutia.

Všimnite si, čo pravidlá nespomínajú. Nespomínajú konkrétne farby, fonty ani rozloženie mriežky. Pomenúvajú výsledok („jedno primárne CTA“), ale nie presné umiestnenie. To je to, čo robí vrstvu značky voľnou. Dizajnér môže aplikovať akýkoľvek vizuálny štýl bez porušenia jediného pravidla.

Teraz pridajte pravidlo „prázdneho miesta“: ak zadanie žiada niečo, čo pravidlá nepokrývajú, zapíšte zmenu a zistite, či prežije dve ďalšie stránky. Ak áno, pridajte ju do kostry. Ak nie, vynechajte ju.

Takto kostra rastie. Začína s piatimi prvkami, ktoré potrebuje každá stránka. Po šiestich mesiacoch môže zahŕňať „ak má ponuka záruku, dajte ju vedľa formulára,“ pretože opakované stavby ukázali, že to pomáha. Pravidlá nie sú statické. Sú živým záznamom toho, čo ste sa naučili.

Šablóny nie sú kostra

Knižnica šablón vám dáva veľa východiskových bodov. Kostra vám dáva jednu štruktúru a súbor nemenných prvkov. Rozdiel je dôležitejší, keď váš zoznam klientov rastie.

Pri šablónach robí osoba, ktorá stránku začína, dizajnérske rozhodnutie príliš skoro. „Ktorá šablóna sa hodí pre tohto klienta?“ núti odpovedať o rozložení skôr, než niekto napísal nadpis alebo pozbieral dôkazy. Vlastná štruktúra šablóny potom riadi to, čo sa zahrnie. Návštevník nakoniec číta stránku navrhnutú kategóriou šablóny, nie konverznou logikou.

Pri kostre je rozhodnutie obrátené. Štruktúra je už rozhodnutá tým, čo viete, že funguje. Jedinou otázkou je, ktoré materiály klienta naplnia vrstvu značky. Začínate s posolstvom, nie s dizajnom.

To neznamená, že šablóny sú zbytočné. Šablóna môže byť užitočná, keď ešte nemáte dôkazy: nový typ ponuky, nové publikum, nový tím. Ale použite ju ako východiskový bod pre kostru, nie ako náhradu za ňu. Vezmite šablónu, ktorá je najbližšie k štruktúre, ktorú potrebujete, oberte ju o všetko až na holé sekcie a potom aplikujte svoje pravidlá. Ak štruktúra šablóny bojuje proti pravidlám, šablóna prehráva.

Rovnaká logika platí pre nástroje na tvorbu stránok, ktoré generujú rozloženie z výzvy. Vygenerované rozloženie je východiskový bod, nie systém. Stále musíte rozhodnúť, ktoré sekcie prežijú, kde sedí CTA a aký dôkaz nesie stránku. Kostra je súbor rozhodnutí, ktoré si ponecháte; vygenerovaný výstup je len ďalšia šablóna na úpravu.

Predávajte výsledok, nie rozloženie

Klienti budú mať názory na rozloženie. Riešením je preformulovať konverzáciu. Keď povedia „myslím, že formulár by mal byť vľavo,“ opýtajte sa „čo chcete, aby návštevníci cítili alebo urobili ako prvé?“ Spojte požiadavku s cieľom. Ak klient nevie pomenovať výsledok, ponechajte kostru.

Ukážte dve verzie tej istej stránky s rôznymi vrstvami značky a nechajte ich vybrať. To dáva klientovi pocit vlastníctva bez toho, aby sa dotkol štruktúry. Rozhodnutie sa stáva „ktorý hlas, ktoré obrázky“, nie „ktoré umiestnenie.“ Strávite menej času na stretnutiach a viac času na texte, dôkazoch a ponuke, čo sú časti, ktoré menia výsledok.

Ak potrebujete, aby klient kostru schválil, spustite porovnávací test. Postavte aktuálnu stránku klienta proti verzii s kostrou a nechajte rozhodnúť dáta. Ale nezačínajte test, kým nemáte dostatok návštevnosti na to, aby ste sa niečo naučili. Krátky test s mizerným publikom vám nič nepovie. Počkajte, kým čísla prehovoria, a potom nechajte víťaza stať sa novou kostrou.

Argument proti práci na mieru (a argument pre výnimku)

Predpoklad, ktorý budete počuť najčastejšie, je, že každá vstupná stránka musí pôsobiť jedinečne, pretože každá značka je jedinečná. Tento predpoklad stojí konverzie. Návštevníci neprichádzajú a neporovnávajú vaše rozloženie s rozložením konkurencie. Prichádzajú s problémom a krátkym rozpätím pozornosti. Známa štruktúra znižuje trenie, pretože návštevník už vie, kam sa pozerať a čo robiť ďalej.

„Známy“ neznamená „identický.“ Znamená to, že anatómia zostáva konzistentná, zatiaľ čo vrstva značky sa mení. Vašou úlohou je dosiahnuť, aby klient cítil, že stránka je jeho, pričom sa zachová štruktúra, ktorá už funguje.

Prístup na mieru tiež skrýva náklady, ktoré klienti nevidia. Každé vlastné rozloženie je experiment. Môže konvertovať, nemusí, a vy to neviete, kým sa neminie návštevnosť. Kostra je známa veličina; premenné sú zredukované na text, dôkazy a ponuku. To sú premenné, ktoré skutočne menia správanie. Rozloženie medzi ne zriedka patrí.

Práca na mieru sa oplatí presne v jednom scenári: máte ponuku s vysokou hodnotou, dostatok návštevnosti na získanie signálu a dostatok času na iteráciu. V tomto scenári je vlastné rozloženie stávka, ktorú si môžete dovoliť prehrať. Ak tieto tri podmienky nie sú splnené, míňate peniaze klienta na hádku.

Ale kostra nie je náboženstvo. Prípad výnimky je reálny: firemní kupujúci s dlhými predajnými cyklami často potrebujú viac priestoru na spracovanie námietok. Produkty s jedinečnými rizikovými profilmi potrebujú extra sekcie dôvery. Keď je cieľové správanie skutočne iné, použite inú kostru. Udržiavajte dve alebo tri kostry a vyberajte podľa ponuky.

Najhorším zlyhaním je štandardizácia pre vaše vlastné pohodlie. Ak používate rovnakú kostru pre každého klienta len preto, že je to rýchlejšie, vytvoríte stránky, ktoré vyzerajú ako vaša agentúra, nie ako váš klient. Preto musí vrstva značky zostať výrazná a kostra tichá.

Znovupoužívanie ako disciplína, nie predvolený stav

Keď príde nové zadanie, skopírujte poslednú stránku, ktorá si počínala najlepšie. Neotvárajte prázdne plátno. Najprv zmeňte vrstvu značky: farby, fonty, obrázky, logo, hlas. Potom zmeňte ponuku v nadpise, CTA a dôkazoch.

Toto je rovnaká logika ako úprava existujúcej stránky namiesto prerábania. Neznovuvytvárate koleso; vymieňate pneumatiky a pretierate. Ak mala predchádzajúca stránka sekciu referencií, ktorú táto ponuka nemôže podporiť, odstráňte ju. Ak má nová ponuka záruku, pridajte ju. Skopírujte, potom skontrolujte a potom odošlite.

Čo nekopírovať: tvrdenia predchádzajúceho klienta. Referencia od klienta A je na stránke klienta B bezcenná. Kostra nesie pozície, nie obsah. Každý klient dodáva vlastné dôkazy, vlastné čísla, vlastné príklady.

Veďte históriu verzií. Pre každú novú stránku napíšte jeden riadok: „Začaté zo stránky [klient A], zmenený nadpis a blok dôkazov, ponechaná kostra.“ Po troch alebo štyroch stránkach uvidíte vzory. Tie vzory sa stanú ďalšou iteráciou kostry.

Disciplína je dôležitá, pretože vás núti oddeliť štruktúru od obsahu. Keď kopírujete stránku a meníte iba obsah, testujete obsah. Keď zakaždým meníte štruktúru, nikdy sa nemôžete naučiť, ktorá časť stránky je zodpovedná za výsledok.

Kde sa tento systém rozpadá

Prístup kostry má spôsoby zlyhania. Poznajte ich skôr, ako vás uhryznú.

Kostra sa stane zvieracou kazajkou. Ak každá stránka vyzerá identicky aj po aplikovaní vrstvy značky, návštevníci nevedia, na ktorú spoločnosť sa pozerajú. Oprava: urobte logo, paletu a hlas viditeľnými v prvom zobrazení. Ak by klient videl svoju stránku vedľa stránky konkurenta a nevšimol si rozdiel, vrstva značky nerobí svoju prácu.

Optimalizujete pre svoju vlastnú rýchlosť namiesto rýchlosti návštevníka. Kostra postavená pre nákup jedným kliknutím nebude fungovať pre sťahovanie bielej knihy s viacnásobným rozhodovaním. Použite jednu z alternatívnych kostier. Ak sa zmení cieľ, zmení sa štruktúra.

Vynecháte dôkazový prvok, pretože nie je v šablóne. Nikdy. Citát, číslo alebo rozpoznateľné logo urobí viac práce ako nová farebná paleta. Kostra existuje na to, aby dôkaz vynútila, nie aby vám umožnila ho vynechať.

Netestujete. Kostra je hypotéza, nie zákon. Spúšťajte malé testy nadpisu, textu CTA a umiestnenia dôkazov. Keď sa dôkazy zmenia, aktualizujte kostru. Takto zostáva nažive.

Ešte jeden spôsob zlyhania: odstránite navigáciu na každej stránke bez toho, aby ste sa opýtali, či návštevník potrebuje cestu späť. Výskumom podložená predvolená voľba je zbaviť vstupné stránky navigácie, ale účelom pravidla je udržať ľudí na stránke. Ak stránka nevie odpovedať na ďalšiu otázku návštevníka bez tlačidla späť, pridajte minimálny odkaz, ktorý to dokáže. Kostra hovorí „žiadna navigácia“ ako východiskový bod, nie ako zákon.

Vaša ďalšia stránka začína z kostry

Rozhodnite sa hneď teraz, ku ktorému prístupu sa budete predvolene uchyľovať. Ak spravujete viacerých klientov, odpoveď je takmer vždy „kostra ako predvolená, práca na mieru ako výnimka.“ Zapíšte si toto pravidlo. Umiestnite ho do svojho materiálu pre onboardingu. Keď sa najbližší klient opýta, prečo stránka vyzerá povedome, povedzte mu, že je to zámerné.

V strede kostry je jediná otázka, na ktorú musí stránka odpovedať. Všetko ostatné — vrstva značky, obrázky, tón — je dekoráciou okolo tejto odpovede.

Prestaňte považovať každú stránku za prázdne plátno. Postavte kostru raz, často ju preštýlujte, výnimočne ju prepíšte. Takto dosiahnete, aby vstupné stránky fungovali opakovane, naprieč každým klientom, bez straty značky v procese.