Přestaňte vybírat šablony podle vzhledu: Workflow založený na obsahu pro agentury

Shrnutí

Většina agentur obviňuje šablonu, když se webové stránky klientů zaseknou. Skutečným úzkým hrdlem je vstup a mapování obsahu, ke kterému dochází ještě předtím, než si kdokoli vybere téma. Tento průvodce sleduje typickou spolupráci s klientem – průmyslového dodavatele s devíti produktovými řadami a třemi typy kupujících – a provádí ji opakovatelným pracovním postupem se šablonami. Naučíte se, jak proměnit zjišťování potřeb klienta v podrobný plán stránku po stránce, vybrat téma na základě množství obsahu spíše než podle vzhledu hero sekce, a vytvořit knihovnu znovupoužitelných prvků, díky které bude další klient rychlejší. Výsledek: méně koloběhu revizí, méně otázek typu „umí tohle šablona?“ a proces doručování, který se škáluje napříč všemi účty.

Většina rad o šablonách má špatné pořadí. Začínají snímky obrazovky a končí paletou barev. Pokud tvoříte weby pro více než jednoho klienta, právě toto pořadí způsobuje, že každá realizace působí jako jednorázovka. Šablona není výchozím bodem. Jím je obsah klienta. Není to sémantický trik. Když si vyberete téma, aniž byste věděli, co musí pojmout, nutíte text do rozvržení, žádáte „ještě jeden blok navíc“ a účtujete hodiny, které nikdy nezískáte zpět.

Toto je pracovní postup, který to napraví. Sledujte jednu spolupráci – regionálního průmyslového dodavatele s devíti produktovými řadami a třemi typy kupujících – od zadání po spuštění. Jednotlivé fáze pak platí pro každého dalšího klienta.

Začněte otázkami, ne obchodem se šablonami

Klient pošle úhledné zadání: „Potřebujeme moderní web. Čistý design. Chceme působit větší, než jsme.“ Toto zadání sedne na stovky šablon. Neřekne vám nic o tom, která z nich přežije střet s realitou.

Přestaňte se dívat na šablony, dokud nevíte, co mají unést. Sedněte si s klientem a pokládejte otázky, které vedou k seznamu stránek, ne k přídavným jménům:

• Jaké stránky na současném webu existují?
• Jaké stránky by měly existovat za rok?
• Které stránky se aktualizují každý měsíc? Které zastarávají?
• Co je na webu nejsložitější – technický list, rezervační formulář, videostěna?
• Kdo je druhé nejdůležitější publikum po zákazníkovi?

Odpovědi změní všechno. Průmyslový dodavatel řekne, že jejich katalog produktů není jedna stránka; je to devět kategorií, z nichž každá má podrobné stránky produktů, technické listy jako PDF, loga shody s normami a formulář pro poptávku. Tři typy kupujících – inženýři, nákupčí a distributoři – přistávají na různých stránkách a chtějí různé důkazy.

Teď je „čistý design“ bezvýznamný. Šablona musí pojmout tabulku s daty produktu, seznam odkazů na PDF a formulář. To je váš kontrolní seznam.

Mnoho týmů to přeskočí, protože klient už „řekl, co chce.“ Neřekl. Řekl vám své obchodní jméno a svůj optimismus. Vytvořte seznam stránek. Pokud váš současný proces začíná hledáním šablony, právě tato jedna změna ušetří nejvíce času.

Audit obsahu před lovem šablon

Klient řekne: „Postavte něco jako web našeho konkurenta.“ Otevřete konkurenta a uvidíte velký hero slider. Nezačínejte tam.

Otevřete stávající web klienta společně s ním. Než začnete lovit téma, zmapujte obsahové zatížení jednotlivých stránek. U každé stránky spočítejte typy obsahu: dlouhé odstavce, tabulky, galerie obrázků, formuláře, videa, soubory ke stažení, profily týmu, reference, vložené mapy. Poznamenejte si, které stránky jsou stálé a které jsou kampaně. Seřaďte stránky podle obchodního cíle. Toto není jen příjemný bonus; je to filtr, který použijete na každou šablonu.

Praktický krok: vytvořte jednoduchou tabulku. Sloupce jsou názvy stránek. Řádky jsou typy obsahu. Zaškrtněte políčko, pokud to stránka potřebuje.

Audit dodavatele odhalí tvrdý požadavek: každá stránka produktu potřebuje dvousloupcové rozvržení s velkou tabulkou specifikací a přilepeným tlačítkem „Poptat nabídku“. Domovská stránka potřebuje sekci pro tři tržní segmenty. Stránka se zdroji potřebuje opakovatelnou mřížku karet pro PDF.

Zvládne to některá ze šablon, které byste normálně porovnávali? To zatím nevíte. O to jde.

Oborově specifické šablony to mohou urychlit. Šablona vytvořená pro průmyslovou vertikálu často od začátku zahrnuje katalogy produktů a sekce se specifikacemi. Ušetří vám to ruční stavbu těchto bloků. Ale označení vertikály není záruka. Téma „výroba“ může obsahovat blogovou sekci, kterou nepotřebujete, a vynechat vyhledávač distributorů, který potřebujete. Šablonu posuzujte podle auditu, ne podle názvu kategorie.

Pokud to zní jako pomalá část, není. Toto předběžné mapování ukončuje cyklus „šablona nesedí“. Chcete-li hlouběji porozumět tomu, proč tento cyklus požírá marže, přečtěte si proč jsou pracovní postupy se šablonami pomalé a jak to napravit.

Přečtěte si stránky produktů před domovskou stránkou

Tady je past: demo šablony ukazuje ohromující domovskou stránku s celoobrazovkovým videem. Ukážete ji klientovi. Ten ji schválí. Jdete postavit stránku detailu produktu s osmiřádkovou tabulkou specifikací a rozvržení se rozpadne.

Přestaňte hodnotit šablony podle jejich domovské stránky. Hodnoťte je podle jejich nejnudnější stránky.

Otevřete vnitřní stránky dema. Má stránka produktu tabulku specifikací? Dlouhá datová tabulka se zalomí nebo bude rolovat? Je tam přilepená výzva k akci? Co se stane, když načtete stránku FAQ s deseti otázkami? Vypadá výpis blogu záměrně se čtyřmi položkami, ne s dvaceti? Šablona, která těmito testy projde, stojí za koupi.

Srovnání pomůže, než začnete klikat:

Co klient říká	Co musí šablona pojmout
„Potřebujeme moderní dojem“	Sekce přes celou šířku vedená obrazem, která nebojuje s vaší typografií
„Stránky produktů jsou důležité“	Opakovatelné rozvržení produktu s tabulkami specifikací, odkazy na PDF a souvisejícími produkty
„Usnadněte nákup“	Formulář pro poptávku nebo rezervaci viditelný na každé stránce zaměřené na nákup
„Web by měl růst s námi“	Modulární sekce, které můžete přeskupit bez přestavby
„Máme hodně PDF“	Mřížka karet nebo seznam dokumentů, který se škáluje bez rozbití

Tuto tabulku použijte jako filtr. Pokud šablona neprojde jedním řádkem, zahoďte ji. Pokud projde všemi řádky, domovská stránka je téměř irelevantní – můžete ji přizpůsobit.

Zkontrolujte věci, které se rozbijí později

Responzivita, SEO přátelskost, rychlost načítání, možnosti přizpůsobení, uživatelská zkušenost. Tyto vlastnosti udržují web naživu po spuštění a na snímku obrazovky jsou neviditelné.

Otevřete demo na skutečném telefonu. Promění se tabulka specifikací v horizontální past na scrollování? Je přilepené tlačítko pro poptávku stále dosažitelné, nebo zakrývá patičku? Otestujte rychlost stránky na demu tématu. Šablona napěchovaná těžkými animacemi a přerostlým videem se bude načítat jako cihla.

Před nákupem zkontrolujte základy SEO: čisté názvy stránek, meta popisky, sémantickou hierarchii nadpisů, pole alt u obrázků, podporu schema pro produkty nebo místní podnikání. Mnoho týmů se to dozví příliš pozdě. SEO mýty, které vás stojí pozice jsou dobrým připomenutím, abyste si to ověřili, než budete slibovat výsledky.

Důležité jsou také možnosti přizpůsobení. Téma, které vás zamkne do pevných sekcí, vás donutí najmout vývojáře na věci, které by page builder zvládl za pár minut. Hledejte šablony, ve kterých můžete přeskupovat sekce, přidávat nový obsahový blok a měnit globální písma a barvy na jednom místě. Čím modulárnější je, tím snazší je, aby každý web klienta působil na míru.

Co dělat, když klient propadne nesprávné šabloně

Pošlete tři možnosti. Klient odpoví tou, která se nedostala do užšího výběru – portfolio téma s obrovskou masonry mřížkou. Nevyhoví auditu obsahu, protože tabulka specifikací produktu v šabloně neexistuje. Odolejte nutkání vzdát se.

Ukažte klientovi audit obsahu, ne argument. Otevřete demo stránku produktu dané šablony. Pokud žádnou stránku produktu nemá, pojmenujte mezeru. „Toto téma nemá rozvržení tabulky specifikací. Museli bychom ji postavit od nuly, což odstraní výhodu rychlosti šablony.“ Dejte jim konkrétní základ pro „ne“.

Pak je nasměrujte zpět na užší výběr. Nechte je vybrat z prověřených možností. Pokud stále trvají, vyčleňte odchylku jako samostatnou položku zakázky na míru. To není pasivní agrese – to je poctivost. Klient může mít pěknou šablonu a navíc čas navíc. Jen potřebuje znát cenu.

Princip: vizuální přitažlivost je skutečná, ale je to jen jedna vlastnost. Chraňte hlavní úkol webu tím, že každou volbu šablony spojíte s auditem.

První sestavení je vložení obsahu, ne designová fáze

Vybrali jste šablonu. Klient očekává design. Odolejte pokušení okamžitě předělat demo.

První sestavení je vložení obsahu. Nahraďte každý vzorový prvek skutečným obsahem klienta – jeho popisky navigace, skutečnými nadpisy, skutečnými názvy produktů, jeho obrázky, pokud je máte, jeho e-mailovou adresou. Ponechte výchozí písma a barvy šablony. Pak se podívejte, co se rozbije.

Na webu dodavatele se popisek navigace „Služby“ změní na „Produkty a specifikace“, což je o tři slova příliš dlouhé pro místo v menu. Hlavní nadpis domovské stránky „Váš partner ve výrobě“ se zalomí na tři řádky a posune tlačítko pod okraj obrazovky. Tabulka produktu se skutečnými daty přetéká ze svého sloupce. Toto jsou cenné informace. Přesně vám řeknou, které sekce přizpůsobit.

Pokud nejdříve změníte barvy, budete připisovat každý problém s rozvržením šabloně a ještě to zhoršíte. Nejprve vložte obsah. To je nejlevnější diagnostika, kterou během projektu provedete.

Až budete přizpůsobovat, proveďte průchod priorit: rozvržení, které se rozbije se skutečnými daty, se opraví hned; kosmetická preference se zaznamená do kola schvalování s klientem. Tím se vyhnete klasickému selhání, kdy strávíte celé odpoledne upravováním mezer kolem loga a zjistíte, že formulář pro poptávku nefunguje.

Odstraňte vše, co není skutečný obsah

Šablony se dodávají s výplní. Blogové příspěvky o tom, „jak vybrat widget“, pět profilů týmu s fotkami z fotobanky, slider s referencemi, kalendář událostí, ceníková tabulka. Pokud klient nemá pro sekci skutečný obsah, sekci odstraňte.

Prázdné nebo téměř prázdné sekce působí, že web není dokončený. Slider s referencemi se dvěma citáty vypadá rozbitě; mřížka týmu s jednou fotkou působí smutně. Klient dodavatel má dvě kategorie produktů s focením a zbytek bez fotek. Nevytvářejte galerie pro zástupné obrázky. Odstraňte galerii nebo ji nahraďte dobře navrženým seznamem dokumentů pro kategorie bez fotek.

Stejné pravidlo platí pro typy stránek. Pokud šablona obsahuje blog a klient nebude psát příspěvky, odstraňte blog z navigace a rozhodněte, zda ponechat stránku novinek. Ponechte pouze stránky, které odpovídají auditu obsahu. Nepoužívaná stránka je závazek údržby a černá díra pro úpravy po spuštění.

Kompromis: vlastní tvorba může zahrnovat každou stránku, kterou si dokážete představit. Šablona ne. Proto je audit obsahu na prvním místě. Chcete šablonu, která obsahuje většinu toho, co klient potřebuje, ne tu, která vypadá nejlépe se všemi svými demo sekcemi.

Zrychlete práci pro druhého klienta pomocí launch kitu

První průchod je pomalý záměrně. Ustavujete pracovní postup. Druhý klient by měl být rychlejší, protože nyní proces vlastníte, ne proto, že jste znovu použili stejnou šablonu.

Po prvním projektu vytvořte launch kit. Minimálně obsahuje:

• Seznam otázek z úvodní fáze zjišťování.
• Tabulku auditu obsahu s jedním listem pro každého klienta.
• Checklist typů stránek pro běžné vertikály.
• Jednostránkový manuál přizpůsobení: pořadí, v jakém děláte vložení obsahu, opravu rozvržení a poté stylování.
• „Užší výběr šablon“ pro každou vertikálu – dvě nebo tři témata, která jste už prověřili.

Přijde další klient. Otevřete kit, smažete produktové řady dodavatele, přidáte jeho stránku s ceníkem a provedete stejný audit. Znovu neobjevujete proces. Prostě ho vykonáte.

Takto agentury přestanou přistupovat ke každému webu jako k prázdné stránce. Pokud váš tým pravidelně opakuje stejné chyby, podívejte se na chyby při přizpůsobování, které ničí šablony, než si osvojíte špatný návyk.

Poznejte, kdy šablona není problém

Ještě jedna fáze: kolo revizí. Klient požádá o větší písmo, karusel, další vstupní stránku a „mohli bychom nechat logo pulzovat?“ Přirozenou reakcí je vinit šablonu. Ne vždy.

Většina koloběhu revizí není omezením šablony. Chybí sdílený plán. Pokud klient nevidí, jak se jeho obsah mapuje na stránku, bude neustále žádat změny rozvržení, protože cíl stránky nebyl nikdy explicitní. Když dostanete vágní požadavek, vraťte se k účelu stránky z vašeho auditu. „Tato stránka má získat poptávku. Pulzující logo tento cíl neposune. Místo toho tam dáme přilepené tlačítko pro poptávku.“

To je poctivý kompromis. Vlastní tvorba nabízí téměř neomezenou flexibilitu, ale tato flexibilita má cenu: každá změna po spuštění se stane změnovým požadavkem a web se může odchýlit od svého obchodního cíle. Dobře zvolená šablona s modulárními sekcemi dokáže absorbovat nové bloky rychleji a levněji – pokud jste ji vybrali na základě auditu obsahu. Rozlišujte mezi „šablona to neumí“ a „tohle na tuto stránku nepatří“.

Závěr

Vybírejte šablony podle obsahu, ne podle vzhledu. Projděte úvodní otázky. Zmapujte typy obsahu. Zkontrolujte vnitřní stránky. Vložte obsah před designovou fází. Odstraňte to, co není skutečné. Uložte, co se naučíte, pro dalšího klienta.

Web dodavatele je spuštěn. O tři měsíce později za vámi přijde instalační technik HVAC. Stejný proces, nový list v tabulce, rychlejší realizace. Šablona se stane opakovatelným výchozím bodem a klient dostane web, který unese jeho skutečný obsah.

Začněte otázkami. Šablona bude následovat.