Blog

Váš šéf vám poslal odkaz konkurence. Co teď?

Když vám netechnický šéf řekne, abyste zkopírovali vstupní stránku konkurence, nebojujte s tím – přerámujte to. Tento průvodce vám ukáže, jak obhájit jasnější stránku s jedinou výzvou k akci a vyhrát interní schvalování.

Shrnutí

Když vám šéf přepošle vstupní stránku konkurence a řekne „udělejte naši, aby vypadala takhle.“ Tento článek vás provede tím, co dělat dál – aniž byste začali hádku nebo požadavek ignorovali. Ukáže, jak se bránit slepému kopírování, napsat srozumitelnou hodnotovou nabídku, zúžit stránku na jedinou výzvu k akci a prezentovat svůj případ jako volbu, ne jako verdikt. Přístup vychází ze vzorů SaaS vstupních stránek, které důsledně upřednostňují jasnost před chytrostí, od jasných hodnotových nabídek po minimální hero sekce. Získáte také praktickou šablonu, jak získat podporu zainteresovaných stran, když rozhodovatel není do designu. Cílem je stránka, která dělá svou práci, a tým, který sdílí stejný jazyk o tom, proč vypadá tak, jak vypadá.

Co řeknete, když vám šéf pošle vstupní stránku konkurence s poznámkou „naše by měla vypadat takhle“? Jste v tříčlenném interním marketingovém týmu. Nevlastníte rozpočet na design. Máte produkt na prodej, datum spuštění a šéfa, který nerozezná písmo od nadpisu. A právě teď ten šéf ukazuje na stránku, která vypadá dobře – takže snadné a bezpečné řešení je přikývnout, zkopírovat strukturu a dosadit vlastní text. Ale bezpečné řešení je obvykle to, které stránku odsoudí k ignorování.

Schůzka je v pátek. Máte čtyři dny, abyste šéfovi ukázali, proč je jiný přístup lepší, aniž by se z kontroly stala hádka. Zde je plán, který můžete dodržet od začátku do konce.

Přečtěte si e-mail, ne odkaz

Odkaz je požadavek maskovaný jako URL. Než otevřete záložku prohlížeče, přečtěte si poznámku, která je k němu připojená. Chce váš šéf podobný vzhled? Podobné pořadí sekcí? Podobné zpracování loga? Každá z těchto věcí je jiný požadavek. Většinou poznámka říká „udělejte naši, aby vypadala takhle“, a ve skutečnosti znamená „udělejte naši, aby působila stejně důvěryhodně“. Stránka, na kterou se díváte, je důležitá jen proto, že šéfovi dává pocit legitimity. Vaším skutečným úkolem tedy není stránku reprodukovat. Je vytvořit stejný pocit s vlastním odůvodněním.

Na stránce konkurence je důležité to, že to, co vidíte, je výsledek rozhodnutí, kterých jste se neúčastnili. Tento design byl postaven pro jejich publikum, jejich tržní pozici, jejich povědomí o značce a jejich konverzní cíle. Zkopírujete viditelné části – rozvržení, barvy, stock fotky – a unikne vám neviditelné odůvodnění, díky kterému fungují. To není problém designu; je to únik strategie. Ukrást jejich kostru je něco jiného než ukrást jejich obsah, a kostra funguje pouze tehdy, když rozumíte tomu, proč si ji vybrali.

Než cokoli otevřete, odpovězte si na jednu otázku: co má tato stránka dělat? Ne „vypadat jako moderní SaaS“, ale co by si měl návštěvník myslet, cítit a na co kliknout během příštích šedesáti sekund? Zapište si to, než se na cokoli podíváte. Pokud to nedokážete, stavíte plakát, ne stránku.

Obvyklé pokušení je brát stránku konkurence jako nákupní seznam: velký nadpis, třísloupcová mřížka funkcí, chatovací widget, odkaz na ceny, loga zákazníků. Ale nejtrvanlivější vzor v SaaS designu je jednodušší. Znovu a znovu platí, že stránky, které konvertují, se nesnaží dělat šest věcí najednou. Upřednostňují jasnost před chytrostí – stručný nadpis, krátký popis, jeden zřejmý další krok. To není žádné tajemství, ale překvapivě těžko se to obhajuje ve firmě, která neustále žádá „víc“.

PokušeníCo obvykle funguje lépe
Zrcadlit rozvržení konkurenceZnovu vytvořte jejich základní logiku, ne jejich sekce
Nacpat první obrazovku funkcemiNadpis, podnadpis, jediná výzva k akci
Chytrý tagline, který odpovídá hlasu značkyVěta v běžném jazyce o tom, co produkt dělá
Několik tlačítek pro každý typ návštěvníkaJedna primární akce na obrazovku, sekundární akce umístěné níže

Tato tabulka je určena pro okamžik, kdy stránka prochází interním schvalováním, protože každý řádek je otázka, kterou někdo položí. Odpovědí na každou z nich není „tak vypadá moderní SaaS“. Odpovědí je to, co návštěvník potřebuje udělat dál.

Napište větu, která vám ušetří redesign

Než otevřete designový nástroj, otevřete textový soubor a napište jednu větu: co váš produkt dělá, pro koho je určen a proč by se o něj měl dnes zajímat? Začněte s nejhorší verzí té věty, kterou se stydíte komukoli ukázat. Pak ji upravujte, dokud nebude dávat smysl někomu, kdo o vaší společnosti nikdy neslyšel.

Zde je propracovaný příklad, záměrně obecný. Řekněme, že váš produkt pomáhá maloobchodním prodejnám připomínat zákazníkům jejich schůzky. Současný nadpis hero sekce: „Next-Gen Retail Engagement Platform“ (Platforma pro zapojení zákazníků nové generace). Zní to důležitě. Neznamená to nic. Návštěvník se na to podívá, neví, jestli je to software, poradenská firma nebo chatbot, a odejde.

Přepsaná verze: „Posílejte automatické připomínky schůzek, aby vaši zaměstnanci nemuseli třikrát denně obvolávat lidi.“ Na slidu to není tak působivé. Na obrazovce je to užitečnější. Když si to přečte typický návštěvník – někdo, kdo provozuje malý obchod – okamžitě ví, co produkt je, pro koho je určen a jaký výsledek může očekávat. Hodnotová nabídka čte jako věta, ne jako poslání.

Toto je také vzor, který poznáte na nejobdivovanějších SaaS domovských stránkách. Calendly má tagline jen „plánujte schůzky bez e-mailů tam a zpět“ (schedule meetings without the back-and-forth emails). Žádná zmínka o algoritmech, žádné „revoluční plánování“. Pojmenovává výsledek, který chce konkrétní člověk. Váš produkt má ekvivalentní větu; jen jste ji ještě nenapsali.

Počítejte s odporem. Šéf řekne, že nový nadpis je „moc obyčejný“ nebo „nezní jako skutečná technologická společnost“. Tato reakce se týká identity, ne jasnosti. Lidé, se kterými pracujete, čtou pitch vašeho produktu každý den; obyčejná věta jim připadá příliš nezformální právě proto, že už vědí, co produkt dělá. Návštěvník to neví. Braňte větu tímto rozlišením. Pokud šéf řekne „obsluhujeme i restaurace, nejen maloobchody“, je to vlastně dobrá zpráva: věta může kategorii pojmenovat volněji a přitom stále pojmenovat výsledek. Co si nemůžete dovolit, je nadpis, který nic nepopisuje.

Jedna akce na obrazovku

Podívejte se na nejrespektovanější SaaS domovské stránky a všimnete si zvyku: vyberou si jeden další krok a všechno ostatní mu ustoupí. Notion, referenční bod v recenzích vstupních stránek, usiluje o jedinou výzvu k akci, jako je „Získejte Notion zdarma“ (Get Notion free). Toto jedno tlačítko říká, co se stane po kliknutí; nenutí vás vybírat mezi „Zahájit zkušební verzi“, „Zobrazit ceny“, „Vyžádat demo“ a „Mluvit s obchodním zástupcem“.

Vaše stránka pravděpodobně dělá přesně to. Hero sekce má dvě nebo tři tlačítka, navigační lišta nese odkazy na ceny, blog, podporu a kariéru a nad vším se vznáší chatovací widget. Každý prvek navíc je malá daň za pozornost návštěvníka. Přišli kvůli jednomu úkolu. Každý odkaz je příležitostí ho opustit.

Řešením není svléknout web do naha. Je rozhodnout, co je jedinou primární akcí pro tuto stránku – zahájit zkušební verzi, rezervovat demo nebo uskutečnit nákup – a udělat z toho jedinou věc, která v hero sekci vypadá jako tlačítko. Sekundární cíle mohou být dále na stránce, až je případ představen. Pokud se obáváte zvědavosti ohledně cen, postačí prostý textový odkaz v patičce nebo horní navigaci, aniž by konkuroval hlavní výzvě. Tato stránka je jednou kapitolou většího webu; nemusí zastat práci celého webu. Pokud také přestavujete celý web, rámec vstupní stránky s osvědčenými SaaS konverzními postupy je dobrým referenčním materiálem, který můžete sdílet s šéfem – je to externí hlas, který říká to, co se snažíte říct.

Když se šéf zeptá, proč jste odstranili tlačítko, můžete mu to říct na rovinu: dvě tlačítka nutí návštěvníka vybírat dřív, než rozumí, mezi čím vybírá. Jedno tlačítko jim řekne jedinou věc, kterou po nich chcete. Stránka bude klidnější a klidné stránky konvertují.

Hero sekce je test, ne plakát

První obrazovka není billboard; je to podání ruky. Domovská stránka Linearu, často citovaná v designových recenzích, je minimální: čistý nadpis, krátký podnadpis, jediná výzva k akci. Nic nebojuje o pozornost. Žádný pokus ukázat všechny funkce v prvním výřezu. Funguje to, protože malé množství textu je dostatečně přesné na to, aby vysvětlilo, co Linear dělá, někomu, kdo ho nikdy neviděl.

Koncept „nad záhybem“ se přesunul z fyzického záhybu na první obrazovku telefonu a omezení jsou tam přísnější. Návštěvník, který listuje na cestě do práce, vidí polovinu nadpisu a oříznutý snímek obrazovky, a přesto si udělá úsudek. Hero sekce by proto měla přežít třívteřinový pohled: jedna věta, co produkt je, jedna věta, co dělá, jedno tlačítko. Pokud potřebuje vysvětlení, je špatně.

Použijte to jako vlastní test. Netestujte to na kolezích; testujte to na lidech, kteří váš produkt neznají. Předložte návrh hero sekce čtyřem nebo pěti přátelům nebo známým mimo obor a položte jednu otázku: „Co tento produkt dělá?“ Pokud někdo zaváhá, hero sekce selhala. Pokud odpoví bez vaší pomoci, máte základ stránky.

Toto je také fáze, kdy narazíte na otázku „udělat to výraznější“ (make it pop). Výraznost je symptom, ne funkce. Hero sekce může být vizuálně sebevědomá – výrazná barva, ostrý snímek obrazovky – a přitom klidná. Nejde o odstranění vizuálního zájmu. Jde o to, aby každé vizuální rozhodnutí směřovalo k jediné akci, kterou jste určili v předchozím kroku. Nápadná fotografie člověka používajícího váš produkt je v pořádku; fotografie rappera s vaším logem ne.

Shromážděte důkazy, než je budete potřebovat

Jakmile je hodnotová nabídka správná a hero sekce minimální, může stránka někomu, kdo je zvyklý na mřížky funkcí, připadat trochu prázdná. K tomu slouží sekce sociálních důkazů. Shromážděte tři důkazy, než otevřete designový soubor, ne po něm: doporučení, které říká to, co skutečný zákazník skutečně řekl (ne slovo „úžasné“), jedno nebo dvě rozpoznatelná loga zákazníků a jeden konkrétní metrik, který smíte veřejně sdílet. Žádná vymyšlená čísla – jediný citát, který zrcadlí vaši hodnotovou nabídku, udělá víc práce než řada prázdných log.

Šéf se nebude hádat se sociálním důkazem, protože to není designové rozhodnutí; je to důkaz. Když se někdo zeptá, proč stránka „nemá žádný obsah“, odpověď zní, že dobře umístěné doporučení může mít větší přesvědčovací váhu než tři odstavce funkcí. Návštěvníci vašim tvrzením zatím nevěří. Věří lidem, jako jsou oni, kteří už provedli akci, o kterou žádáte.

Na umístění záleží. Nejsilnější důkaz umístěte hned za hero sekci nebo vedle hlavní výzvy k akci. Proužek log říká „jste v dobré společnosti“; doporučení říká „tento výsledek je skutečný“; metrika říká „tady je velikost účinku“. Na každé stránce nepotřebujete všechny tři, ale potřebujete alespoň jeden blízko okamžiku rozhodnutí. Pokud je váš produkt nový a zatím nemáte žádná doporučení, nabídněte štědrou zkušební verzi nebo video s průchodem – důkaz může být behaviorální i verbální.

Závěrečná schůzka není o vkusu

Posledním krokem je obhájit svůj případ u osoby, která to schvaluje – a to je krok, který můžete ovlivnit. Přijďte na schůzku se dvěma možnostmi, ne s jednou. První je „verze pro šéfa“: stránka, která sleduje strukturu a tón konkurence, to, oč žádal. Druhá je „jasná verze“: hodnotová nabídka v běžném jazyce, jedna výzva k akci, minimální hero sekce a důkazy. Představte obě jako skutečné návrhy, ne jako uctivé skici versus vašeho favorita.

Pak pojmenujte rozdíl, aniž byste předstírali, že jasná verze je lepší ve všech ohledech. Řekněte: „Tato stránka říká, že jsme společnost jako konkurence. Ta druhá říká, co děláme a co by měl návštěvník udělat, když se sem dostane. První je vhodnější, pokud si myslíme, že hlavním úkolem stránky je signalizovat kategorii.“ Tento rámec dělá z šéfa rozhodovatele, ne někoho, koho je třeba přemluvit z instinktu, a udržuje konverzaci o tom, k čemu stránka slouží.

Tady je kontrariánský bod, který většina článků s radami vynechává: váš šéf se nemýlí, když chce výrazně vypadající stránku. Pokud váš produkt skutečně představuje novou kategorii, určitá vizuální osobnost je nezbytná – chcete, aby si ho lidé pamatovali. Tento požadavek ale patří do celkové identity značky a navigace webu, ne na vstupní stránku s jediným konverzním cílem. Na stránce, jejímž úkolem je získat kliknutí, design, který na sebe upozorňuje, konkuruje sdělení. Možná obětujete trochu „wow“, abyste získali jasnost. Tento kompromis je skutečný, pojmenujte ho výslovně a udělejte z něj rozhodnutí, ne překvapení.

Existuje také paralelní, obtížnější případ: co když je vaše jasná verze ta špatná? Pokud je cílem stránky uvést zcela nový produkt na přeplněný trh, může pomoci určitá vizuální odlišnost – například výrazná ilustrace nebo neobvyklý barevný systém, který vytváří rozpoznání. Pravidlo není „buďte nudní“. Pravidlo zní: každý prvek se musí obhájit ve vztahu k dalšímu kroku návštěvníka, a pokud jedinou obhajobou prvku je, že vypadá působivě, pravděpodobně by tam být neměl. To můžete v místnosti říct s jistotou a odstraníte tím tlak, který váš šéf cítí, aby vše vypadalo působivě neustále.

Silnějším krokem je navrhnout test. Pokud šéf trvá na své verzi, řekněte: „Pojďme obě stránky nasadit na dva týdny a změřit míru prokliku na primární akci.“ Malé týmy se někdy obávají, že nemají dost provozu pro smysluplný test, a to je oprávněná výhrada. Pokud to platí – máte jen pár set návštěvníků měsíčně – použijte místo toho kvalitativní signály: záznamy relací, komentáře při odchodu nebo jednoduchou pětičlennou kontrolu použitelnosti. Test není jediný způsob učení; je to jen nejjasnější způsob, jak ukončit neshodu bez zraněných eg.

Skutečným výstupem není stránka

Zpět k vašemu scénáři. Držíte pozici, postavíte jasnou verzi, vysvětlíte oba prototypy a šéf si vybere jasnou – částečně proto, že jste z toho udělali volbu, částečně proto, že máte nadpis, který lze přečíst nahlas jako jednu větu. Stránka se spustí. Přinese více registrací, méně zmatených odchodů nebo cokoli, co pro váš produkt vypadá jako úspěch, a až šéf příště pošle odkaz na konkurenci, váš tým už bude mít jazyk, jak diskutovat o tom, jestli jde o strategii nebo styl.

Tento jazyk je skutečným výstupem. Vstupní stránku lze snadno redesignovat; výchozí předpoklad týmu, že „moderní design znamená spoustu věcí“, se mění pomaleji. Pokaždé, když obhájíte obyčejnou hodnotovou nabídku nebo jedinou výzvu k akci, budujete malou knihovnu referencí, kterou může využít celý tým. Další projekt bude jednodušší. Pokud chcete použít stejnou upřímnost na celý web nejen na jednu stránku, můžete auditovat zbytek webu jako zákazník, kterému to je jedno. A pokud si nejste jistí, jestli vůbec potřebujete kampaňovou stránku nebo plný web, tento průvodce výběrem mezi formáty webu vám pomůže to zarámovat.

Nejde o vyhrání hádky. Jde o to, aby další výzva k akci na této stránce byla taková, kterou návštěvníci skutečně chtějí přijmout – a skutečně ji najdou.

Sources (5)