A Weboldalgyár: Az ügyfélweboldalak gyors felépítésének öt szakasza

Összefoglaló

A legtöbb tanács az ügyfélweboldalak építésével kapcsolatban azt mondja, hogy minden projektet egyedi, kreatív üres vászonként kezelj. Ez a leggyorsabb módja annak, hogy órákat és haszonkulcsot égetsz el. Ami valójában működik, az egy ismételhető ötlépcsős rendszer: stratégia, struktúra, tartalom, felépítés, indítás – ugyanazokkal a szabályokkal minden ügyfélre alkalmazva. A rendszer nem azonos weboldalakat eredményez; olyan oldalakat hoz létre, amelyek közös alapra épülnek, így a csapatod nem oldja meg ugyanazokat a problémákat kétszer. Ez a cikk egy ügyfélprojektet mutat be a kezdetektől a átadásig, hogy pontosan bemutassa, hogyan teheted ezt ismételhetővé anélkül, hogy a munkád sablonossá válna. Azt is látni fogod, hol érdemes határokat szabni a tartalom, a biztonság és a karbantartás körül, hogy a folyamat ne törjön meg az indulás után. Ha ezt követed, azzal a munkával foglalkozhatsz, ami számít, ahelyett, hogy az ügyfél határozatlanságával bajlódnál.

A legtöbb tanács, amely az ügyfelek weboldalainak építésére vonatkozik, egy olyan világra készült, amely már nem létezik. Azt mondja, hogy minden projektet egyedi, üres vászonként kezelj, friss kreatív kihívásként, amely egyedi tervezést és egyedi kódot igényel. Ha ezt a tanácsot követed, heteket égetsz el minden projekten, nézed, ahogy a haszonkulcs zsugorodik, és mégis olyan oldalakat adsz át, amelyek elmulasztják az ügyfél tényleges célját. Az alternatíva nem a lusta sablonok. Ez egy tudatos, ismételhető rendszer, amely a stratégiát és a tartalmat tekinti valódi megkülönböztető tényezőnek, a dizájnt pedig összeállításnak. Így néz ki ez a rendszer a gyakorlatban, végigvezetve egy ügyfélprojekten az elejétől a végéig.

A 90 perces beszélgetés, amely három hetet spórol meg

Egy kereskedelmi takarító cég hív. Egy korábbi ügyfél ajánlotta őket. Azt mondják, „új weboldalra” van szükségük, mert a jelenlegi régi, és nem kapnak hívásokat. Az első ösztönöd az lehet, hogy ajánlatot küldesz portfólióval és árral. Ne tedd. Foglalj le egy 90 perces felfedező beszélgetést, mielőtt árat említenél.

Tegyél fel négy kérdést, és írd le a válaszokat:

1. Ki a vásárlód? (Azt fogják mondani: „bárki, akinek irodája van.” Nyomj tovább. A tényleges vásárló egy irodavezető vagy létesítményigazgató, aki a takarítási szerződésekért felel.)
2. Milyen lépést szeretnél, hogy tegyenek? („Hívjanak minket árajánlatért.”)
3. Milyen a vásárlási ciklus? („Rákeresnek a kereskedelmi takarítókra, összehasonlítanak két céget, és azt hívják, amelyik a leggyorsabban válaszol.”)
4. Milyen oldalak léteznek ma, és melyek kapnak valójában forgalmat? (Használd az analitikájukat, vagy csak kérdezd meg.)

Ezek a válaszok nem csevegések. Ezek a weboldal-térkép alapjai. Ha a vásárló két céget hasonlít össze, az oldalnak szüksége van egy szolgáltatások oldalra, egy szolgáltatási területek oldalra, egy „Rólunk” oldalra a bizalom érdekében, és egy kapcsolat oldalra egyértelmű cselekvésre hívással. Ezzel meghoztad a struktúra döntéseit, mielőtt egyetlen pixelt is megterveztél volna.

Az általános elv: kezdd stratégiával, ne esztétikával. A weboldal-fejlesztési folyamat, amelyet bármely érett ügynökségi útmutatóban megtalálsz, mint például a DRC Systems 7 lépéses útmutatója a weboldal-fejlesztési folyamathoz, okkal helyezi előtérbe a tervezést és a stratégiát. Meghatározod a célt, a célközönséget és a célokat, mielőtt a layout-hoz nyúlnál. Ha ezt kihagyod, olyan weboldalt tervezel, amely jól néz ki, de nem válaszol arra a kérdésre, amelyet a vásárló valójában feltesz: „Meg tudja ez a cég oldani a problémámat?”

A felfedező beszélgetés az is, amikor megtudod, hogy az ügyfélnek valójában van-e tartalma. A takarító cég azt fogja mondani, hogy vannak brosúráik és egy PDF szolgáltatáslistájuk. Nincs. A valódi tartalmat a következő lépésben kapod meg. Ha mélyebben szeretnéd megérteni, hogyan alakítsd ezt megfelelő információs architektúrává bármilyen tervezési munka előtt, olvasd el a tervezési szakaszról szóló bejegyzésünket, amelyet a legtöbb weboldaltulajdonos kihagy – ez ugyanaz az alap, amelyre egy ügynökségnek szüksége van.

Ne várj a tartalomra: tedd, hogy felfedje a weboldal-térképet

A felfedezés után kérd a meglévő tartalmukat. A takarító cég küld egy logót, egy kétoldalas brosúrát és egy szolgáltatáslistát egysoros leírásokkal. Ez nem tartalom. Ez egy kiindulási pont.

A lépés a következő: küldj nekik egy kitöltendő tartalmi sablont, minden oldalhoz egy oldalankénti sablont. Minden szolgáltatásnál kérj három mondatot: mi az, kinek kell, és hogyan néz ki a tipikus folyamat. A „Rólunk” oldalhoz kérdezd meg, miért indították, és mi teszi őket különbözővé. Tartsd a sablont kicsinek: 100 szó oldalanként. Ezután mondd ki a szabályt: egyetlen oldal sem kap dizájnt, amíg az adott oldal szövege nincs a sablonban.

Miért ez a szabály? Mert ha helykitöltő szöveggel tervezel, az ügyfél jóváhagyja a helykitöltőt. Aztán két héttel később megkapod a valódi szöveget, és a dizájn összeomlik. Újra kell dolgoznod a layout-ot, elveszítesz még egy hetet, és az ügyfél kiszámlázza neked a késést. A tartalom-először szabály biztosítja, hogy az információs architektúra valódi legyen, mielőtt a design fázisok elkezdődnek.

A takarító cég esetében ez a lépés hozza az egész projekt legjobb döntését. 12 szolgáltatást sorolnak fel, de három – irodai takarítás, padlóápolás és felújítás utáni takarítás – hozza a bevétel nagy részét. Újrarendezed a szolgáltatások oldalát, hogy ezt a hármat kiemelten mutasd, a többit pedig egyetlen „egyéb szolgáltatások” szekcióba csoportosítod. Ez a döntés csak azért lehetséges, mert korán kikényszeríted a tartalmat a nyílt színtérre.

Az általános elv: az információs architektúra és a tartalomkészítés a weboldal-fejlesztési folyamat különálló szakaszai, és a tartalomkészítés a fejlesztés előtt történik – nem közben. Amikor az ügyfél panaszkodik, hogy a szövegírás „az ő dolguk, nem a tiéd”, emlékeztesd őket, hogy szükséged van a szavaikra az oldal felépítéséhez. Ha nem hajlandók tartalmat adni, neked kell megírnod helyettük, és kiszámláznod. De a sablon elég olcsóvá teszi, így általában maguk csinálják.

A komponensek nem ellenségei a kreativitásnak

Most jön az építés. És itt az ügynökség alapértelmezett ösztöne – üres oldal megnyitása és „egyedi” dizájn készítése – megöli a haszonkulcsodat. Ne tedd. Ehelyett nyisd meg a komponenskönyvtáradat.

A komponenskönyvtárad előre elkészített szekciók gyűjteménye, amelyeket minden weboldalon használsz: hős szekció képpel és címsorral, szolgáltatási rács, ajánlás csúszka, kapcsolatfelvételi űrlap, lábléc bizalmi jelekkel. A takarító céghez választasz egy „bizalomépítő” elrendezést – erős címsorral vezet, majd egy kép a csapatról egyenruhában, aztán szolgáltatási rács, aztán ajánlások, aztán árajánlatkérő űrlap. Beenézed az ügyfél kékjét, beállítod a betűtípusokat, és beilleszted a szöveget a tartalmi sablonból. Egy napig tart, nem két hétig.

Az általános elv: a design rendszer, nem isteni aktus. A komponensek használata nem teszi sablonossá a weboldalakat. Konzisztenssé teszi őket. Minden ügyfél egyedi kombinációt kap az elrendezésből, színekből, tipográfiából, szövegből és képekből. Amit nem kapnak, az egy rakás egyedi kód, amelyet csak a legtapasztaltabb fejlesztőd tud karbantartani.

Itt kell lefolytatnod a no-code beszélgetést belsőleg is. Ha még mindig vannak dizájnerek vagy fejlesztők, akik tiltakoznak, a kifogások általában összeomlanak, amikor meglátják az időmegtakarítást egy valódi projekten. Már foglalkoztunk azzal, hogyan lehet túljutni ezeken a kifogásokon itt: miért érdemes az ügynökségeknek a no-code megoldásokat választaniuk – a kulcs az, hogy szállítási eszközként keretezzük, nem kreativitásölőként.

A kompromisszum azonban valós. Ha ugyanazt a három elrendezést használod minden ügyfélre, a munkád egyformának fog tűnni. A megoldás nem az, hogy elhagyod a komponenseket. A megoldás az, hogy a felfedezést és a tartalmi lépéseket olyan jól csinálod, hogy az ügyfél hangja hordozza az egyediséget. Egy éles stratégia standard elrendezéssel egyedinek tűnik. Egy úgynevezett egyedi design gyenge tartalommal rosszabbul néz ki.

Az indulás napja ellenőrzőlista, nem csoda

A takarító cég weboldala elkészült. Készen állsz az élesítésre. Mielőtt megnyomnád a közzétételt, futtasd le ugyanazt az ellenőrzőlistát, amelyet minden ügyfélhez használsz.

Először is teszteld az árajánlatkérő űrlapot telefonon. Küldd el. Megérkezik az e-mail? Betölt a köszönő oldal? A takarító cég tulajdonosa biztosan kap majd egy érdeklődőt az űrlapon keresztül az első napon; ha az űrlap elromlott, az egész weboldal akár elromlottnak is tekinthető.

Másodszor, ellenőrizd a technikai alapokat. A domain a megfelelő tárhelyre mutat? Engedélyezve van az SSL? Az a gondolat, hogy a webes tárhely csak „valamilyen szerver, ami fájlokat tárol”, túl passzív – az UpGuard weboldal-biztonsági legjobb gyakorlatai a szoftverek frissítését, erős hitelesítés (például MFA) bevezetését, rendszeres biztonsági mentést, valamint SSL/TLS titkosítás használatát sorolják fel alapvető követelményként. Egy modern no-code platformon az SSL automatikus, a biztonsági mentések pedig beépítettek, de akkor is ellenőrzöd. Azt is biztosítod, hogy a CMS vagy az oldalszerkesztő csak a szükséges bejelentkezésekkel rendelkezzen – ne legyenek alapértelmezett rendszergazdai jelszavak a közelben.

Harmadszor, állítsd be a SEO-t az első naptól fogva. A Digital Marketing Institute úgy definiálja a SEO-t, mint a tartalom, a struktúra és a technikai elemek optimalizálását a keresési rangsorolás javítása érdekében. Ez azt jelenti, hogy az oldalaidnak már most leíró címeik és meta leírásaik vannak, a szolgáltatási terület oldalaid mindegyike egy-egy városra vagy régióra van célozva, és beküldtél egy XML oldaltérképet a keresőkonzolokba. Létrehozol egy robots.txt fájlt is. Ez nem indulás utáni feladat. Ennek a lépésnek egy részletesebb változatáért lásd az útmutatónkat: no-code weboldal indítása, amely jól rangsorol.

Az általános elv: az indulás nem a célvonal. Az a pont, ahol ellenőrzöd, hogy az általad épített rendszer valóban működik. Ha a tesztelés és a biztonság utólagos gondolat, akkor a lehető legrosszabb pillanatban fogsz hibakeresni – közvetlenül azután, hogy az ügyfél a saját ügyfeleinek mondta, hogy látogassák meg az oldalt.

Az átadás, amely életben tartja a retenert

Két héttel az indulás után a takarító cég hív. Szeretnék „Windsort” hozzáadni a szolgáltatási területeikhez. Ha soha nem állítottad be a szerkesztési jogokat, akkor egy ingyenes változtatásért felelsz. Ez az a hiba, amely tönkreteszi az ügynökségi haszonkulcsot. Ezért az indulási átadó híváson betanítottad őket: „Így jelentkezzen be. Itt az oldalszerkesztő. Így adhat hozzá szolgáltatási területet, és teheti közzé. Ha elakad, itt van az ügyfélmenedzser e-mailje.” A Windsor változtatást maguk végezték el öt perc alatt.

Három hónappal később szeretnének egy „Karrier” oldalt. Ez meghaladja a szerkesztési képességüket. Fix árat ajánlasz, ők jóváhagyják, és ugyanazzal a komponenskönyvtárral egy óra alatt megépíted. Ez az egész ismételhető rendszer lényege: az indulás után nem te vagy az ingyenes javítószolgálat. Te vagy a partner, akit hívnak, ha valami nagyobb kell.

Az általános elv: a karbantartás a folyamat szakasza, nem utólagos gondolat. Ugyanúgy, ahogy a felfedezés során meghatározod a célokat, a kickoffon meghatározod a határt aközött, hogy mi tartozik bele, és mi díjmentes. Egyes ügynökségek egy hónapnyi indulás utáni szerkesztést is belefoglalnak. Ez rendben van, de tedd egyértelművé és végesé. Utána pedig számlázz.

Még egy dolog: az átadás az, ahol megtartod az irányítást a kapcsolat felett. Ha nem tanítod be az ügyfelet a saját weboldalukra, minden egyes mondat megváltoztatásáért hívni fognak. Frusztrálni fogja őket a költség, téged pedig a megszakítások. Egy egyszerű 30 perces képzési hívás és egy egylapos útmutató hónapoknyi bosszúságot spórol meg mindkettőtöknek.

A rendszer a lényeg

Kövesd ezt az ötlépcsős rendszert minden ügyfélre. A felfedezés meghatározza a problémát. A struktúra feltérképezi az oldalakat. A tartalom kitölti a struktúrát. Az építés komponensekből áll össze. Az indulás ellenőriz és átad. Amikor egy ügyfél azt mondja: „de a mi helyzetünk speciális”, kezeld ezt úgy, mint igényt további felfedezésre, nem pedig kevesebb korlátra. A rendszer az, ami lehetővé teszi, hogy gyorsan szállíts minőséget, és ez védi a haszonkulcsodat, amikor egyszerre hat projektet futtatsz.

A takarító cég nem fiktív abban az értelemben, ami számít: minden ügynökségnek van egy ilyen változata. Ha jól futtatod a folyamatot, hetek alatt szállítod a weboldalukat, profitot termelsz, és olyan ügyfelet kapsz, aki már tudja, hogyan használjon téged. Ha rosszul futtatod, havonta ingyen fogod újratervezni a kezdőlapjukat. A választás nem az egyedi és a sablonos között van. Hanem a folyamat és a tűzoltás között.