Hogyan dolgozunk: egy mintaprojekt lépésről lépésre

Egy jól megcsinált weboldal nem egy véletlen eredménye — hanem egy átlátható folyamat terméke. Az alábbi esettanulmány azt mutatja be, hogyan dolgozunk egy tipikus szolgáltatói weboldal projekten: mit vizsgálunk a felmérés során, milyen döntéseket hozunk a struktúrában, és milyen mérőszámok alapján tekintjük sikeresnek az eredményt.

1. A kiindulási helyzet

Cég profilja: Egy 8 fős szolgáltató cég, amely B2B ügyfeleknek dolgozik. Van egy régi WordPress oldaluk, amit 2019-ben csináltattak. Évente érkezik 40-50 érdeklődés, ebből 8-10 lesz projektmegbízás.

A probléma, amivel megkerestek minket:

• Az oldal lassan töltődik be (4-6 másodperc), a Google PageSpeed 32 pontot ad mobilra
• A „Kapcsolat" gombon kívül nincs tiszta útja a látogatóknak
• Nem látszik, hogy mi az, amiben igazán erősek — minden szolgáltatás egyformán van tálalva
• A mobil megjelenés tördelt, a menü nehezen használható
• Az ügyfélnek magának kell minden tartalmi módosítást az ügynökségtől kérnie, ami lassú és költséges

2. A közös felmérés

A projektet mindig egy 60-90 perces felmérő beszélgetéssel kezdjük. Itt nem a design színeiről beszélünk, hanem arról, hogy kik a cég legjobb ügyfelei, mi alapján döntenek, és mi az a három dolog, ami miatt mégis őket választják a versenytársak helyett.

Ebben az esetben három fontos dolog jött ki:

1. A saját folyamatuk — olyan lépéseket dolgoztak ki az elmúlt években, amiket a versenytársak nem használnak
2. A reagálási idejük — átlagosan 2 órán belül visszajeleznek minden érdeklődőnek
3. A referenciák minősége — néhány nagy, ismert cégnek dolgoztak már

Az új oldal egész struktúráját ezekre a pontokra építettük. Nem ezt mondtuk a látogatónak, hanem ezt mutattuk be a tartalom elrendezésével.

3. A tartalmi és technikai döntések

Struktúra: Főoldal, 3 szolgáltatási aloldal, egy folyamat-bemutató, egy referenciaoldal és egy kapcsolati rész. A korábbi 14 menüpont helyett 6 menüpont maradt — minden, amit kivettünk, egy átláthatóbb üzenet érdekében tűnt el.

Technikai stack: Statikus, előre generált HTML/CSS oldal alapvető JavaScript-tel. A képek WebP formátumban, automatikus méretezéssel. A tartalomkezeléshez egy egyszerű, felhőalapú megoldást adtunk, amit a marketinges 10 perc alatt meg tudott tanulni.

Mobil-first megközelítés: Először mobil nézetre terveztük az oldalt, csak utána skáláztuk asztali méretre. Így a mobil nem egy „leegyszerűsített" verzió, hanem az elsődleges tervezési szempont.

4. Az eredmény: mit mértünk

Az alábbi táblázat egy tipikus, jól kivitelezett projekt előtti és utáni állapotát mutatja. A valódi számok ügyfélről ügyfélre változnak — ezek reális, a gyakorlatban elérhető értékek, nem marketinges ígéretek.

Fontos: ezek a számok nem „magukban" érdekesek. Az érdekes az, hogy a havi érdeklődések számának növekedése — akár csak havi +5 érdeklődő — egy jó szolgáltatói cégnél évente milliós nagyságrendű plusz bevételt jelenthet. Az oldal befektetése ilyenkor néhány hónap alatt megtérül.

5. Mi történt a projekt után?

Egy jó weboldal nem „készül el" egyszer és kész. A projekt zárása után:

• Havi egyszer átnézzük a Google Search Console-t és a PageSpeed eredményeket
• Kis finomítások (új szekció, új CTA, új referencia) gyorsan, napokon belül bekerülnek
• Évente egyszer átfogó review, ahol a tartalom és a struktúra is újragondolásra kerül

Ez az üzemeltetési szakasz legalább olyan fontos, mint maga a fejlesztés. Enélkül az oldal 1-2 év alatt újra „megöregszik".

6. Mit tanultunk ebből a projektből?

A legfontosabb, amit minden hasonló projektben újra és újra megerősítünk: az oldal nem a céged tükörképe, hanem egy eszköz, ami a céged üzleti céljait szolgálja. Ha nincs üzleti cél a háttérben, akkor mindegy, milyen szép a dizájn — nem fog semmit sem csinálni.

Ezért is kezdünk minden projektet egy alapos felméréssel, és ezért is ragaszkodunk ahhoz, hogy a végén mérhető számokon nézzük meg, mit ért el a projekt.

Szeretnél hasonló projektet?

Ha te is keresed a megfelelő partnert egy új vagy megújított weboldalhoz, kezdjük egy ingyenes, kötetlen beszélgetéssel. Átnézzük a jelenlegi állapotot, és őszintén elmondjuk, mit látunk — akkor is, ha nem velünk érdemes dolgoznod.