Információ gyűjtés

Sitemap & Drótváz

Design, Tervezés

Programozás, fejlesztés

Tesztelés, Élesítés

Karbantartás, üzemeltetés

1.

Információ gyűjtés

okok, célok és célközönség

A projekt elején tisztázni kell a webfejlesztés mögött húzódó okokat, üzleti célokat, a célközönséget és a tulajdonosok elvárásait, valamint jó tisztába lenni a marketing által támasztott elvárásokkal is.

Mi a weboldal fejlesztésének a célja? Értékesítés, brand építés, termék- vagy szolgáltatás népszerűsítés, szakértői szerep kiépítése? Egy mosógép értékesítéssel foglalkozó weboldal felépítése, tartalma, funkcionalitása nagymértékben különbözik egy céges weboldalétól, éppen ezért fontos minél több információt begyűjteni ebben az első fázisban.

Kutatás és tervezés

sitemap és drótváz készítés

A webhely térkép (sitemap) bemutatja a weboldal főbb tartalmi egységeit és azok hierarchiáját. A sitemap tervezése során figyelembe kell venni a könnyű navigációt, a logikailag összetartozó tartalmakat illetve a célcsoport igényeit is. Ideális esetben a látogató minden őt érdeklő tartalmat kevés számú kattintással el tud érni és a navigáció lehetővé teszi, hogy az igényeinek megfelelő sorrendben tudja bejárni a weboldalt.

A drótváz (wireframe) fekete-fehér rajzban jeleníti meg a weboldal nyitólapjának és főbb menüpontjainak a struktúráját, elrendezését. A fekete-fehér legtöbbször szabadkézi rajz lehetővé teszi, hogy viszonylag gyorsan többfajta variációt is tesztelni lehessen a célközönségen és a módosításokat gyorsan át lehessen vezetni a terven.

2.

3.

Weboldal

Design

Ebben a szakaszban a grafikusoké a főszerep. A kutatás során nyert adatokat folyamatosan szem előtt tartva a drótvázakból végleges grafikai tervet készítenek.

Ideális esetben készülnek drótvázak, tehát a website egyes oldalainak szerkezete, elrendezése már jóvá van hagyva, de az arculat, a színek, a betűtípusok, a képek, az illusztrációk, ikonok és egyéb formák kiválasztása most történik meg. Mindezt úgy kell megalkotni, hogy a weboldal a későbbiekben probléma nélkül leprogramozható legyen és a célközönség számára is egy tetszetős, harmonikus végeredmény szülessen.

Webfejlesztés és

Programozás

A design szakaszban elkészült tervek és arculat felhasználásával a programozók egy működőképes weboldalt (webes alkalmazást) alkotnak. Az eddig statikus képként megjelenő design-ból egy kattintható, dinamikus website lesz. A frontend, vagyis a látogató számára böngészőben megjelenő felület mögé egy adminisztrációs felület, illetve ahogy a legtöbb esetben nevezik tartalomkezelő rendszer kerül, amely lehetővé teszi a weboldal tartalmának frissítését, szerkesztését, bővítését.

4.

5.

Tesztelés és

élesítés

Ha készen van a weboldal és funkcionálisan és tartalmilag is megfelelő, akkor jön a tesztelés. Az élesítés előtt még egyszer le kell ellenőrizni a böngésző kompatibilitást, a betöltődési sebességet, a nyelvi verziók helyességét, a hibaüzeneteket. El kell végezni a régi weboldal megfelelő oldalainak átirányítását az újakra. Ki kell tölteni a SEO szempontjából fontos META adatokat, le kell ellenőrizni a technikai és on-page SEO faktorokat. A közösségi média és analitikai, valamint hirdetési kódokat át kell rakni a régi weboldalból az újba.

Karbantartás és

üzemeltetés

A webhely térkép (sitemap) bemutatja a weboldal főbb tartalmi egységeit és azok hierarchiáját. A sitemap tervezése során figyelembe kell venni a könnyű navigációt, a logikailag összetartozó tartalmakat illetve a célcsoport igényeit is. Ideális esetben a látogató minden őt érdeklő tartalmat kevés számú kattintással el tud érni és a navigáció lehetővé teszi, hogy az igényeinek megfelelő sorrendben tudja bejárni a weboldalt.

A drótváz (wireframe) fekete-fehér rajzban jeleníti meg a weboldal nyitólapjának és főbb menüpontjainak a struktúráját, elrendezését. A fekete-fehér legtöbbször szabadkézi rajz lehetővé teszi, hogy viszonylag gyorsan többfajta variációt is tesztelni lehessen a célközönségen és a módosításokat gyorsan át lehessen vezetni a terven.

6.

további kategóriák
melyek

érdekelhetnek

Applikáció

IOS & Android alapú alkalmazások tervezése és fejlesztése, megalkotása.

Weblap készítés

Személyre szabott landing page, webáruház megalkotása.

Online marketing

Hirdetések kezelése, kampányok menedzselése és értékesítési tölcsérek megalkotása.