Weboldal készítés lépésről lépésre: mit csinálunk a brief és az élesítés között?
A weboldal készítés folyamata sok megrendelőnek rejtélyes: befizeted az előleget, vársz néhány hetet, majd — ha minden jól megy — kész az oldal. De mi történik valójában a brief és az élesítés között? Ebben a cikkben lépésről lépésre bemutatjuk az öt munkafázist, megmondjuk, mennyit szokott tartani egy kis- és közepes vállalkozásnak szánt projekt, és azt is, hogyan befolyásolja a te közreműködésed az átfutási időt.
Ha tudod, mi folyik a kulisszák mögött, nem érzed azt, hogy csak vársz. Érteni fogod, mikor és miért kell tőled jóváhagyás, miért kerülhet csúszásba egy projekt, és mit jelent az, ha azt mondjuk: fejlesztési fázisban vagyunk. Ha éppen azon gondolkodsz, hogy weboldalat készíttetsz, nézd meg a weboldal készítés részleteit — ott a saját folyamatunkat és a lehetséges kiindulópontokat is bemutatjuk.
A weboldal készítés folyamata: miért érdemes ismerni a lépéseket?
Egy weboldal nem úgy készül el, mint egy nyomtatott szórólap. A fejlesztés iteratív folyamat: az egyes fázisok egymásra épülnek, és az ügyfél visszajelzése minden fordulónál formálja a végeredményt.
Ebből következik, hogy a weboldal projekt fázisok sorrendje nem önkényes. Ha kihagyod a felderítést, a tervezés félreindul. Ha a dizájnt az ügyfél nem hagyja jóvá, a fejlesztő rossz alapra épít. Ha a tesztelés elmarad, az éles oldal hibákkal indul. Az egymás utáni lépések nemcsak az átláthatóságot segítik — a minőséget is garantálják.
1. fázis: Felderítés és brief — az alap, amelyre minden épül
Az első szakasz nem látványos, de ez a legfontosabb. Mielőtt bárki dizájnolni vagy kódolni kezd, meg kell érteni, miért és kinek készül az oldal.
Ezekre a kérdésekre keressük ilyenkor a választ:
- Kik az ideális ügyfeleid és mit keresnek?
- Milyen célokat kell teljesítenie a weboldalnak?
- Hogyan keres rád a célközönséged? Milyen kulcsszavak relevánsak?
- Mik a fő szolgáltatásaid és melyek a legfontosabbak üzletileg?
- Van meglévő arculat, logó, színek, amikhez igazodni kell?
- Milyen funkciókra van szükség — bemutatkozó oldal, ajánlatkérő, időpontfoglaló, webshop?
- Ki és hogyan kommunikál a versenytársak közül?
Az összegyűjtött információkból brief készül — ez a projekt alapdokumentuma. Rögzíti a célokat, a célközönséget, az oldalstruktúrát, a funkciókat, a határidőket és a felelősségeket. Ha a brief pontos, minden következő fázis gyorsabban és kevesebb félreértéssel megy. Ha bizonytalan vagy abban, mire is van valójában szükséged, a céges weboldal üzleti szerepéről szóló cikkünk segíthet tisztázni, milyen célokat érdemes kitűzni.
Időkeret: általában 1–2 hét, az egyeztetések és anyaggyűjtés figyelembevételével. Kisebb projekteknél ez lerövidülhet, ha az ügyfél felkészülten érkezik.
2. fázis: Dizájn — a weboldal vizuális és szerkezeti tervei
A tervezési fázis két részből áll: először elkészül a drótváz (wireframe), majd a vizuális dizájn.
A drótváz egy vázlatos, fekete-fehér terv, amelyen látható, hol lesznek a főbb tartalmak, gombok, menü és más elemek — de még nincs rajta szín vagy fotó. Célja, hogy az ügyfél és a fejlesztő még az időigényes vizuális tervezés előtt jóváhagyja a struktúrát. Ha ez a lépés elmarad, a végső dizájnon kell visszamódosítani, ami drágább és lassabb.
A vizuális terveken már megjelenik az arculat: a tipográfia, a színvilág, a képek elrendezése, a gombstílusok. Az ügyfél visszajelzése alapján egy-két körben finomodik a dizájn, majd a jóváhagyott tervek átmennek a fejlesztőhöz.
Jóváhagyott dizájn nélkül a fejlesztés nem indul el. Ez az a pont, ahol az ügyfél visszajelzése a legtöbbet számít.
Időkeret: 1–3 hét, a projekt méretétől és az ügyfél visszajelzéseinek sebességétől függően. Ha egy körben jóváhagyod a terveket, gyorsabban haladunk; ha több módosítási kör szükséges, ez a fázis megnyúlik.
3. fázis: Fejlesztés — az oldal életre kel
A fejlesztési fázisban a jóváhagyott dizájntervekből valódi, működő weboldal lesz. A fejlesztő felépíti a struktúrát, integrálja a vizuális elemeket, megírja a szükséges logikát és bekötöti a funkciókat.
Ez az a szakasz, amelyből az ügyfél sokszor nem sokat lát — a legtöbb munka a háttérben zajlik. Tipikus tevékenységek ebben a fázisban:
- az oldalszerkezet és a navigáció kialakítása
- reszponzív, mobilbarát elrendezés megvalósítása
- tartalmak és képek feltöltése, formázása
- ajánlatkérő, kapcsolatfelvételi és egyéb űrlapok beállítása
- keresőoptimalizálási (SEO) alapok integrálása — oldalcímek, leírások, belső linkstruktúra
- analitika és konverziókövetés bekötése
- külső rendszerek integrálása (pl. térkép, chat, hírlevélrendszer)
- sebesség- és teljesítményoptimalizálás
A fejlesztés végén az oldal egy belső tesztlinken érhető el — még nem az éles domain alatt, de már megnézheted és küldhetesz visszajelzést a tartalmakra.
Időkeret: 2–4 hét egy kisebb vállalkozói weboldalnál. Egyedi funkciók, integráció vagy nagyobb oldalszerkezet esetén ez a fázis tovább tarthat. Ha részletesebben érdekel, mi befolyásolja a fejlesztés mélységét és ezzel együtt az árát is, nézd meg mennyibe kerül egy weboldal — ott az egyes tényezőket részletesen is kibontjuk.
4. fázis: QA és tesztelés — mielőtt bárki más látja
A QA (quality assurance, minőségbiztosítás) fázisban szisztematikusan végigmennek az oldalon és ellenőrzik, minden úgy működik-e, ahogy kellett.
Egy tipikus tesztelési lista tartalmazza:
- minden oldal és link működik-e, nincs-e törött hivatkozás
- az összes űrlap helyesen küldi-e az adatokat
- mobilon (telefon, tablet) és asztali gépen egyaránt jól jelenik-e meg
- a főbb böngészőkben (Chrome, Firefox, Safari, Edge) hibátlan-e a megjelenés
- a betöltési sebesség megfelelő-e
- helyesek-e a metaadatok (oldalcímek, leírások, strukturált adatok)
- az analitika és a célkövetés megfelelően fut-e
Az ügyfél ebben a fázisban kap egy tesztlinket, amelyen lehetőség van az utolsó tartalmak ellenőrzésére. Az ügyfél visszajelzése alapján még mindig van lehetőség kisebb módosításokra, mielőtt az oldal kimegy a valódi domain alá.
Időkeret: 3–7 munkanap. Ha sok visszajelzés érkezik egyszerre, vagy több módosítást kér az ügyfél, ez a fázis is nyúlhat.
5. fázis: Élesítés — az oldal kimegy a világba
Az utolsó fázis az élesítés (angolul: launch). Ekkor kerül az elkészült oldal az éles domain alá és válik bárki számára elérhetővé.
Az élesítés nem egyetlen kattintás — több lépésből áll:
- a domain átirányítása az új szerverre
- SSL-tanúsítvány beállítása (a biztonságos https:// cím érdekében)
- az összes URL ellenőrzése; átirányítások beállítása, ha volt korábban is oldal
- az analitika és a [Google Search Console](https://support.google.com/webmasters/answer/34592) megerősítése, teljesítményadatok gyűjtésének indítása
- a végleges sebességtesztek lefuttatása
- a sitemap beküldése a Search Console-ba
A sitemap beküldéséről a Google saját sitemapokra vonatkozó útmutatója azt írja, hogy ez csupán javaslat (hint) a kereső számára — nem garantálja, hogy a Googlebot az összes megadott URL-t feltérképezi, de segít megtalálni és feldolgozni az oldalakat.
Az élesítés után az első hetekben érdemes figyelni a Search Console adatait, az esetleges crawler-hibákat és az analitika első jelzéseit. Ennél a pontnál teljesül a weboldal indítás határideje — de az online jelenlét gondozása ezzel folytatódik, nem zárul le.
Mennyi ideig tart a weboldal készítés folyamata?
Az egyik leggyakrabban feltett kérdés: mikor lesz kész? Rövid válasz: egy kisebb vállalkozói weboldalnál általában 5–10 héttel érdemes számolni a projektkezdéstől az élesítésig.
Ezek tájékoztató keretek — a tényleges idő sok mindentől függ: a projekt méretétől, az ügyfél visszajelzéseinek sebességétől, a funkciók összetettségétől és attól, mennyire kész az ügyfél az anyagokkal. Utóbbi alatt értjük a szövegeket, fotókat, logót és a meglévő rendszerekhez szükséges hozzáféréseket.
Mitől nyúlik meg egy projekt — és hogyan kerülheted el?
A legtöbb projekt nem azért csúszik, mert a fejlesztő lassan dolgozik. Ezek a tényezők lassítják legjobban az átfutást:
- Késő visszajelzések: ha az ügyfél több napot vár a dizájnjóváhagyással, az egész menetrend csúszik.
- Hiányzó anyagok: ha a brief idején nincs kész szöveg, fotó vagy logó, ezek pótlása közben áll a projekt.
- Scope creep: ha az elején megbeszélt feladatkör közben lényegesen bővül — például egy webshop is kell a bemutatkozó oldal mellé —, az az idővonalat és a költségkeretet is átírja.
- Sok módosítási kör a dizájnnál: ha a brief nem volt elég pontos, a vizuális fázisban sok módosítás jön, és ezek összessége késlelteti a fejlesztést.
- Technikai akadályok: régi domain, nem elérhető tárhely-adatok, hiányzó rendszergazdai hozzáférések.
A legtöbb késés a brief fázisban megelőzhető: minél pontosabb az igény a projekt elején, annál kevesebbszer kell visszamenni.
Az ideális ügyfél felkészülten érkezik az első egyeztetésre: van elképzelése a célokról, el tud dönteni arról, hogy tetszik-e valami, és gyorsan tud visszajelzést küldeni. Ez mindenki számára jobb projekteredményt jelent.
Így segítünk a WEBU-nál
A WEBU-nál minden projekten végigmegyünk ezen az öt fázison — akkor is, ha kisebb weboldalról van szó. Az egyeztetéstől az élesítésig végigkísérünk, és minden döntési ponton bevonunk: nem tolunk rád kész megoldásokat, hanem megvárjuk a jóváhagyásodat. Ha tudod, mi a célod, de nem tudod, hol kezdd, első lépésként nézd meg a weboldal készítés részleteit — ott bemutatjuk, mire számíthatsz egy projektnél.
Ha a projekt még csak ötletszinten van, az sem baj — segítünk megfogalmazni a célokat és megtervezni az irányt. Írj nekünk a Kapcsolat oldalon, és megbeszéljük, hol tartasz és mi lenne az első lépés.