Ne a kinézet alapján válassz sablonokat: Tartalom-első munkafolyamat ügynökségeknek

Összefoglaló

A legtöbb ügynökség a sablont okolja, amikor az ügyfelek weboldala elakad. A valódi szűk keresztmetszet a felmérés és a tartalomleképezés, ami azelőtt történik, hogy bárki témát választana. Ez a bemutató egy tipikus ügyfél-megbízást követ végig – egy ipari beszállítót kilenc termékcsaláddal és három vásárlótípussal – egy megismételhető sablon-munkafolyamaton keresztül. Megtanulod, hogyan alakítsd az ügyfél-feltárást oldalról oldalra felépülő tervvé, hogyan válassz témát a tartalomterhelés alapján a hős szekció külseje helyett, és hogyan építs újrahasznosítható könyvtárat, amivel a következő ügyfél gyorsabb lesz. A nyereség: kevesebb módosítási kör, kevesebb „ezt tudja a sablon?” kérdés, és egy szállítási folyamat, ami minden ügyfélnél skálázható.

A legtöbb sablon-tanács rossz sorrendet ad meg. Képernyőképekkel kezdődik, és egy színpalettával ér véget. Ha egynél több ügyfélnek építesz weboldalakat, ez a sorrend az oka annak, hogy minden projekt egyszerinek érződik. A sablon nem a kiindulópont. Az ügyfél tartalma az. Nem szemantikai trükk. Ha olyan témát választasz, mielőtt tudnád, mit kell tartalmaznia, akkor a szöveget a sablonra erőlteted, „csak még egy blokkot” kérsz, és olyan órákat számlázol, amiket soha nem térítesz meg.

Ez az a munkafolyamat, ami megoldja ezt. Kövess végig egy megbízást – egy regionális ipari beszállítót kilenc termékcsaláddal és három vásárlótípussal – a brieftől az élesítésig. A lépések minden későbbi ügyfélre alkalmazhatók.

Kezdd a kérdésekkel, ne a sablonboltban

Az ügyfél egy rendezett briefet küld: „Modern weboldalra van szükségünk. Tiszta design. Nagyobbnak akarunk tűnni, mint amekkorák vagyunk.” Ez a brief száz sablonra illik. Semmit nem mond arról, hogy melyik éli túl a valósággal való érintkezést.

Ne nézegetd a sablonokat, amíg nem tudod, mit kell hordozniuk. Ülj le az ügyféllel, és olyan kérdéseket tegyél fel, amelyek oldallistát eredményeznek, nem jelzőket:

• Milyen oldalak vannak a jelenlegi weboldalon?
• Milyen oldalak legyenek egy év múlva?
• Mely oldalakat frissítik havonta? Mely oldalak avulnak el?
• Mi a legösszetettebb dolog az oldalon – specifikációs adatlap, foglalási űrlap, videófal?
• Ki a második legfontosabb közönség a vásárló után?

A válaszok mindent megváltoztatnak. Az ipari beszállító azt mondja, hogy a termékkatalógusuk nem egyetlen oldal; hanem kilenc kategóriaoldal, mindegyik részletes termékoldalakkal, PDF-adatlapokkal, megfelelőségi logókkal és árajánlatkérő űrlappal. Három vásárlótípus – mérnökök, beszerzési vezetők és forgalmazók – különböző oldalakra érkezik, és más-más bizonyítékot igényel.

Mostantól a „tiszta design” értelmetlen. A sablonnak tartalmaznia kell egy termék-adattáblát, egy PDF-linklistát és egy űrlapot. Ez a te ellenőrzőlistád.

Sok csapat kihagyja ezt, mert az ügyfél már „megmondta, mit akar”. Nem mondta meg. Csak a cégnévüket és az optimizmusukat árulták el. Hozd létre az oldallistát. Ha a jelenlegi folyamatod sablonkereséssel kezdődik, ez az egyetlen változtatás spórolja meg a legtöbb időt.

A tartalom-ellenőrzés a sablonvadászat előtt

Az ügyfél azt mondja: „Építsetek valami hasonlót, mint a versenytárs oldala.” Megnyitod a versenytársat, és látsz egy nagy hős csúszkát. Ne ott kezdd.

Nyisd meg az ügyfél jelenlegi oldalát velük együtt. Mielőtt témát keresel, térképezd fel az oldalankénti tartalomterhelést. Minden oldalnál számold össze a tartalomtípusokat: hosszú bekezdések, táblázatok, képgalériák, űrlapok, videó, letölthető fájlok, csapatbemutatók, ajánlások, beágyazott térképek. Jegyezd fel, mely oldalak örökzöldek és melyek kampányoldalak. Rangsorold az oldalakat az üzleti cél alapján. Ez nem extra; ez az a szűrő, amit minden sablonra alkalmazni fogsz.

Gyakorlati lépés: készíts egy egyszerű táblázatot. Az oszlopok az oldalnevek, a sorok a tartalomtípusok. Pipáld ki, ha az oldalnak szüksége van rá.

A beszállító auditja egy kemény követelményt tár fel: minden termékoldalnak kétoszlopos elrendezésre van szüksége egy nagy specifikációs táblázattal és egy ragadós „Árajánlatkérés” gombbal. A kezdőlapnak szüksége van egy szekcióra a három piaci szegmenshez. A forrásoldalnak ismételhető kártyarácsra van szüksége a PDF-ekhez.

Vajon azok a sablonok, amelyeket általában számításba vennél, kezelik ezt? Még nem tudod. Pont erről van szó.

Iparágspecifikus sablonok lerövidíthetik ezt. Egy ipari vertikumra épített sablon gyakran eleve tartalmaz termékkatalógusokat és specifikációs szekciókat. Ez megtakarítja, hogy ezeket a blokkokat manuálisan építsd meg. De a vertikális címkék nem ígéretek. Egy „gyártás” téma tartalmazhat egy blogszekciót, amire nincs szükséged, és kihagyhat egy disztribútor-keresőt, amire viszont igen. A sablont az audit alapján ítéld meg, ne a kategórianév alapján.

Ha ez lassú résznek hangzik, nem az. Ez az előzetes feltérképezés vet véget a „nem illik a sablon” ciklusnak. Ha mélyebben meg akarod érteni, miért eszi meg ez a ciklus a haszonkulcsot, olvasd el, miért tűnnek lassúnak a sablon-munkafolyamatok és hogyan javítsd meg őket.

Olvasd el a termékoldalakat, mielőtt a kezdőlapot

Itt a csapda: a sablon demója egy lenyűgöző kezdőlapot mutat teljes képernyős videóval. Megmutatod az ügyfélnek, aki rábólint. Nekikezdesz felépíteni egy termékrészletező oldalt egy nyolcsoros specifikációs táblázattal, és az elrendezés szétesik.

Ne a kezdőlapjuk alapján értékeld a sablonokat. A legunalmasabb oldaluk alapján értékeld őket.

Nyisd meg a demó belső oldalait. Van a termékoldalon specifikációs táblázat? A hosszú adattábla tördelődik vagy görgethető? Van ragadós cselekvésre hívó (CTA)? Mi történik, ha betöltesz egy GYIK oldalt tíz kérdéssel? A bloglista szándékosnak tűnik négy elemmel, nem hússzal? A sablon, amelyik túléli ezeket a teszteket, az az, amit érdemes megvenni.

Egy összehasonlítás segít, mielőtt kattintgatni kezdesz:

Mit mond az ügyfél	Mit kell hordoznia a sablonnak
„Modern érzésre van szükségünk”	Egy teljes szélességű, képvezérelt szekció, amely nem ütközik a tipográfiáddal
„A termékoldalak fontosak”	Ismételhető termékelrendezés specifikációs táblázatokkal, PDF-linkekkel, kapcsolódó termékekkel
„Tegyük könnyűvé a vásárlást”	Egy árajánlat- vagy foglalási űrlap, amely minden vásárlásintenzív oldalon látható
„Az oldalnak velünk kell nőnie”	Moduláris szekciók, amelyeket újjáépítés nélkül átrendezhetsz
„Sok PDF-ünk van”	Egy kártyarács vagy dokumentumlista, amely törés nélkül skálázható

Használd ezt a táblázatot szűrőként. Ha egy sablon egy sorban megbukik, dobd el. Ha minden soron átmegy, a kezdőlap szinte lényegtelen – át tudod alakítani.

Nézd meg, mi romlik el később

Reszponzivitás, SEO-barátság, betöltési sebesség, testreszabási lehetőségek, felhasználói élmény. Ezek a funkciók életben tartják az oldalt az élesítés után, és egy képernyőképén láthatatlanok.

Nyisd meg a demót egy valódi telefonon. A specifikációs táblázat vízszintes görgetési csapdává válik? A ragadós árajánlat gomb még elérhető, vagy letakarja a láblécet? Teszteld az oldalsebességet a téma demóján. Egy nehéz animációkkal és túlméretezett videóval teli sablon téglaként fog betöltődni.

Ellenőrizd az SEO alapjait vásárlás előtt: tiszta oldalcímek, meta leírások, szemantikus fejléc-hierarchia, kép-alt mezők, séma-támogatás termékekhez vagy helyi vállalkozásokhoz. Sok csapat túl későn tanulja meg. A rangsorolásba kerülő SEO-tévhitek jó emlékeztető, hogy ellenőrizd, mielőtt eredményeket ígérsz.

A testreszabási lehetőségek is számítanak. Egy téma, amely rögzített szekciókba zár, arra kényszerít, hogy fejlesztőt hívj olyan dolgokhoz, amiket egy oldalépítő percek alatt megoldana. Olyan sablonokat keress, ahol átrendezheted a szekciókat, hozzáadhatsz új tartalmi blokkot, és egy helyről módosíthatod a globális betűtípusokat és színeket. Minél modulárisabb, annál könnyebb elérni, hogy minden ügyfél oldala egyedinek érződjön.

Mit tegyél, ha az ügyfél a rossz sablonba szeret bele

Elküldesz három opciót. Az ügyfél azzal válaszol, amelyiket nem tetted a rövid listára – egy portfóliótéma hatalmas masonry ráccsal. Megbukik a tartalom-auditon, mert a termék specifikációs táblázat nem létezik a sablonban. Állj ellen a feladás késztetésének.

Mutasd meg az ügyfélnek a tartalom-auditot, ne vitatkozz. Nyisd meg a sablon demó termékoldalát. Ha nincs termékoldala, nevezd meg a hiányt. „Ennek a témának nincs specifikációs táblázat elrendezése. A nulláról kellene felépítenünk, ami elveszi a sablon sebességelőnyét.” Adj nekik konkrét alapot a nemhez.

Ezután tereld őket vissza a rövid listához. Hagyd, hogy a megvizsgált opciók közül válasszanak. Ha továbbra is ragaszkodnak hozzá, tervezd meg az eltérést külön egyedi fejlesztési tételként. Ez nem passzív-agresszív – ez őszinte. Az ügyfél megkaphatja a csinos sablont és a hosszabb határidőt. Csak tudniuk kell az árát.

Elv: a vizuális vonzerő valós, de csak az egyik jellemző. Védd az oldal alapfeladatát azzal, hogy minden sablonválasztást az audithoz kötsz.

Az első felépítés tartalombevitel, nem design-átnézés

Kiválasztottad a sablont. Az ügyfél design-t vár. Állj ellen a kísértésnek, hogy azonnal átstilold a demót.

Az első felépítés tartalombevitel. Cserélj ki minden mintaelemet az ügyfél valódi tartalmára – a navigációs felirataikra, a tényleges címsoraikra, a valódi termékneveikre, a képeikre, ha vannak, és az e-mail címükre. Hagyd helyén a sablon alapértelmezett betűtípusait és színeit. Aztán nézd meg, mi törik el.

A beszállító oldalán a „Szolgáltatások” navigációs feliratból „Termékek és specifikációk” lesz, ami három szóval hosszabb, mint amennyit a menüsor elbír. A kezdőlap hős címsora, a „Az Ön partnere a gyártásban” három sorba törik, és a gombot a hajtás alá tolja. Egy valódi adatokkal teli terméktábla túlcsordul az oszlopán. Ez az értékes információ. Pontosan megmutatja, mely szekciókat kell testre szabnod.

Ha először a színeket változtatod meg, akkor minden elrendezési problémát a sablonnak fogsz betudni, és rontasz rajta. Először a tartalombevitelt végezd el. Ez a legolcsóbb diagnosztika, amit a projekt során futtatsz.

Amikor testre szabsz, végezz egy priorizálási kört: a valódi adatokkal eltörő elrendezést most javítsd; egy esztétikai preferenciát jegyezz fel az ügyfél-jóváhagyási körre. Ez megakadályozza a klasszikus hibát, amikor az egész délutánt a logó térközének igazgatásával töltöd, és rájössz, hogy az árajánlat űrlap nem működik.

Távolíts el mindent, ami nem valódi tartalom

A sablonok tölteléket tartalmaznak. Blogbejegyzések arról, hogy „Hogyan válassz kütyüt”, öt csapat-bemutató stock fotókkal, ajánlás-csúszka, eseménynaptár, ártáblázat. Ha az ügyfélnek nincs valódi tartalma egy szekcióhoz, távolítsd el a szekciót.

Az üres vagy majdnem üres szekciók befejezetlen érzést keltenek. Egy két idézettel rendelkező ajánlás-csúszka töröttnek tűnik; egy egy fényképes csapatrács szomorúnak. A beszállító ügyfélnek két termékkategóriája van fotózásokkal, a többi kategóriának semmi. Ne építs helykitöltő galériákat. Távolítsd el a galériát, vagy cseréld le egy jól megtervezett dokumentumlistára a képek nélküli kategóriákhoz.

Ugyanez a szabály vonatkozik az oldaltípusokra is. Ha a sablon tartalmaz blogot, és az ügyfél nem fog bejegyzéseket írni, töröld a blogot a navigációból, és döntsd el, hogy megtartod-e a híroldalt. Csak azokat az oldalakat tartsd meg, amelyek illeszkednek a tartalom-audithoz. Egy nem használt oldal karbantartási teher és a testreszabó fekete lyuk az élesítés után.

A kompromisszum: az egyedi fejlesztés minden oldalt tartalmazhat, amit el tudsz képzelni. Egy sablon nem tud. Ezért jön először a tartalom-audit. Azt a sablont akarod, amelyik az ügyfél által igényelt tartalom nagy részét eleve tartalmazza, nem azt, amelyik az összes demószekciójával együtt néz ki a legjobban.

Építsd fel a második ügyfelet gyorsabban egy indítócsomaggal

Az első végigfutás szándékosan lassú. A munkafolyamatot építed fel. A második ügyfélnek gyorsabbnak kell lennie, mert most már a te folyamatod, nem pedig azért, mert ugyanazt a sablont használtad újra.

Hozz létre egy indítócsomagot az első projekt után. Minimum a következőkből:

• Az első szakasz felfedező kérdéslistája.
• A tartalom-audit táblázat, egy füllel minden ügyfélhez.
• Egy oldaltípus-ellenőrzőlista a gyakori vertikumokhoz.
• Egy egylapos testreszabási útmutató: a sorrend, ahogy a tartalombevitelt, az elrendezés-javítást, majd a stilizálást végzed.
• Egy „sablon-rövidlista” vertikumonként – két-három téma, amit már ellenőriztél.

Jön a következő ügyfél. Megnyitod a csomagot, törlöd a beszállító termékcsaládjait, hozzáadod az ő árlistájuk oldalát, és lefuttatod ugyanazt az auditot. Nem fedezed fel újra a folyamatot. Végrehajtod.

Így hagynak fel az ügynökségek azzal, hogy minden weboldalt üres lapként kezeljenek. Ha a csapatod rendszeresen elköveti ugyanazokat a hibákat, nézd meg a sablonokat tönkretevő testreszabási hibákat, mielőtt rossz szokássá válik.

Tudd felismerni, amikor a sablon nem a probléma

Még egy szakasz: a módosítási kör. Az ügyfél nagyobb betűtípust, karusszelt, egy extra landoló oldalt kér, és azt kérdi: „a logó pulzálhatna?” A természetes reakció a sablont hibáztatni. Nem mindig.

A módosítási körök nagy része nem sablonkorlát. Hanem egy hiányzó közös terv. Ha az ügyfél nem látja, hogyan illeszkedik a tartalmuk egy oldalhoz, folyamatosan elrendezés-változtatásokat kér, mert az oldal célja soha nem volt egyértelmű. Amikor homályos kérést kapsz, térj vissza az oldal céljához az auditod alapján. „Ez az oldal arra szolgál, hogy árajánlatkérést generáljon. A pulzáló logó nem viszi előrébb ezt a célt. Inkább tegyünk egy ragadós árajánlat gombot.”

Ez az őszinte kompromisszum. Az egyedi fejlesztés szinte korlátlan rugalmasságot kínál, de ennek a rugalmasságnak ára van: minden élesítés utáni változtatás módosítási utasítássá válik, és az oldal eltávolodhat az üzleti céljától. Egy jól megválasztott, moduláris szekciókkal rendelkező sablon gyorsabban és olcsóbban képes befogadni új blokkokat – ha tartalom-audit alapján választottad. Ismerd a különbséget a „ezt nem tudja a sablon” és a „ez nem illik erre az oldalra” között.

Összegzés

Válassz sablonokat először a tartalom, ne a kinézet alapján. Futtasd le a felmérési kérdéseket. Térképezd fel a tartalomtípusokat. Auditáld a belső oldalakat. Végezd el a tartalombevitelt a design-átnézés előtt. Távolítsd el, ami nem valódi. Őrizd meg, amit tanulsz a következő ügyfélnek.

A beszállító oldala elindul. Három hónappal később egy HVAC-vállalkozó érkezik hozzád. Ugyanaz a folyamat, új táblázatfül, gyorsabb végrehajtás. A sablon egy megismételhető kiindulóponttá válik, és az ügyfél olyan oldalt kap, amely megállja a helyét a valódi tartalmukkal.

Kezdd a kérdésekkel. A sablon követni fogja.