Jak představit webovou šablonu ne-technickému šéfovi

Shrnutí

Váš marketingový tým má rozpočet, termín a žádnou důvěru šéfa. Myslí si, že šablona je zkratka, ne strategie. Tento článek vám dá pětikrokový rámec, jak vybrat šablonu, dokázat, že funguje, a představit ji jazykem, kterému ne-technický šéf rozumí. Naučíte se definovat svůj seznam důkazů, posoudit skutečný výkon, prozkoumat dema jako vývojář a zodpovědět námitku ohledně vlastní tvorby dříve, než začne. Výstupem je jednostránkové memorandum, které váš šéf skutečně může schválit. Použijte tyto kroky a do schůzky vstoupíte s obchodním případem již připraveným.

Vaše demo šablony je na obrazovce. Barvy sedí. Písma působí správně. Hlavní obrázek by mohl být téměř vaše kancelář. Zkopírujete odkaz a pošlete ho šéfovi. O deset minut později odpoví: "Vypadá dobře. Ale proč potřebujeme šablonu? Nemůžeme si to postavit sami?"

Tato zpráva ukončí projekt, pokud nemáte připravenou odpověď. Šéf nežádá web. Žádá zdůvodnění. Chce vědět, že nekupuje hromadu kódu, které nerozumí. Tento článek vám dá pětikrokový rámec, jak vybrat šablonu, dokázat ji v demu a představit rozhodnutí jazykem, kterému ne-technický šéf rozumí. Udělejte práci a do schůzky vstoupíte s obchodním případem již připraveným. Nemusíte se učit kódovat. Musíte se naučit hodnotit.

Krok 1: Vytvořte si seznam důkazů, než otevřete jediné demo

Toto není seznam "doplňků". Je to dokument, který promění vágní cíle vašeho šéfa na zaškrtávací políčka.

Řekne: "Potřebujeme více leadů." Napište: "Formulář pro zachycení leadů na každé stránce s viditelným stavem poděkování."

Řekne: "Vypadáme zastarale." Napište: "Moderní rozvržení, aktuální typografie a žádný hero obrázek vypadající jako stock."

Řekne: "Mobilní uživatelé potřebují nakupovat." Napište: "Nákup na stránce produktu dokončíte maximálně třemi klepnutími."

Vložte tento seznam do tabulky se třemi sloupci: jeho slova, váš překlad, jak to otestujete. Pak ji použijte pro každou šablonu, kterou zvažujete.

Tady je trik: pište seznam jeho jazykem, ne svým. Pokud řekne "profesionální", napište "profesionální", i když vás to mrzí. Když mu později ukážete šablonu, uvidí zaškrtnutí. Nemůže argumentovat proti vlastní definici dobra.

Čerpejte důkazy odevšad: z tiketů podpory, prodejních hovorů, souboru "tohoto zákazníka jsme ztratili, protože". Pokud potenciální zákazník řekl, že se vaše stránky špatně procházejí, tato stížnost se stane položkou důkazu. Pokud má konkurent funkci, kterou vám chybí, přidejte ji do seznamu. Seznam je požadavky šéfa, podepsané jeho slovy.

Pokud je váš tým mladý a nemá tikety podpory, vyzpovídejte lidi, kteří jsou nejblíže zákazníkům. Zeptejte se obchodu: "Na co se ptá každý potenciální zákazník?" Dejte tuto otázku na seznam důkazů. Zeptejte se zákaznické podpory: "Co lidé na webu hledají?" Dejte tuto odpověď na seznam důkazů. Takto proměníte předpoklady v dokument.

Upozornění: seznam důkazů dejte písemně, i když to bude jen e-mail. Paměť je ohebná. Jednostránkový dokument, který říká "čeho musí web dosáhnout", resetuje každý pozdější argument. Když někdo navrhne redesign pouze z estetických důvodů, ukažte na dokument. Tím udržíte projekt objektivní.

Než otevřete šablony, podívejte se na přístup zaměřený na obsah při výběru výchozího bodu webu. Je to stejná logika aplikovaná dříve v procesu: požadavky před estetikou.

Krok 2: Hodnoťte šablony podle pěti věcí, které skutečně rozhodují o konverzích

Ujasněme si jednu věc. Pokud demo domovské stránky šablony vypadá ohromující, ale její vnitřní stránky jsou prázdné, nenašli jste dobrou šablonu. Našli jste dobrou domovskou stránku.

Ignorujte stock fotky. Ignorujte demo text. Testujte skutečná kritéria. Tržiště šablon jsou plná produktů, které vypadají vzrušujícím dojmem, ale pomalu se načítají, skrývají své mobilní chování a bojují s vaší značkou. Nekupujte na základě screenshotu. Kupujte na základě důkazů.

Těch pět věcí:

Responzivita. Otevřete demo na skutečném telefonu, ne v desktopovém okně. Změňte velikost. Otočte jej. Klepněte na menu. Pokud se tlačítko "Koupit nyní" změní na tenký proužek nebo se kontaktní formulář promění ve dva překrývající se sloupce, šablona neprošla. Dva ze tří návštěvníků uvidí web na telefonu. Váš šéf rozumí větě "ztrácíme prodeje na mobilu". Řekněte tu větu a máte jeho pozornost.

Struktura SEO. Podívejte se na nadpisy stránky, meta pole a možnosti alternativního textu. Šablona s čistou hierarchií nadpisů a upravitelnými metadaty je šablona, kterou čtou vyhledávače. Bez ní začínáte závod o pozice pozadu za všemi. Řekněte šéfovi: "Tato šablona je postavena tak, aby byla nalezena. To jsou peníze."

Rychlost načítání. Těžké demo s video pozadím, paralaxními efekty a tuctem pluginů? Prožeňte ho bezplatným nástrojem pro kontrolu rychlosti. Pomalé šablony vás trestají rostoucí mírou okamžitého opuštění. Každá další sekunda znamená návštěvníka, který odejde. Pokud je demo pomalé, váš ostrý web bude pomalejší.

Hloubka přizpůsobení. Zkuste změnit primární barvu, písmo a menu bez úpravy kódu. Jste malý tým. Nemáte čas stát se vývojářem. Vámi vybraná šablona by měla umožnit výměnu barev značky a textů v nastavení, ne v CSS.

Uživatelský zážitek. Proklikejte se všemi důležitými stránkami šablony. Hledejte rozbité položky menu, překrývající se text a formuláře, které neprocházejí validací. Šablona je předtestovaný kód. Pokud selže v demu, selže i na vaší doméně.

Těchto pět kritérií spolupracuje. Šablona může projít čtyřmi a selhat v jednom. Pokud je to selhání právě v kritériu, které váš seznam důkazů označuje za kritické, nezáleží na tom, jak je pěkná. Během hodnocení mějte seznam důkazů otevřený.

Kontroverzní poznámka: většina rad o šablonách říká "najděte něco jedinečného". Přestaňte to poslouchat. Cílem malého interního týmu není jedinečnost. Je to jasnost. Návštěvník by měl do pěti sekund vědět, co prodáváte. Čistá, známá struktura to udělá lépe než originální rozvržení, které lidi mate. Kupte si tu nenápadnou šablonu, která funguje. Později ji uděláte pozoruhodnou svým obsahem a produktem. Mezitím si pamatujte, že šablona je nejméně důležitou součástí webu. To, co je na ní, si lidé pamatují.

Krok 3: Prozkoumejte demo jako vývojář, ne jako marketér

Tady většina rozhodnutí selže. Vidíte demo, představíte si své logo v záhlaví a nákup schválíte za dvacet minut. Přestaňte. Dema jsou marketing. Skutečná šablona žije v načítání stránky, rozbitých odkazech a chování formulářů.

Otevřete každý odkaz. Každý. Odkaz v zápatí, stránku "stránka nenalezena", náhled blogového příspěvku, stránku zásad ochrany osobních údajů, vyhledávací pole. Pokud má šablona katalog produktů, přidejte položku do košíku a projděte pokladnou. Pokud má rezervační formulář, rezervujte si další dostupný den. Udělejte to na telefonu, nejen na notebooku.

Zkontrolujte stránku 404. Dobrá šablona přesměruje elegantně. Špatná zobrazí bílou obrazovku. To je důležité, protože vaši návštěvníci časem narazí na mrtvý odkaz.

Zkontrolujte licenční podmínky. Některá tržiště šablon omezují použití na jeden projekt. To může být problém, pokud spravujete více webů. Přečtěte si je v dokumentaci, ne na marketingové stránce.

Zkontrolujte historii aktualizací. Šablona aktualizovaná za poslední měsíc je udržovaná. Šablona naposledy aktualizovaná před rokem je riziko. Bezpečnostní záplaty a aktualizace kompatibility pluginů jsou součástí toho, co kupujete.

Šablony specifické pro odvětví stojí za čas navíc. Šablony vytvořené pro průmyslové weby, e-commerce nebo servisní firmy často obsahují hotové katalogy produktů, rezervační widgety a rozvržení portfolia. Výzkum kategorií šablon důsledně ukazuje, že tyto funkce ušetří spoustu času při nastavování. Pokud vaše firma potřebuje rezervační systém, šablona s předpřipraveným rezervačním systémem je lepší investice než vlastní integrace.

Varovný signál: pokud má demo hlavní menu dvanáct položek a vy jich máte osm, podívejte se, co se stane, když některé odeberete. Některé šablony spoléhají na přesný počet. Pokud se menu rozbije nebo se záhlaví posune, tuto šablonu přeskočte. Takové malé rozdíly se později promítnou do hodin vyladění.

Zkontrolujte dokumentaci šablony. Které pluginy jsou vyžadovány? Jak často jsou aktualizovány? Podporuje šablona verzi vašeho CMS? Pokud je dokumentace prázdná, to je varovný signál.

A ještě jedna kontrola, než se zavážete: náhled skutečné stránky s vlastním obsahem. Mnoho šablon vám umožní vložit vlastní text a vidět jej živě. Pokud váš dlouhý případová studie vypadá v rozvržení šablony špatně, zvažte to znovu. Šablona, která vypadá dobře jen s demem na tři věty, je šablona, která bojuje s vaším skutečným obsahem. Chcete strukturu, která se ohýbá, ne takovou, která se rozpadá.

Krok 4: Zodpovězte námitku „proč si to nepostavit na míru?“, než ji šéf vysloví

Váš šéf se zeptá: "Proč si to prostě nenapíšeme sami? Máme kamaráda, který dělá web, nebo agentura, kterou používáme na brožury, to pravděpodobně zvládne." Potřebujete klidnou odpověď, ne emocionální.

Tři části. Za prvé, rychlost. Šablona jde do provozu v tomto čtvrtletí. Vlastní kód trvá nejméně dvakrát až třikrát déle. V malém interním marketingovém týmu je rychlost příjmem. Za druhé, konzistence. Profesionální šablona je předtestovaný kód vytvořený lidmi, kteří dělají šablony celý den. Vlastní build je jednorázová záležitost, což znamená více oprav chyb a více cyklů revizí. Za třetí, náklady. Vlastní vývoj přidává hodiny návrhu, iterací a údržby na stejnou práci s textem a designem, kterou vám šablona dává. Kupní cena šablony je malá vedle hodinové sazby vývojáře.

Ale buďte upřímní ohledně skutečného kompromisu. Je pravda, že vlastní build může nabídnout větší flexibilitu a škálovatelnost z dlouhodobého hlediska. Pokud již víte, že budoucí potřeby jsou neobvyklé — proprietární kalkulačka, vlastní členský portál, komplexní integrace s vaším CRM — šablona může narazit na strop. Nepředstírejte opak. Řekněte: "Tato šablona nás dostane do provozu nyní. Za šest měsíců vyhodnotíme, zda jsme ji přerostli." Tato upřímnost buduje s šéfem větší důvěru než falešný slib.

Teď skrytá námitka: možná se bojí, že šablona způsobí, že firma vypadá levně. Čelte seznamem důkazů. Čistá struktura, barvy vaší značky a skutečná doporučení zákazníků pokaždé zastíní návrh na míru s lorem ipsum. Hodnota webu pochází z obsahu, rychlosti a relevance, ne z toho, zda ho designér kódoval od nuly. Představte šablonu jako nástroj, který produkuje profesionální výsledek, ne jako zkratku, která šetří na nákladech.

Když se šéf zeptá "co když to budeme muset později změnit?", vysvětlete, že šablona je navržena k přizpůsobení. Změny barev, změny textů, přidávání stránek, odebírání sekcí: to je běžná údržba. Profesionální šablona přichází se systémem, ne se slepou uličkou.

Měli byste se také připravit na variantu "proč ne bezplatná šablona?". Bezplatné šablony často omezují podporu a aktualizace a objevují se na tisících webů. To neznamená, že jsou špatné — znamená to, že jsou rizikové pro firmu, která se na web spoléhá při generování leadů. Vysvětlete tento rozdíl jasně: platíte za údržbu a spolehlivost, ne za samotný layout.

Krok 5: Vytvořte jednostránkové rozhodovací memorandum, které si váš šéf skutečně přečte

Nyní máte seznam důkazů, poznámky z auditu a užší seznam. Přestaňte o tom mluvit. Napište to. Memorandum, ne prezentace. Jedna stránka, bez žargonu.

Strukturujte to takto:

• Problém. Jedna věta vlastními slovy vašeho šéfa.
• Možnosti. Tři řádky, jeden pro každého kandidáta, každý porovnaný se seznamem důkazů.
• Doporučení. Šablona, kterou zvolíte, a důvod v jednom krátkém odstavci.
• Náklady na nečinnost. Konkrétní ztráta, pokud si ponecháte současný web další čtvrtletí.

Do středu vložte srovnávací tabulku. Jednoduchá vypadá takto:

Kritérium	Šablona A	Šablona B	Vlastní vývoj
Čas do spuštění	2 týdny	1 týden	10–16 týdnů
Počáteční náklady	$$	$	$$$
Mobilní responzivita	Vyhovuje	Vyhovuje	Nutná specifikace
Základy SEO	Vestavěné	Nutné nastavení	Nutná specifikace
Rezervační systém	Vestavěné	Doplněk	Nutný vývoj
Vizuální jedinečnost	Střední	Vysoká	Může být vysoká

Nevymýšlejte si tato čísla. Doplňte si vlastní odhady. Tabulka funguje, protože zviditelňuje kompromis. Když se šéf podívá na sloupec vlastního vývoje, vidí zpoždění a náklady. To je fakt, ne názor.

Přidejte harmonogram. Co se stane poté, co ji koupíte? Potřebujete jednoduchý plán: první týden obsah a značka; druhý týden vývoj a testování; třetí týden recenze; čtvrtý týden spuštění. Dejte to do memoranda. Šéf schvaluje nejen šablonu, ale i proces.

Zakončete dvěma větami: "Doporučuji šablonu B. Pokud se za šest měsíců mýlím, vrátíme se k tomu." To dává šéfovi rozhodnutí, ne debatu. Také to signalizuje, že nejste na volbě závislí, což schválení usnadňuje.

Než memorandum odešlete, přečtěte si ho nahlas. Pokud by některá věta mohla být čtena jako technická nebo vágní, přepište ji. Každý řádek by měl být něco, s čím inteligentní ne-vývojář může souhlasit. Pokud vysvětlíte koncept způsobem, který předpokládá slovní zásobu vývojáře, ztratíte ho. Přeložte.

Závěr

Nevyberáte šablonu. Vybíráte argument pro rychlost, zdravý rozum a web, který se spustí. Seznam důkazů vytváří kritéria. Audit dema vytváří důkazy. Memorandum zviditelňuje rozhodnutí. Váš šéf řekne ano, protože jste mu dali důvod — důvod spojený s výsledky, na kterých mu skutečně záleží.

Až příště přijde redesign, konverzace se změní. Místo "proč potřebujeme šablonu?" začne slovy "čeho potřebujeme dosáhnout?" To je výhra. Udělejte to jednou s tímto rámcem a každý budoucí projekt začnete krokem tři. Pro hlubší pohled na přiřazení šablony k vašemu odvětví se podívejte na jak vybrat a přizpůsobit šablonu, která konvertuje.