A weboldalkészítés folyamata lépésről lépésre

A weboldalkészítés folyamata kívülről gyakran fekete doboz: elküldöd az ajánlatkérést, hetekig leveleztek, aztán egyszer csak ott egy kész oldal, vagy nem. A jól vezetett projekt ezzel szemben kiszámítható lépések sorozata, ahol pontosan tudod, éppen hol tartotok, mi a következő döntési pont, és mikor mi a te dolgod.

Ebben a cikkben végigvesszük a teljes utat ajánlatkéréstől élesítésig, ahogy mi csináljuk, és azt is elmondjuk, mit várunk közben tőled, mert a projekt sebességének a fele rajtad múlik.

Felmérés és ajánlat: itt dől el a projekt fele

Az első egyeztetésen nem azt kérdezzük, milyen színű legyen a gomb. Azt kérdezzük, mit kell elérnie az oldalnak: ajánlatkérést hozzon, időpontfoglalást, vásárlást, vagy bizalmat építsen egy drágább szolgáltatás előtt.

Ehhez jön a célközönség, a versenytársak, a meglévő arculat és a rendelkezésre álló tartalom felmérése. Minél pontosabb ez a kép, annál kevesebb meglepetés jön később.

A felmérés végén születik meg a konkrét ajánlat: aloldalak listája, funkciók, ütemterv, ár. Tájékoztató jelleggel: egy fókuszált projekt néhány százezer forinttól indul, a végösszeget pedig leginkább az aloldalak száma, az egyedi funkciók és a tartalom mennyisége mozgatja. Ha egy ajánlatban nincs tételes tartalom, csak egy végösszeg, kérdezz rá: a részletezés hiánya később vitát szül.

Wireframe: a váz, mielőtt bármi szép lenne

A wireframe az oldal drótváza: dísztelen vázlat arról, melyik szekció hova kerül, mi van a hajtás fölött, hol vannak a gombok. Sok ügyfél itt türelmetlen (mikor lesz már szép?), pedig ez a fázis spórolja a legtöbb pénzt. Egy szerkezeti hibát a wireframe-ben tíz perc javítani; a kész, leprogramozott oldalon ugyanez napokba kerül.

Amikor wireframe-et véleményezel, három kérdésre figyelj:

• Logikus-e a sorrend? A látogató fentről lefelé olvas: a legerősebb érved nem lapulhat az oldal alján.
• Megvan-e minden? Amit itt kihagyunk, az később fájdalmas utólagos beszúrás lesz.
• Egyértelmű-e, mit tegyen a látogató? Egy oldal, egy fő cselekvés.

Design és fejlesztés: ahol a terv weboldallá válik

Jóváhagyott váz után jön a design: színek, tipográfia, képi világ, mozgás: minden, amitől az oldal a te márkád lesz, nem egy felismerhetetlen sablon. Ha van kiforrott arculatod, arra építünk; ha nincs, ezen a ponton tesszük rendbe. Arról, hogyan gondolkodunk erről, a design szolgáltatásunk oldalán írtunk bővebben.

A jóváhagyott látványtervből a fejlesztés csinál működő weboldalt: gyorsat, telefonon is kifogástalant, keresők számára jól olvashatót. Itt dől el a technikai minőség: betöltési sebesség, biztonság, később is bővíthető felépítés. A megközelítésünket a weboldalfejlesztés aloldalon részleteztük.

Tartalom és SEO-alap: párhuzamosan, nem utólag

A tartalom a leggyakoribb csúszási ok az egész folyamatban. A szöveg és a képek nem „majd a végén” kerülnek az oldalra: a design a valódi tartalomra épül, nem fordítva. Ezzel párhuzamosan rakjuk le a SEO-alapot is: oldalanként egy fő kulcsszó, rendezett címsor-struktúra, metacímek és -leírások, gyors betöltés, mobilbarát felépítés.

Ez még nem teljes keresőoptimalizálási kampány (az külön műfaj), de e nélkül az alap nélkül a legszebb oldal is láthatatlan marad a Google-ben.

Tesztelés és élesítés: a „kész” nem vélemény, hanem lista

Élesítés előtt nem azt nézzük, hogy szépnek tűnik-e az oldal, hanem végigmegyünk egy ellenőrzőlistán: elmegy-e ténylegesen az űrlap, és megérkezik-e a levél, működik-e minden link, hogyan tölt be az oldal telefonon gyenge neten, és mit csinál az űrlap hibás adatokkal. A hibák nagy része itt bukik ki, és itt még olcsó javítani.

Maga az élesítés rövid, előre egyeztetett művelet: domain- és SSL-beállítás, mérőkódok bekötése, és ha volt régi oldalad, a régi címek átirányítása az újakra. Ez utóbbi kritikus: enélkül a korábban felépített Google-pozíciók egyszerűen elvesznek.

Átadás és karbantartás: az élesítés nem a vége

Átadáskor megkapod az összes hozzáférést, egy rövid betanítást a tartalomkezelőhöz, és írásban rögzítjük, mi számít garanciális javításnak. Ezután jön a döntés: ki tartja karban az oldalt? A frissítések, mentések és kisebb módosítások mellett a karbantartás legnagyobb értéke a mérés: látni, honnan jönnek a látogatók, hol akadnak el, és apró módosításokkal hónapról hónapra javítani a számokon.

Egy weboldal nem szobor: akkor termel, ha mozog.

Mit várunk tőled ügyfélként, és miért gyorsítja ez a projektet

A projektek átfutása jellemzően néhány héttől pár hónapig terjed, és a szórás nagy részét nem a fejlesztés adja, hanem a visszajelzések és a tartalom üteme. Amit kérünk:

• Egy döntéshozó. Ha öten véleményeznek öt irányba, a projekt megáll. Legyen egy ember, akinek a szava dönt.
• Tartalom időben. Szövegek, képek, logó vektoros formátumban, vagy mondjuk ki az elején, hogy ezek elkészítése is a projekt része.
• Visszajelzés egyben és határidőre. Egy összegyűjtött lista sokkal többet ér, mint két héten át csöpögő üzenetek.
• Őszinteség. Ha valami nem tetszik, mondd ki a wireframe- vagy design-fázisban: ott még minden könnyen mozdítható.

Ha most vágnál bele, az első lépés egy rövid egyeztetés: átbeszéljük, mit kell elérnie az oldaladnak, és kapsz egy tételes ajánlatot. Írj nekünk, és pár napon belül pontosan tudni fogod, mire számíthatsz.