A főnöke elküldte egy versenytárs linkjét. Na és most?

Összefoglaló

A főnöke továbbítja egy versenytárs landing page-jét, és azt mondja: „csináljuk a miénket úgy, mint ez.” Ez a cikk végigvezeti, hogyan tovább – anélkül, hogy vitába keveredne, vagy figyelmen kívül hagyná a kérést. Bemutatja, hogyan álljon ellen a vak másolásnak, írjon közérthető értékajánlatot, szűkítse az oldalt egyetlen felhívásra, és adja elő az ügyét választásként, nem pedig ítéletként. A megközelítés a SaaS-landing page mintákra épül, amelyek következetesen a világosságot helyezik előtérbe a szellemesség helyett, az egyértelmű értékajánlatoktól a minimális hero-szekciókig. Egy gyakorlati sablont is kap, amellyel elnyerheti az érdekelt felek támogatását, ha a döntéshozó nem ért a dizájnhoz. A cél egy olyan oldal, amely elvégzi a dolgát, és egy csapat, amely ugyanazt a nyelvet beszéli arról, hogy miért úgy néz ki, ahogy.

Mit mondjon, ha a főnöke elküldi egy versenytárs landing page-jét azzal a megjegyzéssel, hogy „a miénknek így kellene kinéznie”? Ön egy háromfős belső marketingcsapat tagja. Nem Ön a dizájnköltségvetés gazdája. Van egy eladnivaló terméke, egy indulási dátuma, és egy főnöke, aki nem tudja megkülönböztetni a betűtípust a fejléctől. És éppen most ez a főnök egy olyan oldalra mutat, amely jól néz ki – tehát a könnyű, biztonságos lépés az, hogy bólint, lemásolja a felépítést, és kicseréli a saját szövegére. De a biztonságos lépés általában az, amelyik miatt az oldalt figyelmen kívül hagyják.

A megbeszélés pénteken lesz. Négy napja van arra, hogy megmutassa a főnökének, miért jobb egy másik megközelítés, anélkül, hogy a felülvizsgálat vitává fajulna. Íme egy terv, amelyet végig tud követni.

Olvassa el az e-mailt, ne a linket

A link egy követelés URL-be öltöztetve. Mielőtt megnyitna egy böngészőablakot, olvassa el a hozzá csatolt megjegyzést. A főnöke hasonló kinézetet kér? Hasonló szekciók sorrendjét? Hasonló logókezelést? Mindegyik más kérés. Legtöbbször a megjegyzés azt mondja: „csináljuk úgy, mint ez”, és valójában azt jelenti: „tessék olyan hitelesnek lenni, mint az.” Az oldal, amelyre néz, csak azért számít, mert a főnökének a legitimitás érzetét adja. Tehát az igazi feladata nem az oldal reprodukálása. Hanem hogy ugyanezt az érzést hozza létre a saját érvelésével.

A dolog a versenytárs oldalával az, hogy amit lát, az olyan döntések eredménye, amelyekben nem vett részt. A dizájnt az ő közönségük, piaci pozíciójuk, márkaismertségük és konverziós céljaik köré építették. Ön lemásolja a látható részeket – a felépítést, a színt, a stock fotókat –, és kihagyja a láthatatlan érvelést, amitől azok működnek. Ez nem dizájnprobléma; ez stratégiai szivárgás. A csontváz ellopása más gyakorlat, mint a tartalom ellopása, és a csontváz csak akkor működik, ha megérti, miért választották.

Mielőtt bármit megnyit, válaszoljon egy kérdésre: mi az oldal feladata? Nem az, hogy „modern SaaS-nek nézzen ki”, hanem hogy mit gondoljon, érezzen és kattintson a látogató a következő hatvan másodpercben? Írja le, mielőtt bármit megnézne. Ha nem tudja megtenni, akkor posztert épít, nem oldalt.

Az a gyakori kísértés, hogy a versenytárs oldalát bevásárlólistaként kezeljük: nagy fejléc, háromoszlopos funkciórács, chat widget, árazási link, ügyfél-logók. De a legmaradandóbb minta a SaaS-dizájnban egyszerűbb. Újra és újra azok az oldalak konvertálnak, amelyek nem próbálnak egyszerre hat dolgot csinálni. A világosságot helyezik előtérbe a szellemesség helyett – tömör fejléc, rövid leírás, egy nyilvánvaló következő lépés. Ez nem titok, de meglepően nehéz megvédeni egy olyan vállalaton belül, amely folyamatosan „többet” kér.

A kísértés	Mi működik általában jobban
A versenytárs felépítésének tükrözése	A mögöttes logika újraalkotása, ne a szekcióké
A képernyő telepakolása funkciókkal	Fejléc, alcím, egyetlen CTA
Egy okos szlogen, amely illik a márkahanghoz	Egy közérthető mondat arról, hogy mit csinál a termék
Több gomb minden látogatótípushoz	Egy elsődleges művelet képernyőnként, másodlagos akciók lejjebb

Ez a táblázat arra az alkalomra való, amikor az oldal belső felülvizsgálaton megy keresztül, mert minden sor egy kérdés, amit valaki fel fog tenni. A válasz mindegyikre nem az, hogy „így néz ki a modern SaaS.” A válasz az, hogy mit kell tennie a látogatónak.

Írja meg a mondatot, amely megkíméli az újratervezéstől

Mielőtt dizájneszközt nyitna meg, nyisson egy szövegfájlt, és írjon egy mondatot: mit csinál a terméke, kinek, és miért érdekelje őket ma? Kezdje a mondat legrosszabb változatával, azzal, amelyiket szégyell megmutatni bárkinek. Aztán szerkessze addig, amíg érthetővé nem válik valakinek, aki soha nem hallott a cégéről.

Íme egy kidolgozott példa, szándékosan általános. Mondjuk, a terméke segít a kiskereskedőknek emlékeztetni az ügyfeleket az időpontjaikra. Jelenlegi főcím: „Next-Gen Retail Engagement Platform.” Fontosnak hangzik. Nem jelent semmit. A látogató ránéz, nem tudja, ez szoftver-e, tanácsadó cég-e vagy chatbot, és távozik.

Az újraírt változat: „Automatikus időpont-emlékeztetők küldése, hogy ne kelljen naponta háromszor visszahívni az ügyfeleket.” Kevésbé lenyűgöző egy prezentáció dián. Hasznosabb egy képernyőn. Amikor egy átlagos látogató – aki egy kis boltot vezet – elolvassa, azonnal tudja, mi a termék, kinek szól, és milyen eredményre számíthat. Az értékajánlat úgy hangzik, mint egy mondat, nem mint egy küldetésnyilatkozat.

Ez az a minta is, amelyet a legcsodáltabb SaaS-kezdőlapokon is felismerhet. A Calendly saját szlogenje csak annyi: „ütemezzen megbeszéléseket oda-vissza e-mailek nélkül.” Semmi említés algoritmusokról, semmi „forradalmi ütemezés.” Megnevezi az eredményt, amit egy adott személy szeretne. Az Ön termékének is van egy megfelelő mondata; csak még nem írta meg.

Számítson ellenállásra itt. A főnöke azt fogja mondani, hogy az új főcím „túl egyszerű”, vagy „nem hangzik igazi tech cégnek.” Ez a reakció az identitásról szól, nem a világosságról. A kollégái minden nap olvassák a termékajánlóját; egy egyszerű mondat alulöltözötten hangzik nekik pont azért, mert már tudják, mit csinál a termék. A látogató nem. Védje meg a mondatot ezzel a megkülönböztetéssel. Ha a főnök azt mondja: „mi éttermeket is kiszolgálunk, nem csak kiskereskedőket,” az valójában jó hír: a mondat lazábban nevezheti meg a kategóriát, miközben továbbra is megnevezi az eredményt. Amit nem engedhet meg magának, az egy olyan főcím, amely semmit nem ír le.

Egy művelet képernyőnként

Nézze meg a legelismertebb SaaS-kezdőlapokat, és észrevesz egy szokást: kiválasztanak egy következő lépést, és minden mást félreállnak az útból. A Notion, amely viszonyítási pont a landing page-értékelésekben, egyetlen cselekvésre hív, például „Get Notion free.” Ez az egy gomb kimondja, mi történik, ha rákattint; nem kér választást a „Start trial,” „See pricing,” „Request demo,” és „Talk to sales” között.

Az Ön oldala valószínűleg pontosan ezt csinálja. A hero-ban két-három gomb van, a navigációs sáv hivatkozásokat hordoz az árazáshoz, bloghoz, támogatáshoz és karrierhez, és egy chat widget lebeg minden fölött. Minden hozzáadás egy kis adó a látogató figyelmére. Egy feladatra jöttek. Minden link egy lehetőség a feladásra.

A megoldás nem az, hogy lecsupaszítsa a webhelyét. Hanem azt eldönteni, mi a lap elsődleges művelete – próbaverzió indítása, bemutató foglalása vagy vásárlás –, és az legyen az egyetlen dolog, ami gombnak tűnik a hero-ban. A másodlagos célok lejjebb is lehetnek az oldalon, miután az érvelést előadták. Ha aggódik az árazás iránti kíváncsiság miatt, egy sima szöveges link a láblécben vagy a felső navigációban kielégíti azt anélkül, hogy versenyezne a fő hívással. Ez az oldal egy nagyobb webhely egy fejezete; nem kell elvégeznie az egész webhely munkáját. Ha a nagyobb webhelyet is újjáépíti, egy bevált SaaS-konverziós gyakorlatokkal rendelkező landing page-keretrendszer jó referencia, amelyet megoszthat a főnökével – ez egy külső hang, amely azt mondja, amit Ön próbál mondani.

Amikor a főnöke megkérdőjelezi, miért távolított el egy gombot, mondhatja egyszerűen: két gomb arra kényszeríti a látogatót, hogy válasszon, mielőtt megértené, mit választ. Egy gomb megmondja nekik az egy dolgot, amit szeretne, hogy tegyenek. Az oldal csendesebb lesz, és a csendes oldalak konvertálnak.

A hero teszt, nem poszter

Az első képernyő nem hirdetőtábla; hanem kézfogás. A Linear kezdőlapja, amelyet gyakran idéznek dizájnkritikákban, minimális: letisztult fejléc, rövid alcím, egyetlen cselekvésre hívó gomb. Semmi sem küzd a figyelemért. Nincs kísérlet arra, hogy az első nézetben minden funkciót megmutasson. Azért működik, mert a kevés szöveg elég pontos ahhoz, hogy elmagyarázza, mit csinál a Linear annak, aki még soha nem látta.

Az „above the fold” ötlete átkerült a fizikai hajtásról a telefon első képernyőjére, és ott szorosabbak a korlátok. Egy ingázó közben böngésző látogató lát egy fél fejlécet és egy levágott képernyőképet, és így is ítéletet alkot. Tehát a hero-nak túl kell élnie egy hárommásodperces pillantást: egy mondat arról, mi a termék, egy mondat arról, mit csinál, egy gomb. Ha magyarázatra szorul, akkor rossz.

Használja ezt saját tesztjeként. Ne a kollégáin tesztelje; olyan embereken, akik nem ismerik a termékét. Tegyen egy hero-vázlatot négy-öt barátja vagy ismerőse elé az iparágból, és tegyen fel egy kérdést: „Mit csinál ez a termék?” Ha bárki habozik, a hero megbukott. Ha segítség nélkül válaszolnak, megvan az oldal alapja.

Ez az a szakasz is, ahol találkozik a „legyen feltűnő” kérdéssel. A feltűnőség tünet, nem jellemző. Egy hero lehet vizuálisan magabiztos – erős szín, éles termékképernyőkép – és mégis csendes. A lényeg nem az, hogy eltávolítsa a vizuális érdekességet. A lényeg, hogy minden vizuális választás arra az egy műveletre irányuljon, amelyet az előző lépésben eldöntött. Egy feltűnő fotó, amelyen valaki a termékét használja, rendben van; egy rapper fotója az Ön logójával nem az.

Gyűjtse össze a bizonyítékokat, mielőtt szüksége lenne rá

Ha az értékajánlat rendben van, és a hero minimális, az oldal kissé üresnek tűnhet annak, aki a funkciórácsokhoz szokott. Erre való a társadalmi bizonyíték szekció. Gyűjtsön három bizonyítékot, mielőtt megnyitná a dizájnfájlt, ne utána: egy ajánlást, amely valós ügyfélmondást tartalmaz (nem az „csodálatos” szót), egy-két felismerhető ügyféllogót, és egy konkrét mérőszámot, amelyet nyilvánosan megoszthat. Ne használjon kitalált számokat – egyetlen idézet, amely tükrözi az Ön értékajánlatát, többet dolgozik, mint egy sor üres logó.

A főnök nem fog vitatkozni a társadalmi bizonyítékkal, mert az nem dizájnválasztás; hanem bizonyíték. Amikor valaki megkérdezi, miért „nincs tartalom” az oldalon, a válasz az, hogy egy jól elhelyezett ajánlás több meggyőző erőt hordozhat, mint három bekezdésnyi funkció. A látogatók még nem bíznak az Ön állításaiban. Olyan emberekben bíznak, mint ők, akik már megtették a kért lépést.

A elhelyezés számít. Tegye a legerősebb bizonyítékot közvetlenül a hero után, vagy a fő cselekvésre hívás mellé. A logócsík azt mondja: „jó társaságban van”; az ajánlás azt mondja: „ez az eredmény valós”; a mérőszám azt mondja: „íme a hatás mérete.” Nem kell mindhárom minden oldalon, de legalább egynek a döntés pillanatának közelében kell lennie. Ha a terméke új, és még nincsenek ajánlásai, kínáljon bőkezű próbaverziót vagy bemutató videót – a bizonyíték lehet viselkedéses is, nem csak verbális.

A végső megbeszélés nem ízlésről szól

Az utolsó lépés az, hogy előadja az ügyét annak, aki jóváhagyja – és ezt a lépést Ön irányítja. Lépjen be a megbeszélésre két opcióval, nem eggyel. Az első a „főnökverzió”: egy oldal, amely a versenytárs felépítését és hangvételét követi, amit kértek. A második a „világos verzió”: a közérthető értékajánlat, egy CTA, minimális hero és bizonyíték. Mutassa be mindkettőt valódi dizájnként, nem pedig engedékeny vázlatokként az Ön kedvence ellenében.

Aztán nevezze meg a különbséget anélkül, hogy azt állítaná, hogy a világos verzió minden dimenzióban jobb. Mondja: „Ez az oldal azt mondja, hogy olyan cég vagyunk, mint a versenytárs. Az pedig azt mondja el, mit csinálunk, és mit tegyen a látogató, amikor ideér. Az első jobb választás, ha úgy gondoljuk, az oldal fő feladata a kategória jelzése.” Ez a keretezés döntéshozóvá teszi a főnököt, nem pedig valakivé, akit ki kell beszélni az ösztöneiből, és a beszélgetést azon tartja, hogy mire való az oldal.

Itt van az ellentmondásos pont, amelyet a legtöbb tanácsadó cikk kihagy: a főnökének nem téved, ha jellegzetes megjelenésű oldalt akar. Ha a terméke valóban új kategóriát vezet be, valamilyen vizuális személyiség szükséges – azt akarja, hogy az emberek emlékezzenek rá. De ez a követelmény az általános márkaidentitásához és a webhely navigációjához tartozik, nem pedig egyetlen konverziós célú landing page-hez. Egy olyan oldalon, amelynek feladata egy kattintás elérése, az önmagára figyelmeztető dizájn verseng az üzenettel. Lehet, hogy feláldoz egy kis „hűha” érzést a világosság érdekében. Ez a kompromisszum valós, nevezze meg kifejezetten, és hozza döntéssé, ne meglepetéssé.

Van egy párhuzamos, nehezebb eset is: mi van, ha a világos verzió az, amelyik téves? Ha az oldal célja egy vadonatúj termék elindítása egy zsúfolt piacon, némi vizuális megkülönböztetés segíthet – például erős illusztráció vagy szokatlan színrendszer, amely felismerést teremt. A szabály nem az, hogy „legyen unalmas.” A szabály: minden elemnek igazolnia kell magát a látogató következő lépésével szemben, és ha egy elem egyetlen védelme az, hogy lenyűgözően néz ki, akkor valószínűleg nem kellene ott lennie. Ezt magabiztosan mondhatja a szobában, és ez eltávolítja a nyomást a főnökéről, hogy mindent lenyűgözővé tegyen mindenkor.

Erősebb lépés, ha tesztet javasol. Ha a főnök ragaszkodik a verziójához, mondja: „Tegyük fel mindkét oldalt két hétre, és mérjük meg a kattintási arányt az elsődleges műveleten.” A kis csapatok néha attól tartanak, hogy nincs elég forgalmuk egy értelmes teszthez, és ez jogos fenntartás. Ha ez igaz – havonta csak néhány száz látogatója van –, használjon kvalitatív jeleket: ülésfelvételeket, kilépési megjegyzéseket vagy egy egyszerű ötfős használhatósági ellenőrzést. A teszt nem az egyetlen módja a tanulásnak; csak a legvilágosabb módja annak, hogy sértett egók nélkül zárjon le egy nézeteltérést.

A valódi szállított termék nem az oldal

Vissza az Ön forgatókönyvéhez. Tartja az álláspontját, felépíti a világos verziót, elmagyarázza a két prototípust, és a főnök a világosat választja – részben azért, mert választássá tette, részben azért, mert van egy főcíme, amelyet hangosan fel lehet olvasni egy mondatban. Az oldal elindul. Több feliratkozást, kevesebb értetlen kilépést hoz majd, vagy bármit, ami a termékénél a sikernek számít, és legközelebb, amikor a főnök versenytársi linket küld, a csapatának már lesz nyelve a megvitatásra, hogy a kérés stratégiáról vagy stílusról szól-e.

Ez a nyelv a tényleges szállított termék. Egy landing page-et könnyű újratervezni; egy csapat alapértelmezett feltételezése, hogy „a modern dizájn sok dolgot jelent”, lassabban változik. Minden alkalommal, amikor megvéd egy egyszerű értékajánlatot vagy egyetlen CTA-t, egy kis referenciakönyvtárat épít, amelyet az egész csapat használhat. A következő projekt könnyebbé válik. Ha ugyanezt az őszinteséget szeretné alkalmazni a teljes webhelyre, nem csak egy oldalra, auditálja webhelye többi részét, mint egy olyan ügyfél, akit nem érdekel. És ha nem biztos abban, hogy kampányoldalra vagy teljes webhelyre van-e szüksége, ez az útmutató a webhelyformátumok közötti választáshoz segít keretezni.

Nem az a lényeg, hogy megnyerjen egy vitát. Hanem az, hogy az oldalon a következő cselekvésre hívás olyan legyen, amelyet a látogatói valóban meg akarnak tenni – és valóban meg is találnak.