Webfejlesztés és honlapkészítés

weboldal-szerkesztes-weboldal-karbantartas-keszites-hibajavitas-uj-weboldal


 

A weboldal fejlesztés egy folyamat

A weboldal fejlesztés egy folyamat, ahol önmagában csak és kizárólag a programozás – a közhiedelemmel ellentétben- nem lesz elég a sikerhez! A tökéletes végeredményhez komoly tervezés és egymásra épülő lépésből álló, precíz folyamatok megléte elengedhetetlen és egyben szükségesek, melynek során több szakember és több szakmai terület összehangoltan dolgozik. Vállalkozásunk minden szükséges területen kiváló szakemberekkel és magas képzetséggel is rendelkezik!  

A weboldal fejlesztés alapvető, általános lépései

Információk begyűjtése, egyeztetések, elemzések, tervezések, próbaverziók

- Célok meghatározása: értékesítés, brand felépítés , termék- vagy szolgáltatás népszerűsítés, szakértői státusz?  
- Célközönség(ek) precíz meghatározása, azok szokásainak kismerése, ismereteik behatárolása  
- Marketinghez szükséges eszközök, funkciók megtervezése, seo felépítése  
- A Megbízó által a funkciók célok megállapítása  
- Alfaverziók létrehozása, egyeztetések

Rendszertervezés, specifikáció készítése

Az összegyűjtött információk alapján megtervezzük a weboldal tartalmi hierarchiáját és webhely térképét (Sitemap), valamint a drótvázat (wireframe) mely fekete-fehér rajzban jeleníti meg a weboldal nyitólapjának és menüpontjainak a struktúráját, elrendezését, vagy alfaverziók létrehozása.

A sitemap tervezése során nagy hangsúlyt kap a könnyű navigáció, csoportosítjuk a logikailag összetartozó tartalmakat. Alapelv, hogy a látogató minden őt érdeklő tartalmat max. 3 kattintással el tudjon érni. A honlap navigációjának átláthatónak, egyszerűnek kell lennie a könnyű kezelhetőség érdekében. Bonyolultabb szerkezetű oldalak tervezésénél különböző technikák segítenek, (pl. a card sorting) az ideális menüstruktúra megtervezésében. A célközönség szűrése és tesztelése és felmérése.

Manapság gyakori, hogy még a grafikai tervezés előtt elkészül a drótváz. Okkal van ez így, ez ugyanis egyrészt felgyorsítja a folyamatot, másrészt a végső grafikai terveket már a hatékonyság szempontjából megtervezett, optimalizált weboldal tartalmainak, funkcióinak megfelelően tudjuk kialakítani.

Design kialakítása, grafikai tervezés , arculattervezés

Itt lépnek színre a grafikusok, designer-ek. A drótvázakból, skicekböl és megrendelői leiratokból végleges grafikai tervet készítenek. Formát ölt az egységes arculat vagy a megrendelői igények. A színek, a betűtípusok, a képek, az illusztrációk, ikonok és egyéb formák kiválasztása, véglegesítése történik ebben a szakaszban. Mindezt úgy tervezzük meg, hogy a weboldal probléma nélkül leprogramozható legyen illetve már alfaverziókban látható is. Ügyelünk a pozitív felhasználói élmény, az UX megvalósítására is. Kiemelt célunk, hogy a célközönség számára tetszetős, könnyen kezelhető, logikus és harmonikus végeredmény szülessen meg.

A grafikai tervezés ennél azért sokkal összetettebb folyamat. Ideális esetben készülnek csak el a 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 vagy megbízói javaslat alapján vagy designerek javaslatai alapján. A grafikai tervezés szerves része az alkalmazott betűtípusok, ikonok, színek, valamint grafikai alapelemek kigyűjtése, rögzítése (Arculati Kézikönyvbe) amely megkönnyíti a programozók munkáját és biztosítja, hogy a fejlesztés során maradéktalanul megvalósuljon az az arculat, amelyet megalkottak.

Weboldal fejlesztés, programozás

A design szakaszban elkészült tervek és arculati elemek felhasználásával a programozók egy működőképes weboldalt (webes alkalmazást) alkotnak. Az eddig mindössze képekben, rajzokban megjelenő design-ból életre kel a kattintható, dinamikus weboldal de lehet már egy alfaverzió is elkészülhet.

Kétféle fejlesztés zajlik párhuzamosan. Egyrészt a látogató számára böngészőben megjelenő felületet alakítják ki, másrészt „mögé” dolgoznak ki egy adminisztrációs felületet, másik nevén tartalomkezelő rendszert vagy már saját fejlesztésű weboldal szerkesztőnket veszük igénybe a Technology Edit-et. Ez teszi lehetővé a weboldal tartalmainak frissítését , szerkesztését, bővítését, vagy esetlegesen annak szerkesztését.

Weboldal fejlesztés (programozás) további feladatkörei

Minden eszközön tökéletesen működjön a weboldal, vagyis a reszponzivitás összes kihívásának megfeleljen de legalább az elvárható eszközökre vagy azon túl is álló tájolású kijelzőkön is.

A tartalomkezelő rendszerből egyszerűen frissíthető, módosítható legyen a tartalom

A weboldal a legnépszerűbb böngészőkben tökéletesen jelenjen meg és működjön minden funkció

Fontos, hogy a lehető leggyorsabban betöltődjön a honlap, mert lassú betöltésnél romlik a felhasználói élmény

A weboldal forráskódjába kerüljön bele az összes olyan követőkód, amely az online marketing folyamatok működését, mérését lehetővé teszi

A weboldalt keresőbarát módon kell kialakítani, meg kell felelnie az aktuális Google irányelveknek ( SEO )

A weboldal legyen biztonságos, felvértezve a webről érkező támadások kivédésére, így integrálásra kerül a saját fejlesztésű AllSafe WAAP tűzfalrendszerünk és a 24 órás SOC központi felügyelettel is rendelkező védelem.

Szükség esetén támogassa a többnyelvűséget is a weboldal.

Weboldal fejlesztés tesztelése és a honlap élesítése

Amikor elkészül a weboldal és mind a funkciók, mind a képi és szöveges tartalmak megfelelőek, a tesztelés következik. Ebben a fázisban 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, az esetleges hibaüzenetekre reagálni kell. Ki kell tölteni a SEO szempontból fontos ún. META-adatokat, le kell ellenőrizni a technikai és on-page SEO faktorokat. Amikor minden hibátlan, élesítjük a weboldalt és elkezdjük gyűjteni a bug és hiba riportokat.

Weboldal karbantartás és üzemeltetés

A weboldal élesítését követően a kapcsolat nem szakadhat meg a webfejlesztő és az ügyfél között. A weboldalak ugyanis folyamatos kontrollt, ellenőrzést, frissítéseket igényelnek a gördülékeny és biztonságos működés biztosításáért. A tartalomkezelő rendszert is folyamatosan frissíteni kell annak érdekében, hogy ellenállóak legyenek a vírusoknak.  Így már is SLA és szupport szerződést is kapcsolunk az átadáshoz a megrendeléshez.
 

Vigye magával vagy olvassa el a weboldal tervezés leggyakoribb hibáit

 

Dolgozzunk együtt, vedd fel velünk a kapcsolatot!

Add meg az adataidat és felvesszük veled a kapcsolatot. Beszéljük meg céljaidat, elképzeléseidet és mi segítünk megvalósítani azokat!Az első lépés egy személyes találkozó (vagy online ha nagyon távol vagyunk), ahol átbeszéljük az elképzeléseidet, ötletelünk közösen.A találkozó ingyenes. Itt tudunk neked ajánlatot adni és határidőt becsülni a projektre. Mivel nálunk nincsenek sablonos megoldások, hanem egyedileg dolgozunk, így szükséges egy felmérés tőlünk, hogy be tudjuk árazni a projektedet.

Background imageBackground image