Ebben a bejegyzésemben már bemutattam neked, hogyan is kezd hozzá a webdesigner egy egyedi weboldal készítéséhez. Amikor megvan az arculat, utána következik a weboldal tényleges felépítése, elkészítése, a webdizájn. De hogyan is történik ez? Olvass tovább 😀
Drótváz készítés
A megrendelő által megadott információk és marketing célok alapján első körben mindig egy wireframe, azaz drótváz készül, amelyben meghatározzuk, hogy mit szeretnénk, mit nem, mi hová kerüljön, mi a célja, hogyan fog működni. Azaz egyelőre még képek és színek nélkül összeállítjuk a weboldalt.
Ergónómiai szabályokat, és üzleti célokat ötvözünk, egy jól használható honlapért. Mint egy útvonalterv. Ezt jó, ha a teljes site-ra, minden oldalra, webáruház esetén a teljes megrendelési folyamatra elvégezzük, hiszen ez az alapja a leprogramozandó elemeknek is.
Egy ház vagy egy útvonal megtervezéséhez hasonló hosszabb folyamat ez, akár több lépcsős. A célja, hogy valóban egy jól használható, és üzletileg is működő weboldalt kapjunk végeredményként.
Tényleg ilyen fontos ez?
Sajnos ezt a lépcsőfokot sok esetben kihagyják a munkafolyamatból, időbeli, vagy pénzbeli megfontolások miatt, de többet veszítenek egy olyan oldallal, amely végül nem teljesíti a kívánt célokat. Építkezni sem vakolással kezdenek.
A tervezés ezen szakasza nagyon fontos, nagyban segíti a további munkafolyamatokat.
Egyedi weboldal webdesignja
Ha a funkcionális váz kész, tehát minden ott van, ahol lennie kell a jövőben, akkor jön a webdesign, amely mindig az arculat elemeihez igazodik, céglogóhoz, termékekhez, már meglévő más megjelenésekhez, hacsak nem cél ettől eltérő megjelenés, arculatfrissítés.
A főoldali terv az, ami az online arculat, és webdesign meghatározó eleme, ez alapján készül a későbbiekben az összes aloldali terv. (ha csak a projektnek nem része a több különböző megjelenés, a színvariációk nem képeznek külön tervet)
A végleges főoldali megjelenés ügyfél általi elfogadása után készülhetnek el az aloldalak, ill. egyéb grafikai elemek – illusztrációk, ikonkészletek stb. A kész drótvázakra már viszonylag gyorsan fel lehet húzni a designt. Lehetőség van arra is, hogy a leendő egyedi weboldal prototípusát elkészítsük. Azaz még nem kell hozzá tárhely, meg domain név, de már egy kattintható weboldalunk van.
Ennél a résznél kell elővenni a képszerkesztő programokat (pl Photoshop), az illusztráció készítő programokat (pl Illustrator). Ezek segítségével a weboldalra kerülő képeket, rajzokat tudjuk javítani, módosítani, optimalizálni. Ugye nem mindegy, mekkora képet teszünk fel a honlapunkra, hiszen ha nagyméretű, akkor jelentősen lassulhat a weboldal betöltődési sebessége. Vagy nincsen szükségünk az egész képre, hanem csak egy részletére. Esetleg éppen több képből szeretnénk egyet készíteni, mert a designhoz az illene.
Ha saját magunk készítjük a weboldalunkat, nem biztos, hogy ezek eszünkbe jutnak. Pedig mindezen apróságok segítenek abban, hogy egyedi honlapunk legyen.
Egyedi weboldal lekódolása – sitebuild
Ezt a munkafolyamatot is be lehetne sorolni a webdizájn alá, hiszen a sitebuild teszi lehetővé, hogy ne csak egy kép legyen a weboldalunk, hanem bárki megtekinthesse az interneten, és még működjön is 😀
A grafikai tervek jóváhagyása után, azokat programozható formára alakítjuk. A leggyakrabban nyílt forráskódú tartalomkezelő rendszererekkel dolgozik egy webdesigner. Ez esetben kiválasztjuk és konfiguráljuk számodra a legmegfelelőbb honlapmotort (pl. WordPress), elvégezzük a szükséges alapbeállításokat. (Természetesen ki lehet hagyni a honlapmotort is, ebben az esetben viszont nehézkes mondjuk a későbbi blogbejegyzés, vagy bármilyen szöveg változtatása a honlapon – ha nem értesz a HTML kódoláshoz, akkor szükséged lesz a fejlesztőre. Honlapmotor esetén te magad is meg tudod tenni ezeket a változtatásokat!)
Amint az egyedi weboldal struktúrája és felépítése megvan, el kezdjük feltölteni a megrendelő által előkészített szöveges és képi tartalmakat. Beállítjuk a keresőbarát felépítéshez szükséges meta elemeket, közösségi média összekötést.
Miután a weblap funkcionális része elkészült, leteszteljük az oldalt tableteken, telefonokon, különböző böngészőkben. Ebben a szakaszban a vizuális megjelenés még alakítható. Ellenőrizzük továbbá az ajánlatkérések, vásárlások helyes menetét, kijavítjuk az esetleges hibákat. Mérőeszközök segítségével leellenőrizzük a weboldal betöltési sebességét, szabványosságát, valamint keresőbarát felépítését.
A legjobb, ha már a weboldal tervezésekor figyelembe vesszük a keresőoptimalizáláshoz elengedhetetlen kulcsszótervezést. A neten rengeteg weboldalon lehet tájékozódni a SEO mikéntjéről. Vannak külön szakemberek, akik erre specializálódtak. Az alapokat bárki el tudja sajátítani, és elvégezni, csak egy kis kutatómunka kell hozzá 🙂
Ígérem, lesz egy bejegyzés a keresőoptimalizálásról is!
Ezzel tulajdonképpen végig is vezettelek azon a hosszú folyamaton, amin egy webdesigner végigmegy, amikor egyedi fejlesztésű weboldalt készít. Valóban ez többe kerül, mint egy bárki által összekattintgatható honlap, viszont biztos lehetsz benne, hogy egyedi és személyre szabott lesz.