Egy konverziós váz, sok ügyfélarc

Összefoglaló

A legtöbb landing oldal nem azért teljesít gyengén, mert a design rossz, hanem mert minden oldalt a nulláról építenek fel. Az ügynökségek időt és konzisztenciát veszítenek azzal, hogy minden ügyfélnek újra eldöntik a layoutot, a hierarchiát és a CTA elhelyezését. Ez a cikk bemutatja az egyedi oldalak, a sablonkönyvtárak és a megismételhető konverziós váz összehasonlítását. Megtanulod, hogyan válaszd szét a márkaréteget a konverziós rétegtől, hogyan írj közérthető szabályokat, és hogyan döntsd el, mikor éri meg valóban az egyedi fejlesztés. Az eredmény: gyorsabb átadás, erősebb konverziós arányok, és olyan oldalak, amelyek minden ügyfélnél egyedinek tűnnek.

Két módja annak, hogyan építs minden ügyféloldalt

Miért tart kétszer olyan sokáig ugyanaz a landing oldal, ami az előző ügyfélnél konvertált, a következőnél? Mert minden alkalommal a nulláról kezded. Kiválasztasz egy layoutot, kitalálsz egy hero szekciót, vitatkozol a gombszínről, és reméled, hogy az új design beválik. Ez nem design; ez szerencsejáték.

Kétféleképpen foghatsz egy landing page briefhez. Az első az egyedi: minden oldal üres vászonként indul, és egyedi szerkezetet kap. A második a váz: megtartasz egy rögzített konverziós szerkezetet, és minden márkához újrastílusozod. Egyik sem rossz. Más kérdésekre válaszolnak.

Vegyél egy kedvezménykupont és egy B2B demókérést. Felszínen semmi közös nincs bennük. Az egyik kuponkódot ad el, a másik egy találkozót. De mindkettőnek szüksége van egy okra, hogy a látogató az első két másodpercben maradjon, egyetlen cselekvésre, és valamire, ami biztonságossá teszi a cselekvést. Ez a váz.

Íme a kompromisszum egy táblázatban:

Megközelítés	Mi változik ügyfelenként	Mi marad fix	Fő kockázat
Egyedi	layout, szekciók sorrendje, hierarchia	szinte semmi	kimaradt konverziós elemek, lassú
Sablonkönyvtár	az egész design, egy készletből választva	amelyik sablont választottad	inkonzisztens szerkezet, design-vezérelt döntések
Váz	színek, betűtípusok, képek, hang	címsor blokk, CTA, bizonyíték elhelyezés	egyformaság, márka-súrlódás
Hibrid	egy vagy két márkaterület	a többi	szigorú szabályok kellenek, különben szétesik

A sablonkönyvtár a csendes harmadik lehetőség. Sok csapat sablonokkal dolgozik, és ez rendszernek tűnik. Pedig nem az. Egy sablon minden váltáskor megváltoztatja a szerkezetet, és a látogató minden oldalon új vizuális útvonalat kap. Néhány sablon jól konvertál. A következő valószínűleg nem, és nem fogod tudni, melyik melyik. A váz ennek az ellenkezője: a szerkezet az állandó, a márka a változó.

A cikk további része arról szól, hogyan tedd a vázat alapértelmezetté, és tudd pontosan, mikor szegd meg. Ha a rövid verziót akarod: építs egy újrahasználható szerkezetet, helyezd rá minden ügyfél brandjét, és az egyedi munkát tartsd fenn azoknak a kampányoknak, amelyek meg tudják fizetni.

Elsőként rögzítsd a konverziós vázat

Mielőtt megnyitnál egy design eszközt, írd le a minimálisan életképes oldalstruktúrát. Nem wireframe-et. Érvek sorozatát: először bizonyítsd, hogy érted a problémát, majd mutasd be az ajánlatot, aztán tedd biztonságossá a cselekvést. Add hozzá a CTA-t oda, ahol a szem természetesen megáll az egyes érvek után.

A landing page útmutatók egyetértenek az anatómiában: egy címsor, amely megnevezi az eredményt, egy alátámasztó sor, vizuális bizonyíték, szociális bizonyíték és egy egyértelmű cselekvésre hívás. Ha egy oldalon nincs mind az öt, akkor még nem állsz készen a stilizálásra. Hanem a szerkesztésre.

Ez az a pont, ahol kivágod a vizuális zajt. A navigáció az első, aminek mennie kell. A másodlagos linkek, dekoratív karusszelek és a 'tudj meg többet' nyúlüregek mind versenyeznek a CTA-val. Minden olyan elem, ami nem a cselekvés felé tereli a látogatót, egy zavaró tényező, amelynek karbantartását te fizeted.

A karusszel jó teszt. Ha egy oldal forgó hero-val nyit, akkor azt kéri a látogatótól, hogy döntsön, mielőtt megtudná, miről szól az oldal. A váz soha ne karusszellel nyisson. Nyiss egy címsorral, egy alátámasztó sorral, egy képpel, egy CTA-val. Ha nem tudod egy mondatban elmondani az oldal üzenetét, akkor az oldalnak nincs is üzenete.

A fehér felület a váz része, nem luxus. Minden blokknak szüksége van levegőre, és a CTA körül tér kell, hogy semmi ne versenyezzen vele. Ha egy ügyfél több tartalmat kér, a váz azt mondja: 'csak akkor, ha a látogatót a következő blokkhoz mozdítja.' Minden más egy támogató oldalra való.

A márkát tedd a tetejére, ne alá

Most vedd a márkát, és tedd a felső rétegre. A váz dönti el a sorrendet és a teret. A márkaréteg dönti el a színeket, tipográfiát, fényképezést és a hangot. A márkaréteg radikálisan különbözhet ügyfelenként. A váz ne különbözzön.

Egy hitelszövetkezet és egy utcai márka ugyanazt a vázat használhatja, és teljesen másnak érződhet. Az egyik tompa kékeket és megnyugtató nyelvezetet használ; a másik hangos tipográfiát és termékfotókat. Ugyanaz a címsor blokk, ugyanaz a CTA-elhelyezés, ugyanaz a bizonyíték-sorrend. A látogató a márkát látja. A konverziók a szerkezetből jönnek.

Amikor egy ügyfél azt kéri, 'tedd egyedibbre érzésűvé', kérdezd meg, mi változik. Ha a képek, a hangnem, az esettanulmányok változnak, már kész is vagy. Ha a címsor és az űrlap sorrendje változik, akkor a látogató ellen tárgyalsz.

A márkának hangos jelenlétet adj, de korlátozott szerepet. A logó azonnal látható legyen, a paletta telítse az oldalt, és a hang legyen felismerhetetlenül egyedi. Amit a márkának nem szabad tennie, az a váz átrendezése. Ha egy ügyfél ragaszkodik a layout változtatásához, kérd bizonyítékot, hogy a változás javítja a konverziót. Általában nincs ilyen. Ez nem kritika; hanem jelzés, hogy a kérés ízlésről szól, nem viselkedésről.

Egy megjegyzés: a márkaréteg befolyásolhatja a vázat, ha a termék megköveteli. Egy fizikai terméknek nagy hero fotó kell. Egy vállalati szoftvercégnél lehet, hogy hosszabb űrlap kell. Építs be egy szabályt a rendszeredbe: a márka módosíthatja a képeket és a hangot, de nem hagyhatja árván a CTA-t. Ha azonnali bizalmat szeretnél építeni, kezdd a márkaréteggel, ne a layouttal.

Mennyi testreszabást érdemel ez a kampány?

Nem válaszolhatsz az 'egyedi vagy váz' kérdésre egy általános szabállyal. Kampányonként kell válaszolnod. Futtasd át a briefet három kérdésen.

Meddig él az oldal? Egy két hétig futó oldalnak nincs ideje amortizálni az egyedi fejlesztést. Egy két évig futó oldal megindokolhatja.

Mekkora forgalmat fog látni? Egy alacsony forgalmú oldal nem tudja bizonyítani, hogy az egyedi design működik, mielőtt a kampány véget ér. Egy nagy forgalmú oldal elegendő adatot ad egy egyedi layout teszteléséhez.

Mennyit ér egy konverzió? Egy ingyenes eBook letöltése és egy több ezer dolláros konzultáció különböző tétek. Minél nagyobb az érték, annál nagyobb a tér az egyedi szekciónak. De vedd észre: még egy magas értékű ajánlat is jól konvertálhat vázon. Az egyedi fejlesztés luxus, nem követelmény.

Használd ezeket a szinteket:

• 1. szint: Csak újrastílusozás. Ugyanaz a váz, új színek, betűtípusok, képek, szövegek.
• 2. szint: A tartalom hierarchiájának módosítása. A szekciók maradnak, de a címsor blokk, a bizonyítékok sorrendje vagy az űrlap hossza változik.
• 3. szint: Egyedi fejlesztés. Egyedi layout és egyedi szekciók.

Az 1. szint legyen az alapértelmezett. Menj a 2. szintre csak akkor, ha az ajánlatnak más érvre van szüksége. A 3. szintet tartsd fenn azoknak a kampányoknak, amelyeknek elég forgalma és elég értéke van ahhoz, hogy mérd a különbséget. Ne hagyd, hogy az ügyfél 'ki kell tűnnünk' kérése felülírja a bizonyítékot, ami általában működik.

Kalibrálj példákkal. Egy előfizetéses szolgáltatás, amely új csomagot ad hozzá, általában 2. szint: ugyanaz a váz, új árazási blokk. Egy nonprofit év végi felhívása 1. szint: ugyanaz a szerkezet, új történet és fotók. Egy termékbevezetés széles médiaköltségvetéssel és magas árszinttel megérdemli a 3. szintet. A legtöbb brief nem ilyen bevezetés.

Az egyedi megoldás azt adja, hogy szabadságod van új szerkezetet tesztelni. Ez valós, de ára van: nem tudod, hogy az új szerkezet működik-e, amíg a kampány el nem fut. A váz azt adja, hogy biztos vagy azokban a részekben, amelyek nem változnak. Szabadon fordíthatod a kreatív energiádat a szövegre, a bizonyítékra és az ajánlatra, amelyek valójában megváltoztatják a viselkedést. Válaszd a vázat, ha az ajánlatról akarsz tanulni, és válaszd az egyedit, ha a layoutról akarsz tanulni.

Gyűjtsd össze az anyagokat egyszer, ne oldalanként

Állíts össze egy belépő listát, amelyet minden ügyfél kitölt, mielőtt elkezded. Kérj logófájlokat, márkaszíneket, betűtípusokat, két-három jóváhagyott képet, egy erős bizonyítékelemet és a pontos szöveget, amit a gombra szeretnének. Ez adminisztratívnak hangzik, de konverziós döntés. Ha kéznél vannak az anyagok, a váz azonnal összeállítható. Ha nincsenek, keresgélsz, vársz és rögtönözöl. A rögtönzés az, ahonnan az egyedi megoldás elkezdődik.

A bizonyítékelemet felejtik el az ügyfelek. Egy idézet, egy szám vagy egy ügyféllogó. Enélkül az oldalon lyuk lesz a bizonyíték blokkban, és a lyuk arra hív, hogy új szekciót találj ki. Ne találj ki. Kérd az anyagot. Ha az ügyfélnek nincs ilyenje, az oldal akkor is konvertálhat, de a bizonyíték blokk ügyfélfotó vagy sajtóemlítés helye lesz. Bármit is használsz, valósnak kell lennie. A váz nem tud bizalmat gyártani.

Tedd a belépő listát sablonná. Minden új ügyfél ugyanazt a fájlt kapja ugyanazzal az öt kéréssel. Meg fogsz lepődni, mennyi 'márkairányelv' nem tartalmaz átlátszó hátterű logófájlt vagy betűlicencet. Szűrd ki ezeket a problémákat az oldalépítés előtt, ne közben. A váz csak akkor működik, ha a márkaréteg súrlódás nélkül rápattyan.

Írd le a vázat közérthető szabályokként

A váz nem marad fenn, ha csak egy design fájlban él. Írd le, mint egy receptet. Mindenkinek, aki az oldalhoz nyúl — szabadúszó, junior designer, szövegíró — ugyanazokat a szabályokat kell ismernie.

Itt egy sor, amely a legtöbb ügyfélmunkánál működik:

• Oldalanként egy elsődleges CTA. Megjelenik a fold felett, és újra a bizonyíték blokk után.
• A címsor rövid marad, és az eredményt nevezi meg, nem a terméket.
• A CTA gomb egy igét és a szállítmányt mond: 'Szerezd meg a jelentést', nem 'Küldés'.
• Legalább egy bizonyítékelem megjelenik az űrlap előtt: egy idézet, egy szám vagy egy ügyféllogó.
• Nincs fő navigáció. Nincsenek külső linkek.
• Minden képnek látható oka van arra, hogy ott legyen. Ha nem tudod megmondani, miért, távolítsd el.

Ezek a szabályok szándékosan unalmasak. Az unalom a lényeg. Ha a szabályok világosak, órák alatt jó landing oldalt tudsz készíteni hetek helyett, és átadhatod valaki másnak meeting nélkül.

Figyeld meg, mit nem említenek a szabályok. Nem említenek konkrét színeket, betűtípusokat vagy layout rácsokat. Megnevezik az eredményt ('egy elsődleges CTA') de nem a pontos elhelyezést. Ez teszi szabaddá a márkaréteget. Egy designer bármilyen vizuális stílust alkalmazhat anélkül, hogy megsértene egy szabályt.

Most adj hozzá egy 'üres hely' szabályt: ha a brief olyasmit kér, amit a szabályok nem fednek le, írd le a változást, és nézd meg, hogy túlél-e két másik oldalt. Ha igen, add hozzá a vázhoz. Ha nem, hagyd ki.

Így nő a váz. Azzal kezdődik, hogy minden oldalnak öt elemre van szüksége. Hat hónap múlva már lehet, hogy tartalmazza ezt: 'ha az ajánlatnak van garanciája, tedd az űrlap mellé', mert az ismételt építések megmutatták, hogy segít. A szabályok nem statikusak. Élő feljegyzései annak, amit tanultál.

A sablonok nem vázak

Egy sablonkönyvtár sok kiindulópontot ad. Egy váz egy szerkezetet és egy sor változatlant ad. A különbség egyre fontosabb, ahogy az ügyféllistád nő.

A sablonoknál az oldalt indító személy túl korán hoz design döntést. 'Melyik sablon illik ehhez az ügyfélhez?' layoutról kényszerít választ, mielőtt bárki megírta volna a címsort vagy összegyűjtötte a bizonyítékot. A sablon saját szerkezete ezután meghatározza, mi kerül bele. A látogató végül egy sablonkategória által tervezett oldalt olvas, nem pedig konverziós logikát.

A váz esetében a döntés fordított. A szerkezetet már az dönti el, amiről tudod, hogy működik. Az egyetlen kérdés, hogy melyik ügyfél-anyagok töltik meg a márkaréteget. Az üzenettel kezdesz, nem a designnal.

Ez nem azt jelenti, hogy a sablonok haszontalanok. Egy sablon hasznos lehet, ha még nincs bizonyítékod: új ajánlattípus, új közönség, új csapat. De használd a váz kiindulópontjaként, ne helyettesítőjeként. Vedd a sablont, amelyik legközelebb van a szükséges szerkezethez, hámozd le a puszta szekciókig, majd alkalmazd a szabályaidat. Ha a sablon szerkezete ellenkezik a szabályokkal, a sablon veszít.

Ugyanez a logika vonatkozik azokra az oldalépítőkre, amelyek promptból generálnak layoutot. A generált layout kiindulópont, nem rendszer. Továbbra is neked kell eldöntened, melyik szekciók maradnak, hol ül a CTA, és milyen bizonyíték viszi az oldalt. A váz az a döntéssor, amit megtartasz; a generált kimenet csak egy újabb sablon, amit szerkeszteni kell.

Az eredményt add el, ne a layoutot

Az ügyfeleknek lesz véleményük a layoutról. A megoldás a beszélgetés átkeretezése. Amikor azt mondják: 'Szerintem az űrlapnak balra kell lennie', kérdezd meg: 'Mit szeretnél, hogy a látogatók először érezzenek vagy tegyenek?' Kapcsold a kérést a célhoz. Ha az ügyfél nem tudja megnevezni az eredményt, tartsd meg a vázat.

Mutasd meg ugyanazon oldal két változatát különböző márkarétegekkel, és hagyd, hogy válasszanak. Ez az ügyfélnek a tulajdonlás érzését adja anélkül, hogy a szerkezethez nyúlnál. A döntés 'melyik hang, melyik kép' lesz, nem 'melyik elhelyezés'. Kevesebb időt töltesz meetingeken, és többet a szöveggel, a bizonyítékkal és az ajánlattal, amelyek az eredményt változtatják.

Ha szükséged van az ügyfél támogatására a vázhoz, futtass egymás melletti tesztet. Tedd az ügyfél jelenlegi oldalát a váz verzió ellen, és hagyd, hogy az adatok döntsenek. De ne kezdj tesztet, amíg nincs elég forgalmad ahhoz, hogy tanulj belőle. Egy rövid teszt apró közönséggel semmit nem mond. Várd meg, amíg a számok beszélni tudnak, majd hagyd, hogy a győztes legyen az új váz.

Az egyedi elleni érv (és a felülírás melletti érv)

A leggyakrabban hallott feltételezés, hogy minden landing oldalnak egyedinek kell érződnie, mert minden márka egyedi. Ez a feltételezés konverziókba kerül. A látogatók nem azért jönnek, hogy összehasonlítsák a layoutodat a versenytárséval. Problémával és rövid figyelemtartammal érkeznek. Az ismerős szerkezet csökkenti a súrlódást, mert a látogató már tudja, hová nézzen és mit tegyen legközelebb.

Az 'ismerős' nem azt jelenti, hogy 'azonos'. Azt jelenti, hogy az anatómia konzisztens marad, miközben a márkaréteg változik. Az a dolgod, hogy az ügyfél úgy érezze, az oldal az övé, miközben megtartod a már működő szerkezetet.

Az egyedi megközelítés rejt egy költséget, amit az ügyfelek nem látnak. Minden egyedi layout egy kísérlet. Lehet, hogy konvertál, lehet, hogy nem, és nem tudod, amíg a forgalom el nem fogy. A váz ismert mennyiség; a változók szövegre, bizonyítékra és ajánlatra csökkennek. Ezek azok a változók, amelyek valójában módosítják a viselkedést. A layout ritkán ezek közé tartozik.

Az egyedi akkor fizeti meg magát, pontosan egy forgatókönyvben: van egy magas értékű ajánlatod, elég forgalmad a jelhez, és elég időd az iterációhoz. Ebben a forgatókönyvben az egyedi layout olyan fogadás, amelyet megengedhetsz magadnak, hogy elveszíts. Ha ez a három feltétel nem teljesül, akkor az ügyfél pénzét költöd el egy találgatásra.

De a váz nem vallás. A felülírás esete valós: a hosszú értékesítési ciklusú vállalati vevőknek gyakran több térre van szükségük a kifogások kezeléséhez. Az egyedi kockázati profilú termékeknek extra bizalmi szekciókra van szükségük. Ha a célviselkedés valóban más, használj másik vázat. Tarts fenn két-három vázat, és válassz ajánlatonként.

A legrosszabb kudarc a saját kényelmed érdekében történő szabványosítás. Ha ugyanazt a vázat használod minden ügyfélnél csak azért, mert gyorsabb, olyan oldalakat készítesz, amelyek az ügynökségedre hasonlítanak, nem az ügyfélre. Ezért a márkarétegnek hangosnak kell maradnia, a váz pedig csendesnek.

Újrahasználat fegyelemként, nem alapértelmezésként

Amikor új brief érkezik, másold az utolsó legjobban teljesítő oldalt. Ne nyiss üres vásznat. Először cseréld a márkaréteget: színek, betűtípusok, képek, logó, hang. Aztán cseréld az ajánlatot a címsorban, a CTA-ban és a bizonyítékban.

Ez ugyanaz a logika, mint a meglévő oldal szerkesztése az újradizájnolás helyett. Nem újra feltalálod a spanyol viaszt; kicseréled a gumikat és újrafested. Ha az előző oldalon volt egy ajánló szekció, amit ez az ajánlat nem tud megtámogatni, távolítsd el. Ha az új ajánlatnak van garanciája, add hozzá. Másolj, majd auditálj, majd szállíts.

Amit ne másolj: az előző ügyfél állításait. Az A ügyfél ajánlása értéktelen a B ügyfél oldalán. A váz pozíciókat hordoz, nem tartalmat. Minden ügyfél a saját bizonyítékát, a saját számait, a saját példáit adja.

Tarts verziótörténetet. Minden új oldalhoz írj egy sort: '[A ügyfél] oldalából indult, címsor és bizonyíték blokk változott, váz maradt.' Három-négy oldal után mintákat fogsz látni. Ezek a minták lesznek a váz következő iterációja.

A fegyelem azért fontos, mert arra kényszerít, hogy szétválaszd a szerkezetet a tartalomtól. Amikor másolsz egy oldalt, és csak a tartalmat változtatod, akkor a tartalmat teszteled. Amikor minden alkalommal változtatsz a szerkezeten, soha nem tanulod meg, melyik része az oldalnak felelős az eredményért.

Hol törik el ez a rendszer

A váz megközelítésnek vannak meghibásodási módjai. Ismerd meg őket, mielőtt harapnak.

A váz kényszerzubbonnyá válik. Ha minden oldal azonosnak tűnik a márkaréteg alkalmazása után is, a látogatók nem tudják, melyik cégre néznek. Javítás: tedd a logót, a palettát és a hangot láthatóvá az első viewportban. Ha egy ügyfél az oldalát a versenytárs mellett látná, és nem venné észre a különbséget, akkor a márkaréteg nem végzi a dolgát.

A saját sebességedre optimalizálsz a látogató helyett. Egy egykattintásos vásárlásra épített váz nem működik egy több döntést igénylő whitepaper letöltésnél. Használj egy másik vázat. Ha a cél változik, a szerkezet változik.

Kihagyod a bizonyítékelemet, mert nincs a sablonban. Soha. Egy idézet, egy szám vagy egy felismerhető logó többet tesz, mint egy új színpaletta. A váz azért létezik, hogy a bizonyítékot belekényszerítse, nem azért, hogy kihagyd.

Nem tesztelsz. A váz hipotézis, nem törvény. Futtass kis teszteket a címsoron, a CTA szövegén és a bizonyíték elhelyezésén. Amikor a bizonyíték változik, frissítsd a vázat. Így marad életben.

Még egy meghibásodási mód: minden oldalról eltávolítod a navigációt anélkül, hogy megkérdeznéd, szüksége van-e a látogatónak visszaútra. A kutatásokkal alátámasztott alapértelmezés a navigáció eltávolítása a landing oldalakról, de a szabály célja, hogy az oldalon tartsa az embereket. Ha az oldal nem tudja megválaszolni a látogató következő kérdését vissza gomb nélkül, add hozzá a minimális linket, amely ezt megteszi. A váz 'nincs navigációt' mond kiindulópontként, nem törvényként.

A következő oldalad a vázból indul

Döntsd el most, melyik megközelítést használod alapértelmezetten. Ha több ügyfelet kezelsz, a válasz szinte mindig 'váz alapértelmezésként, egyedi kivételként.' Írd le ezt a szabályt. Tedd be az onboarding anyagodba. Amikor a következő ügyfél megkérdezi, miért tűnik ismerősnek az oldal, mondd el, hogy szándékos.

A váz középpontjában az az egy kérdés áll, amelyet az oldalnak meg kell válaszolnia. Minden más — a márkaréteg, a képek, a hang — dísz az válasz körül.

Ne kezelj minden oldalt üres vászonként. Építsd meg a vázat egyszer, stílusozd újra gyakran, írd felül ritkán. Így működtetheted a landing oldalakat megismételhetően, minden ügyfélnél, anélkül, hogy elveszítenéd a márkát.