Ako predať webovú šablónu ne-technickému šéfovi

Zhrnutie

Váš marketingový tím má rozpočet, termín, ale nemá dôveru šéfa. Myslí si, že šablóna je skratka, nie stratégia. Tento článok vám ponúka päťkrokový rámec na výber šablóny, overenie, že funguje, a jej prezentáciu jazykom, ktorý ne-technický šéf oceňuje. Naučíte sa definovať si zoznam dôkazov, posúdiť skutočný výkon, audítovať ukážky ako vývojár a odpovedať na námietku vlastného vývoja skôr, než vôbec zaznie. Výstupom je jednostránkové memorandum, ktoré váš šéf môže skutočne schváliť. Ak použijete tieto kroky, pôjdete na stretnutie s už pripraveným obchodným prípadom.

Vaša ukážka šablóny je na obrazovke. Farby sedia. Písma vyzerajú dobre. Hlavný obrázok by mohol byť takmer vaša kancelária. Skopírujete odkaz a pošlete ho šéfovi. O desať minút odpovie: "Vyzerá to dobre. Ale prečo potrebujeme šablónu? Nemôžeme si to jednoducho postaviť sami?"

Táto správa ukončí projekt, pokiaľ nemáte pripravenú odpoveď. Šéf sa nepýta na webovú stránku. Pýta sa na zdôvodnenie. Chce vedieť, že nekupuje kopu kódu, ktorej nerozumie. Tento článok vám dáva päťkrokový rámec na výber šablóny, jej overenie v ukážke a prezentáciu rozhodnutia jazykom, ktorý ne-technický šéf rešpektuje. Ak to urobíte, pôjdete na stretnutie s už pripraveným obchodným prípadom. Nemusíte sa učiť kódovať. Musíte sa naučiť vyhodnocovať.

Krok 1: Vytvorte si zoznam dôkazov predtým, než otvoríte čo i len jednu ukážku

Toto nie je zoznam "čo by bolo dobré mať". Je to dokument, ktorý mení nejasné ciele vášho šéfa na zaškrtávacie políčka.

Povie: "Potrebujeme viac potenciálnych zákazníkov." Napíšte: "Formulár na zachytávanie kontaktov na každej stránke s viditeľným potvrdením."

Povie: "Vyzeráme zastaralo." Napíšte: "Moderný layout, aktuálna typografia a žiadny Hero obrázok vyzerajúci ako stock foto."

Povie: "Mobilní používatelia musia mať možnosť nakupovať." Napíšte: "Pokladňa na produktovej stránke sa dokončí tromi kliknutiami alebo menej."

Tento zoznam umiestnite do tabuľky s tromi stĺpcami: jeho slová, váš preklad, ako to otestujete. Potom ho použite pre každú šablónu, ktorú zvažujete.

Tu je trik: píšte zoznam jeho jazykom, nie vašim. Ak povie "profesionálne", napíšte "profesionálne", aj keď vám to príde trápne. Keď mu neskôr ukážete šablónu, uvidí tie zaškrtnutia. Nemôže argumentovať proti vlastnej definícii dobrého.

Zbierajte dôkazy odo všadiaľ: tíketov na podporu, obchodné hovory, súbor "tohto zákazníka sme stratili, pretože". Ak potenciálny zákazník povedal, že vaše stránky sú zle navigovateľné, táto sťažnosť sa stane položkou v zozname dôkazov. Ak má konkurent funkciu, ktorú vám chýba, pridajte ju do zoznamu. Zoznam je požiadavky šéfa, podpísané jeho slovami.

Ak je váš tím mladý a nemá žiadne tíket na podporu, vyspovedajte ľudí, ktorí sú najbližšie k zákazníkom. Opýtajte sa obchodníkov: "Ktorú otázku položí každý potenciálny zákazník?" Túto otázku si zapíšte do zoznamu dôkazov. Opýtajte sa zákazníckej podpory: "Čo ľudia na stránke vyhľadávajú?" Túto odpoveď si zapíšte do zoznamu dôkazov. Takto premeníte predpoklady na dokument.

Upozornenie: zapíšte si zoznam dôkazov písomne, aj keby to mal byť len e-mail. Pamäť sa kriví. Jednostránkový dokument s názvom "čo musí stránka dosiahnuť" vyrieši každý neskorší argument. Keď niekto navrhne redizajn len kvôli estetike, ukážte na dokument. Takto zostane projekt objektívny.

Predtým, než otvoríte šablóny, pozrite sa na prístup zameraný najskôr na obsah pri výbere východiskového bodu webovej stránky. Je to rovnaká logika použitá skôr v procese: požiadavky pred estetikou.

Krok 2: Posudzujte šablóny podľa piatich vecí, ktoré skutočne rozhodujú o konverziách

Povedzme si to rovno. Ak ukážka domovskej stránky šablóny vyzerá úchvatne, ale jej vnútorné stránky sú prázdne, nenašli ste dobrú šablónu. Našli ste dobrú domovskú stránku.

Ignorujte stock fotky. Ignorujte ukážkové texty. Testujte skutočné kritériá. Trhoviská so šablónami sú plné produktov, ktoré vyzerajú vzrušujúco, ale pomaly sa načítavajú, skrývajú svoje správanie na mobile a bojujú s vašou značkou. Nekupujte na základe screenshotu. Kupujte na základe dôkazov.

Tých päť vecí:

Responzivita. Otvorte si ukážku na skutočnom telefóne, nie v desktopovom okne. Zmeňte veľkosť. Otočte ho. Klepnite na menu. Ak sa tlačidlo "Kúpiť teraz" zmení na tenký prúžok alebo sa kontaktný formulár zmení na dva prekrývajúce sa stĺpce, šablóna neprešla. Dvaja z troch návštevníkov uvidia stránku na telefóne. Váš šéf chápe vetu "strácame predaje na mobile." Povedzte tú vetu a máte jeho pozornosť.

SEO štruktúra. Pozrite sa na nadpisy stránky, meta polia a možnosti alt textu. Šablóna s čistou hierarchiou nadpisov a editovateľnými metadátami je šablóna, ktorú dokážu prečítať vyhľadávače. Tá bez nej znamená, že v pretekoch o poradie začínate za všetkými. Povedzte šéfovi: "Táto šablóna je postavená tak, aby ju našli. To sú peniaze."

Rýchlosť načítania. Ťažká ukážka s video pozadím, parallax efektmi a tuctom pluginov? Prežeňte ju cez bezplatný nástroj na kontrolu rýchlosti stránky. Pomalé šablóny vás trestajú rastúcou mierou okamžitých odchodov. Každá ďalšia sekunda je návštevník, ktorý odíde. Ak je ukážka pomalá, vaša živá stránka bude ešte pomalšia.

Hĺbka prispôsobenia. Skúste zmeniť primárnu farbu, písmo a menu bez úpravy kódu. Ste malý tím. Nemáte čas stať sa vývojárom. Vami vybraná šablóna by vám mala umožniť vymeniť farby a texty značky v nastaveniach, nie v štýlopise.

Používateľská skúsenosť. Prekliknite sa cez každú dôležitú stránku šablóny. Hľadajte rozbité položky menu, prekrývajúci sa text a formuláre, ktoré neprechádzajú validáciou. Šablóna je vopred otestovaný kód. Ak zlyhá v ukážke, zlyhá aj na vašej doméne.

Týchto päť kritérií funguje spoločne. Šablóna môže prejsť štyrmi a zlyhať v jednom. Ak to zlyhané je to, ktoré váš zoznam dôkazov označuje ako kritické, nezáleží na tom, aká je pekná. Majte zoznam dôkazov otvorený počas vyhodnocovania.

Kontroverzný názor: väčšina rád o šablónach hovorí "nájdite niečo jedinečné". Prestaňte to počúvať. Cieľom malého interného tímu nie je jedinečnosť. Je to jasnosť. Návštevník by mal vedieť, čo predávate, do piatich sekúnd. Čistá, známa štruktúra to dosiahne lepšie ako originálny layout, ktorý ľudí mätie. Kúpte si nenápadnú šablónu, ktorá funguje. Neskôr ju urobíte pozoruhodnou svojim obsahom a produktom. Medzitým si pamätajte, že šablóna je najmenej dôležitá časť webovej stránky. To, čo je na nej, je to, čo si ľudia pamätajú.

Krok 3: Audit ukážky ako vývojár, nie ako marketér

Tu sa väčšina rozhodnutí pokazí. Uvidíte ukážku, predstavíte si svoje logo v hlavičke a nákup schválite za dvadsať minút. Prestaňte. Ukážky sú marketing. Skutočná šablóna žije v načítaní stránky, rozbitých odkazoch a správaní formulárov.

Otvorte každý odkaz. Každý jeden. Odkaz v pätičke, stránku "stránka sa nenašla", ukážku blogového príspevku, stránku zásad ochrany osobných údajov, vyhľadávacie pole. Ak má šablóna produktový katalóg, pridajte položku do košíka a prejdite cez pokladňu. Ak má rezervačný formulár, rezervujte si najbližší dostupný deň. Robte to na telefóne, nie len na notebooku.

Skontrolujte stránku 404. Dobrá šablóna presmeruje elegantne. Zlá zobrazí bielu obrazovku. To je dôležité, pretože vaši návštevníci skôr či neskôr narazia na mŕtvy odkaz.

Skontrolujte licenčné podmienky. Niektoré trhoviská so šablónami obmedzujú použitie na jeden projekt. To môže byť problém, ak spravujete viacero projektov. Prečítajte si to v dokumentácii, nie na marketingovej stránke.

Skontrolujte históriu aktualizácií. Šablóna aktualizovaná za posledný mesiac je udržiavaná. Šablóna naposledy aktualizovaná pred rokom je riziko. Bezpečnostné záplaty a aktualizácie kompatibility s pluginmi sú súčasťou toho, čo kupujete.

Šablóny špecifické pre dané odvetvie stoja za čas navyše pri hľadaní. Šablóny vytvorené pre priemyselné stránky, e-commerce alebo služby často obsahujú hotové produktové katalógy, rezervačné widgety a portfóliové rozloženia. Výskum kategórií šablón opakovane ukazuje, že tieto funkcie šetria vážne množstvo času pri nastavovaní. Ak vaša firma potrebuje rezervačný systém, šablóna s už vstavaným rezervačným systémom je lepšia investícia ako vlastná integrácia.

Varovný signál: ak má hlavné menu ukážky dvanásť položiek a vaše osem, pozrite sa, čo sa stane, keď niektoré odstránite. Niektoré šablóny sa spoliehajú na presný počet. Ak sa menu rozpadne alebo sa hlavička posunie, túto šablónu preskočte. Takéto malé rozdiely sa neskôr premenia na hodiny doladzovania.

Skontrolujte dokumentáciu šablóny. Ktoré pluginy sú vyžadované? Ako často sú aktualizované? Podporuje šablóna verziu vášho CMS? Ak je dokumentácia prázdna, to je varovný signál.

A ešte jedna kontrola pred tým, než sa zaviažete: zobrazte si skutočnú stránku s vlastným obsahom. Mnohé šablóny vám umožnia vložiť svoj vlastný text a vidieť ho naživo. Ak vaša dlhšia prípadová štúdia vyzerá v rozložení šablóny zle, zvážte to znova. Šablóna, ktorá vyzerá dobre len s ukážkovým trojvetým hero textom, je šablóna, ktorá bojuje s vaším skutočným obsahom. Chcete štruktúru, ktorá sa prispôsobí, nie takú, ktorá sa rozpadne.

Krok 4: Odpovedzte na námietku "prečo nie vlastný vývoj?" skôr, než na ňu šéf vôbec pomyslí

Váš šéf sa opýta: "Prečo si to jednoducho nenaprogramujeme sami? Máme kamaráta, ktorý robí weby, alebo to pravdepodobne dokáže agentúra, ktorú používame na brožúry." Potrebujete pokojnú odpoveď, nie emocionálnu.

Tri časti. Po prvé, rýchlosť. Šablóna sa spustí tento štvrťrok. Vlastný kód trvá najmenej dva až trikrát dlhšie. V malom internom marketingovom tíme je rýchlosť príjem. Po druhé, konzistentnosť. Profesionálna šablóna je vopred otestovaný kód vytvorený ľuďmi, ktorí celý deň robia šablóny. Interný vývoj je jednorazová záležitosť, čo znamená viac opráv chýb a viac cyklov revízií. Po tretie, náklady. Vlastný vývoj pridáva hodiny dizajnu, iterácií a údržby na vrch toho istého textu a dizajnérskej práce, ktorú vám šablóna dáva. Kúpna cena šablóny je malá v porovnaní s hodinovou sadzbou vývojára.

Ale buďte úprimní o skutočnom kompromise. Je pravda, že vlastný vývoj môže ponúknuť väčšiu flexibilitu a škálovateľnosť z dlhodobého hľadiska. Ak už viete, že budúce potreby sú exotické — vlastná kalkulačka, vlastný portál pre členov, komplexná integrácia s vaším CRM — šablóna môže naraziť na strop. Netvárte sa, že to tak nie je. Povedzte: "Táto šablóna nám umožní spustiť stránku teraz. O šesť mesiacov prehodnotíme, či sme ju prerástli." Takáto úprimnosť vybuduje u šéfa viac dôvery ako falošný sľub.

Teraz skrytá námietka: možno sa obáva, že šablóna spôsobí, že firma bude vyzerať lacno. Čeľte jej zoznamom dôkazov. Čistá štruktúra, farby vašej značky a skutočné referencie zákazníkov vždy zatienia vlastný dizajn s lorem ipsum. Hodnota webovej stránky pochádza z obsahu, rýchlosti a relevantnosti, nie z toho, či dizajnér napísal kód od nuly. Prezentujte šablónu ako nástroj, ktorý prináša profesionálny výsledok, nie ako skratku, ktorá šetrí na kvalite.

Keď sa šéf opýta "čo ak to budeme musieť neskôr zmeniť?", vysvetlite, že šablóna je postavená na to, aby sa prispôsobovala. Zmeny farieb, textov, pridávanie stránok, odstraňovanie sekcií: to je bežná údržba. Profesionálna šablóna prichádza so systémom, nie so slepou uličkou.

Mali by ste sa tiež pripraviť na variant "prečo nie bezplatná šablóna?". Bezplatné šablóny často obmedzujú podporu a aktualizácie a objavujú sa na tisíckach stránok. To neznamená, že sú zlé — znamená to, že sú rizikové pre firmu, ktorá sa na stránke spolieha na generovanie kontaktov. Vysvetlite tento rozdiel jasne: platíte za údržbu a spoľahlivosť, nie za samotný layout.

Krok 5: Vytvorte jednostránkové rozhodovacie memorandum, ktoré si váš šéf skutočne prečíta

Teraz máte zoznam dôkazov, poznámky z auditu a užší výber. Prestaňte o tom hovoriť. Zapíšte to. Memorandum, nie prezentáciu. Jedna strana, žiadny žargón.

Štruktúrujte ho takto:

• Problém. Jedna veta vlastnými slovami vášho šéfa.
• Možnosti. Tri riadky, jeden pre každého kandidáta, každý porovnaný so zoznamom dôkazov.
• Odporúčanie. Šablóna, ktorú vyberiete, a dôvod v jednom krátkom odseku.
• Náklady na to, že neurobíte nič. Konkrétna strata, ak ponecháte súčasnú stránku ďalší štvrťrok.

Do stredu vložte porovnávaciu tabuľku. Jednoduchá vyzerá takto:

Kritérium	Šablóna A	Šablóna B	Vlastný vývoj
Čas do spustenia	2 týždne	1 týždeň	10 – 16 týždňov
Počiatočné náklady	$$	$	$$$
Mobilná responzivita	Vyhovuje	Vyhovuje	Vyžaduje špecifikáciu
Základné SEO	Vstavané	Vyžaduje nastavenie	Vyžaduje špecifikáciu
Rezervačný systém	Vstavaný	Doplnok	Vyžaduje vývoj
Vizuálna jedinečnosť	Stredná	Vysoká	Môže byť vysoká

Nevymýšľajte si tieto čísla. Doplňte si vlastné odhady. Tabuľka funguje, pretože robí kompromis viditeľným. Keď sa šéf pozrie na stĺpec vlastného vývoja, vidí meškanie a náklady. To je fakt, nie názor.

Pridajte harmonogram. Čo sa stane po kúpe? Potrebujete jednoduchý plán: prvý týždeň obsah a značka; druhý týždeň vývoj a testovanie; tretí týždeň kontrola; štvrtý týždeň spustenie. Zahrňte to do memoranda. Šéf schvaľuje nielen šablónu, ale aj proces.

Na záver použite dve vety: "Odporúčam šablónu B. Ak sa o šesť mesiacov ukáže, že som sa mýlil, vrátime sa k tomu." To dáva šéfovi rozhodnutie, nie debatu. Tiež to signalizuje, že nie ste na voľbu naviazaný, čo uľahčuje schválenie.

Predtým, než memorandum pošlete, prečítajte ho nahlas. Ak sa niektorá veta môže čítať ako technická alebo vágna, prepíšte ju. Každý riadok by mal byť niečo, s čím inteligentný ne-vývojár môže súhlasiť. Ak vysvetľujete koncept spôsobom, ktorý predpokladá slovnú zásobu vývojára, stratíte ho. Prekladajte.

Záver

Nevyberáte si šablónu. Vyberáte si argument pre rýchlosť, zdravý rozum a webovú stránku, ktorá sa spustí. Zoznam dôkazov tvorí kritériá. Audit ukážok tvorí dôkazy. Memorandum robí rozhodnutie viditeľným. Váš šéf povie áno, pretože ste mu dali dôvod — dôvod spojený s výsledkami, na ktorých mu skutočne záleží.

Nabudúce, keď príde reč na redizajn, konverzácia sa zmení. Namiesto "prečo potrebujeme šablónu?" sa začína otázkou "čo potrebujeme dosiahnuť?". Toto je víťazstvo. Urobte to raz s týmto rámcom a každý budúci projekt začnete na treťom kroku. Ak sa chcete hlbšie pozrieť na zosúladenie šablóny s vaším odvetvím, pozrite si ako si vybrať a prispôsobiť šablónu, ktorá konvertuje.