Váš šéf poslal odkaz na konkurenciu. Čo teraz?

Zhrnutie

Váš šéf vám prepošle vstupnú stránku konkurenta a povie: „urobte, aby naša vyzerala takto.“ Tento článok vám ukáže, čo robiť ďalej – bez hádky a bez ignorovania požiadavky. Vysvetľuje, ako sa vyhnúť slepému kopírovaniu, napísať hodnotovú ponuku v jednoduchom jazyku, zúžiť stránku na jednu výzvu na akciu a prezentovať svoj návrh ako voľbu, nie ako verdikt. Prístup vychádza zo vzorov vstupných stránok pre SaaS, ktoré dlhodobo uprednostňujú jasnosť pred dôvtipom – od jasných hodnotových ponúk po minimalistické hero sekcie. Získate aj praktickú šablónu, ako získať podporu zainteresovaných strán, keď rozhodovateľa dizajn nezaujíma. Cieľom je stránka, ktorá plní svoju úlohu, a tím, ktorý hovorí rovnakým jazykom o tom, prečo vyzerá tak, ako vyzerá.

Čo poviete, keď vám šéf pošle vstupnú stránku konkurenta s poznámkou „naša by mala vyzerať takto“? Ste v trojčlennom internom marketingovom tíme. Nerozhodujete o dizajnovom rozpočte. Máte produkt na predaj, dátum spustenia a šéfa, ktorý nerozozná font od nadpisu. A práve teraz tento šéf ukazuje na stránku, ktorá naozaj vyzerá dobre – takže ľahké a bezpečné riešenie je prikývnuť, skopírovať štruktúru a vymeniť text za vlastný. Ale bezpečné riešenie je zvyčajne to, ktoré spôsobí, že stránku budú ignorovať.

Stretnutie je v piatok. Máte štyri dni na to, aby ste šéfovi ukázali, prečo je iný prístup lepší, bez toho, aby sa z hodnotenia stala hádka. Tu je plán, ktorý môžete dodržať od začiatku do konca.

Prečítajte si e-mail, nie odkaz

Odkaz je požiadavka oblečená do URL adresy. Predtým, než otvoríte kartu prehliadača, prečítajte si poznámku, ktorá je k nemu pripojená. Žiada váš šéf o podobný vzhľad? Podobné poradie sekcií? Podobné spracovanie loga? Každá z týchto vecí je iná požiadavka. Väčšinou poznámka hovorí „urobte, aby naša vyzerala takto“ a v skutočnosti znamená „urobte, aby naša pôsobila rovnako dôveryhodne.“ Stránka, na ktorú sa pozeráte, je dôležitá len preto, že šéfovi dáva pocit legitimity. Vašou skutočnou úlohou teda nie je reprodukovať stránku. Je vyvolať rovnaký pocit vlastným uvažovaním.

Tu je vec ohľadom stránky konkurenta: to, čo vidíte, je výsledok rozhodnutí, ktorých ste neboli súčasťou. Tento dizajn bol postavený okolo ich publika, ich trhovej pozície, ich povedomia o značke a ich konverzných cieľov. Skopírujete viditeľné časti – rozloženie, farby, stock fotky – a stratíte neviditeľné uvažovanie, vďaka ktorému fungovali. To nie je dizajnový problém; je to únik stratégie. Ukradnúť ich kostru je iné cvičenie ako ukradnúť ich obsah a kostra funguje iba vtedy, ak rozumiete, prečo si ju vybrali.

Skôr než niečo otvoríte, odpovedzte si na jednu otázku: čo má táto stránka robiť? Nie „vyzerať ako moderný SaaS,“ ale čo by mal návštevník za nasledujúcich šesťdesiat sekúnd vidieť, cítiť a na čo kliknúť? Zapíšte si to, kým sa na niečo pozriete. Ak to nedokážete, staviate plagát, nie stránku.

Bežným pokušením je považovať stránku konkurenta za nákupný zoznam: veľký nadpis, trojstĺpcová mriežka funkcií, chat widget, odkaz na cenník, logá zákazníkov. Ale najtrvácnejší vzor v dizajne SaaS je jednoduchší. Stránky, ktoré konvertujú, znova a znova sú tie, ktoré sa nesnažia robiť šesť vecí naraz. Uprednostňujú jasnosť pred dôvtipom – stručný nadpis, krátky popis, jeden zrejmý ďalší krok. To nie je tajomstvo, ale je prekvapivo ťažké ho obhájiť vo firme, ktorá stále žiada „viac“.

Pokušenie	Čo zvyčajne funguje lepšie
Zrkadliť rozloženie konkurenta	Znovu vytvorte ich základnú logiku, nie ich sekcie
Napchať prvú obrazovku funkciami	Nadpis, podnadpis, jediná CTA
Dôvtipný slogan ladiaci so značkou	Veta v jednoduchom jazyku o tom, čo produkt robí
Viacero tlačidiel pre každý typ návštevníka	Jedna primárna akcia na obrazovku, sekundárne akcie umiestnené nižšie

Táto tabuľka je určená na moment, keď stránka prechádza interným hodnotením, pretože každý riadok je otázka, ktorú niekto položí. Odpoveď na každú z nich nie je „takto vyzerá moderný SaaS.“ Odpoveďou je to, čo návštevník potrebuje urobiť ďalej.

Napíšte vetu, ktorá vám ušetrí redizajn

Predtým, než otvoríte dizajnový nástroj, otvorte textový súbor a napíšte jednu vetu: čo váš produkt robí, pre koho a prečo by ich to malo dnes zaujímať? Začnite najhoršou verziou tejto vety, s ktorou sa hanbíte komukoľvek ukázať. Potom ju upravujte, kým nebude dávať zmysel niekomu, kto o vašej spoločnosti nikdy nepočul.

Tu je spracovaný príklad, zámerne všeobecný. Povedzme, že váš produkt pomáha maloobchodným predajniam pripomínať zákazníkom ich stretnutia. Súčasný nadpis hero sekcie: „Next-Gen Retail Engagement Platform.“ Znie to dôležito. Neznamená to nič. Návštevník sa na to pozrie, nevie, či je to softvér, poradenská firma alebo chatbot, a odíde.

Prepísaná verzia: „Posielajte automatické pripomienky stretnutí, aby vaši zamestnanci prestali ľuďom trikrát denne volať.“ Na slide decku pôsobí menej pôsobivo. Na obrazovke je užitočnejšia. Keď si to prečíta typický návštevník – niekto, kto prevádzkuje malý obchod – okamžite vie, čo produkt je, pre koho je a aký výsledok môže očakávať. Hodnotová ponuka sa číta ako veta, nie ako poslanie.

Toto je tiež vzor, ktorý spoznáte na najobdivovanejších domovských stránkach SaaS. Slogan Calendly je jednoducho „plánujte stretnutia bez vzájomných e-mailov.“ Žiadna zmienka o algoritmoch, žiadne „revolučné plánovanie.“ Pomenúva výsledok, ktorý chce konkrétny človek. Váš produkt má ekvivalentnú vetu; len ste ju ešte nenapísali.

Očakávajte odpor. Šéf povie, že nový nadpis je „príliš obyčajný“ alebo „neznie ako skutočná technologická spoločnosť.“ Táto reakcia sa týka identity, nie jasnosti. Ľudia, s ktorými pracujete, čítajú prezentáciu vášho produktu každý deň; obyčajná veta im znie nedostatočne práve preto, že už vedia, čo produkt robí. Návštevník to nevie. Bráňte vetu týmto rozdielom. Ak šéf povie „obsluhujeme aj reštaurácie, nielen maloobchodné predajne,“ je to vlastne dobrá správa: veta môže kategóriu pomenovať voľnejšie a stále pomenúva výsledok. To, čo si nemôžete dovoliť, je nadpis, ktorý nič neopisuje.

Jedna akcia na obrazovku

Pozrite sa na najuznávanejšie domovské stránky SaaS a všimnete si zvyk: vyberú si jeden ďalší krok a všetko ostatné mu ustúpi z cesty. Notion, referenčný bod v hodnoteniach vstupných stránok, cieli na jedinú výzvu na akciu, napríklad „Získajte Notion zadarmo.“ Toto jediné tlačidlo hovorí, čo sa stane po kliknutí; nenúti vás vybrať si medzi „Spustiť skúšobnú verziu,“ „Pozrieť cenník,“ „Vyžiadať demo“ a „Porozprávať sa s predajom.“

Vaša stránka pravdepodobne robí presne to. Hero sekcia má dve alebo tri tlačidlá, navigačná lišta nesie odkazy na cenník, blog, podporu a kariéru a chat widget sa vznáša nad všetkým. Každý prvok navyše je malá daň na pozornosti návštevníka. Prišli kvôli jednej úlohe. Každý odkaz je príležitosťou ju opustiť.

Riešením nie je vyzliecť stránku do naha. Je rozhodnúť, čo je jedinou primárnou akciou pre túto stránku – spustiť skúšobnú verziu, rezervovať demo alebo uskutočniť nákup – a urobiť z nej jedinú vec, ktorá v hero sekcii vyzerá ako tlačidlo. Sekundárne ciele môžu byť nižšie na stránke, po tom, čo je argument predstavený. Ak sa obávate zvedavosti ohľadom cien, obyčajný textový odkaz v pätičke alebo hornom menu poslúži bez toho, aby konkuroval hlavnej výzve. Táto stránka je jedna kapitola väčšieho webu; nemusí robiť prácu celého webu. Ak tiež prestavujete väčší web, rámec vstupnej stránky s overenými konverznými postupmi pre SaaS je dobrá referencia, ktorú môžete zdieľať so šéfom – je to externý hlas, ktorý hovorí to, čo sa snažíte povedať.

Keď sa šéf pýta, prečo ste odstránili tlačidlo, môžete to povedať jasne: dve tlačidlá nútia návštevníka vybrať si skôr, než pochopí, medzi čím si vyberá. Jedno tlačidlo mu hovorí jedinú vec, ktorú od neho chcete. Stránka bude pôsobiť pokojnejšie a pokojné stránky konvertujú.

Hero sekcia je test, nie plagát

Prvá obrazovka nie je bilboard; je to podanie ruky. Domovská stránka Linear, často citovaná v dizajnérskych recenziách, je minimálna: čistý nadpis, krátky podnadpis, jedna výzva na akciu. Nič nebojuje o pozornosť. Nie je tam žiadny pokus ukázať všetky funkcie v prvom zobrazení. Funguje to, pretože malé množstvo textu je dostatočne presné na to, aby vysvetlilo, čo Linear robí, niekomu, kto ho nikdy nevidel.

Koncept „nad záhybom“ sa presunul z fyzického záhybu na prvú obrazovku telefónu, a tam sú obmedzenia prísnejšie. Návštevník, ktorý listuje počas cesty do práce, vidí polovicu nadpisu a orezanú snímku obrazovky a aj tak si urobí úsudok. Hero sekcia by teda mala prežiť trojsekundový pohľad: jedna veta o tom, čo produkt je, jedna veta o tom, čo robí, jedno tlačidlo. Ak potrebuje vysvetlenie, je zle.

Použite to ako vlastný test. Netestujte to na kolegoch; testujte to na ľuďoch, ktorí nepoznajú váš produkt. Položte návrh hero sekcie pred štyroch alebo piatich priateľov alebo známych mimo odvetvia a položte jednu otázku: „Čo tento produkt robí?“ Ak niekto zaváha, hero sekcia zlyhala. Ak vedia odpovedať bez vašej pomoci, máte základ stránky.

Toto je tiež fáza, kde narazíte na otázku „urob to výraznejším“. Výraznosť je príznak, nie funkcia. Hero sekcia môže byť vizuálne sebavedomá – výrazná farba, ostrá snímka produktu – a stále pokojná. Nejde o odstránenie vizuálneho záujmu. Ide o to, aby každé vizuálne rozhodnutie smerovalo k jedinej akcii, ktorú ste si určili v predchádzajúcom kroku. Nápadná fotografia človeka používajúceho váš produkt je v poriadku; fotografia rappera s vaším logom nie.

Zhromaždite dôkazy skôr, než ich budete potrebovať

Keď je hodnotová ponuka správna a hero sekcia minimálna, stránka môže niekomu, kto je zvyknutý na mriežky funkcií, pripadať trochu prázdna. Na to je určená sekcia sociálnych dôkazov. Zhromaždite tri dôkazy skôr, než otvoríte dizajnový súbor, nie až potom: svedectvo, ktoré hovorí niečo, čo skutočný zákazník povedal (nie slovo „úžasné“), jedno alebo dve rozpoznateľné logá zákazníkov a jeden konkrétny ukazovateľ, ktorý môžete verejne zdieľať. Žiadne vymyslené čísla – jeden citát, ktorý zrkadlí vašu hodnotovú ponuku, urobí viac ako rad prázdnych log.

Šéf nebude argumentovať proti sociálnym dôkazom, pretože to nie je dizajnové rozhodnutie; je to dôkaz. Keď sa niekto pýta, prečo stránka „nemá žiadny obsah,“ odpoveď je, že dobre umiestnené svedectvo môže mať väčšiu presvedčovaciu váhu ako tri odseky funkcií. Návštevníci vašim tvrdeniam zatiaľ neveria. Veria ľuďom, ktorí sú im podobní a ktorí už vykonali akciu, o ktorú žiadate.

Umiestnenie záleží. Najsilnejší dôkaz umiestnite hneď po hero sekcii alebo vedľa hlavnej výzvy na akciu. Pás s logami hovorí „ste v dobrej spoločnosti“; svedectvo hovorí „tento výsledok je skutočný“; ukazovateľ hovorí „tu je veľkosť účinku.“ Nepotrebujete všetky tri na každej stránke, ale potrebujete aspoň jeden blízko momentu rozhodnutia. Ak je váš produkt nový a ešte nemáte svedectvá, ponúknite štedrú skúšobnú verziu alebo video s prehľadom – dôkaz môže byť behaviorálny aj verbálny.

Záverečné stretnutie nie je o vkuse

Posledným krokom je predstaviť svoj návrh osobe, ktorá dává konečné schválenie – a to je krok, ktorý môžete kontrolovať. Choďte na stretnutie s dvoma možnosťami, nie s jednou. Prvá je „verzia pre šéfa“: stránka, ktorá nasleduje štruktúru a tón konkurenta, teda to, o čo žiadal. Druhá je „jasná verzia“: hodnotová ponuka v jednoduchom jazyku, jedna CTA, minimálna hero sekcia a dôkazy. Predstavte obe ako skutočné návrhy, nie ako ústupkové náčrty oproti vášmu obľúbenému.

Potom pomenujte rozdiel bez toho, aby ste tvárili, že jasná verzia je lepšia vo všetkých ohľadoch. Povedzte: „Táto stránka hovorí, že sme spoločnosť ako konkurent. Tamtá hovorí, čo robíme a čo by mal návštevník urobiť, keď sa sem dostane. Prvá je vhodnejšia, ak si myslíme, že hlavnou úlohou stránky je signalizovať kategóriu.“ Tento rámec robí zo šéfa rozhodovateľa, nie niekoho, koho treba prehovoriť z inštinktu, a udržiava konverzáciu o tom, na čo stránka slúži.

Tu je kontroverzný bod, ktorý väčšina poradenských článkov vynecháva: váš šéf nemá pravdu v tom, že chce výrazne vyzerajúcu stránku. Ak váš produkt naozaj predstavuje novú kategóriu, určitá vizuálna osobnosť je nevyhnutná – chcete, aby si ju ľudia pamätali. Táto požiadavka však patrí celkovej identite vašej značky a navigácii vášho webu, nie vstupnej stránke s jediným konverzným cieľom. Na stránke, ktorej úlohou je získať kliknutie, dizajn, ktorý na seba upozorňuje, konkuruje posolstvu. Možno obetujete trochu „páni“ kvôli jasnosti. Tento kompromis je skutočný, pomenujte ho výslovne a urobte z neho rozhodnutie, nie prekvapenie.

Existuje aj paralelný, ťažší prípad: čo ak práve vaša jasná verzia je tá nesprávna? Ak je cieľom stránky uviesť úplne nový produkt na preplnený trh, určitá vizuálna odlišnosť môže pomôcť – napríklad výrazná ilustrácia alebo nezvyčajný farebný systém, ktorý vytvára rozpoznanie. Pravidlo nie je „buďte nudní.“ Pravidlo je: každý prvok sa musí ospravedlniť vzhľadom na ďalší krok návštevníka, a ak jedinou obhajobou prvku je, že vyzerá pôsobivo, pravdepodobne by tam nemal byť. Toto môžete v miestnosti povedať s istotou a odstráni to tlak, ktorý váš šéf cíti, aby všetko stále vyzeralo pôsobivo.

Silnejším krokom je navrhnúť test. Ak šéf trvá na svojej verzii, povedzte: „Dajme obe stránky na dva týždne hore a zmerajme mieru prekliknutia na primárnu akciu.“ Malé tímy sa niekedy obávajú, že nemajú dostatok návštevnosti na zmysluplný test, a to je oprávnená výhrada. Ak je to pravda – máte len niekoľko stoviek návštevníkov mesačne – použite kvalitatívne signály: záznamy relácií, komentáre pri odchode alebo jednoduchú použiteľnostnú kontrolu s piatimi ľuďmi. Test nie je jediný spôsob, ako sa učiť; je to len najjasnejší spôsob, ako ukončiť nezhodu bez zranených eg.

Skutočným výstupom nie je stránka

Späť k vášmu scenáru. Držíte svoju pozíciu, vytvoríte jasnú verziu, vysvetlíte dva prototypy a šéf si vyberie jasnú – čiastočne preto, že ste z toho urobili voľbu, čiastočne preto, že máte nadpis, ktorý sa dá prečítať nahlas ako veta. Stránka sa spustí. Prinesie viac registrácií, menej zmätených odchodov, alebo čokoľvek, čo pre váš produkt vyzerá ako úspech, a nabudúce, keď šéf pošle odkaz na konkurenta, váš tím už má jazyk na diskusiu o tom, či ide o stratégiu alebo štýl.

Tento jazyk je skutočným výstupom. Vstupná stránka sa dá ľahko prerobiť; predpoklad tímu, že „moderný dizajn znamená veľa vecí“, sa mení pomalšie. Zakaždým, keď obhájite jednoduchú hodnotovú ponuku alebo jedinú CTA, budujete malú knižnicu referencií, ktorú môže použiť celý tím. Ďalší projekt bude jednoduchší. Ak chcete aplikovať rovnakú úprimnosť na celý web, nielen na jednu stránku, môžete auditovať zvyšok svojho webu ako zákazník, ktorému na ňom nezáleží. A ak si nie ste istí, či vôbec potrebujete kampaňovú stránku alebo celý web, tento sprievodca výberom medzi formátmi webu vám pomôže zarámcovať to.

Nejde o vyhratie hádky. Ide o to, aby ďalšia výzva na akciu na tejto stránke bola taká, ktorú návštevníci naozaj chcú vykonať – a ktorú naozaj dokážu nájsť.