A webdesign tervhez egyetlen-egy megkötést kaptunk, méghozzá, hogy a korábbi oldalon megjelenő nap motívum az új weblap arculatában is kapjon helyet. Erre azért volt szükség, mert a Megrendelő kiemelt forgalmazója a Llumar épület fóliáknak és ezt a honlap megjelenésében is szerették volna kihangsúlyozni. Ezen felül a már szokásosnak mondható iránymutatásokat kaptuk: az oldal legyen letisztult, könnyen navigálható és ahol lehet képekkel illusztrált. A felmerülő igényeket sikerült teljesítenünk, amit mi sem bizonyít jobban, minthogy az elkészített webdesign pár nap alatt elfogadásra került.

A készülő weblap alapjául a WordPress ingyenes tartalomkezelő rendszerét (CMS) ajánlottuk. A rendszer nagy előnye a keresőbarát felépítés, az egyszerű kezelhetőség és ami talán Megrendelőinknek a legfontosabb: a programozói tudást mellőző egyszerű, gyors tartalom szerkesztési és frissítési lehetőség. A rendszer tárhelyre való telepítése és konfigurálása után a weblap megjelenését leíró sablonfájl került kialakításra figyelve a böngészőfüggetlen megoldásokra. Ezt követte a menüstruktúra kialakítása, majd a weblap készítés utolsó fázisaként a kézhez kapott kezdeti tartalom felöltése.

Képek az elkészített weblapról

Tovább az elkészült weblapra

Azt a kérést kaptuk, hogy a korábbi közös projektek felépítésére és arculatára alapozva készítsük el az European Business Education Center weboldalát. Külön feltétel volt, hogy az új honlap azonos tartalommal és minimális grafikai eltéréssel kínai (.cn) és Európai Uniós (.eu) domain-en egyaránt elérhető legyen.

Mivel a korábbi projektekhez képest az arculaton nem kellett sokat változtatni, így már a WordPress tartalomkezelő rendszer telepítésével és a weboldal kinézetét leíró sablonfájlok létrehozásával indulhatott a munkánk. Ezt követte regisztrációs űrlap beépítése és a kézhez kapott angol nyelvű tartalom feltöltése. A jelenleg hiányos tartalmak nem érkeztek meg időben, így ezek feltöltését a megrendelő végzi.

Képek a Euopean Business Education Center elkészült weboldaláról

Tovább az Euopean Business Education Center elkészült weboldalára (.eu)!

Tovább az Euopean Business Education Center elkészített weboldalára (.cn)!

A honlap készítés első lépéseként a WordPress legfrissebb verzióját telepítettük a megrendelő tárhelyére. Új és állandó ügyfeleinknél is törekszünk arra, hogy a tartalomkezelő rendszer legújabb verzióját telepítsük, hiszen ezekben mindig javításra kerül 1-1 biztonsági rés, így megbízhatóbb a működésük. Következő fázisként a weboldal külsejét meghatározó, úgynevezett sablonfájlt hoztuk létre a kézhez kapott látványtervek alapján. Mindig a böngészőfüggetlen megoldásokat részesítjük előnyben, amelynek lényege, hogy az elkészült honlap kifogástalanul nézzen ki minden gyakorta használt böngészőben. Ezután a szükséges bővítményeket telepítettük, a honlap készítés utolsó lépéseként pedig a többnyelvű, főként szöveges tartalmat töltöttük fel.

Képek az elkészített honlapról

Tovább az Axelera elkészült honlapjára

A kész honlapra egy időpont foglalási modul is került, ahol az adott nőgyógyász saját maga menedzselheti rendelési idejét és annak beosztását. A látogatók a foglalhatnak az előre definiált időintervallumban időpontot, amiről visszaigazoló e-mailt is kapnak. A doktor pedig előre beállíthatja mikor szeretne betegeket fogadni, egy-egy foglalást is törölhet a rendszerből, sőt ki is nyomtatja az adott napra vonatkozó időbeosztását.

Képek a webdesignról és az elkészített honlapról

Tovább az elkészült honlapra

A készülő oldal arculatát kézhez kaptuk, a mi feladatunk a tervek gyakorlati megvalósítása volt. Mivel már korábban is készítettünk sikeres webáruházat WordPress motorral, így nem volt kérdés, hogy ismét ezt a tartalomkezelő rendszert választjuk.

A weboldal elkészítésének első lépése a design elemek stílusleíró (CSS) fájlokká való transzformálása volt, ahol ismét kiemelten figyeltünk a böngészőfüggetlenségre.

Ezt követte az egyes funkciók ellátását biztosító bővítményének telepítése és testreszabása. Ide sorolhatjuk a hírlevél küldő és értékelési rendszert, de a Glamour Beauty készülő weboldalán debütált az emotions saját fejlesztésű webshop motorja is. A honlapra beépítésre került egy kedvezményes vásárlásra jogosító kuponkód rendszer CIB kártyás fizetési megoldása is, amennyiben a látogatónak megtetszett egy termék, ezt a fizetési megoldást is választhatja.

A webáruház elkészítésének utolsó lépése a közel 3000 termék adatainak feltöltése volt, amelyet igyekeztünk úgy megvalósítani, hogy azok a keresőkben is könnyen megtalálhatóak legyenek.

Képek az elkészült weboldalról/webáruházról

Tovább az elkészült webáruházra

A webdesign megtervezéséhez azt az útmutatást kaptuk, hogy a rendezvény weboldala színvilágában és kialakításában hasonlítson a gyár központi honlapjára és lehetőség szerint legyen egy vágott szalagszerűség a tetején, amely pedig jól beleillik majd a nyomtatott meghívók arculatába. A webdesign néhány kisebb változtatással (legyenek kicsit kisebbek a betűk, kicsit világosabb árnyalatú a bordó) gyorsan, pár nap alatt elfogadásra került, így megkezdődhetett az éles weboldal kialakítása.

Mint minden projekt esetében a honlap elkészítésének első lépése azon sablonfájlok létrehozása volt, amelyek majd a weboldal külső megjelenítéséért felelnek. Ezt követte a plusz funkciók működtetéséért felelős bővítmények telepítése és testreszabása.  Ezek közül legfontosabb talán a beléptetési modul, amely a regisztráltaknak csak az adott napi rendezvényhez kapcsolódó információkhoz ad hozzáférést. A weboldal készítés utolsó fázisaként a többnyelvű (magyar, román és horvát) tartalom került feltöltésre, ahol külön kérés volt, hogy minden egyes tartalmi részhez tartozzon valami kis illusztráció is.

A webdesign készítés a logó arculatának megtervezésével indult, több látványtervet is készítettünk, amelyek közül végül a zöld vízcsepp forma és cégnév kombináció nyerte el a megrendelő tetszését. Az oldal kialakításával kapcsolatban még az volt a kérés, hogy legyen letisztult a külső megjelenés, amelyhez kevés mozgás társuljon.  A cél egy portfólió szerű weboldal létrehozása volt, amelyhez kevés tartalom kapcsolódik és inkább a bemutatás a lényege, mint a folyamatos frissítés.

A webdesign tervvel már elsőre sikerült eltalálnunk a megrendelő elképzeléseit, így elkezdődhetett a honlap készítési fázis.

Ennek első lépéseként a tárhelyre töltöttük a WordPress ingyenes tartalomkezelő rendszerének legújabb változatát, majd létrehoztuk a külső megjelenítésért felelős sablont. Ezt követte a menüstruktúra kialakítása és az egyes funkciók működtetéséért felelős bővítmények telepítése és testreszabása. A weboldal készítés utolsó lépéseként feltöltöttük a kézhez kapott tartalmat, így a honlap elnyerte végleges formáját. Mivel jelentkezett rá igény, így egy későbbi alkalommal a megrendelőnek egy rövid oktatás keretében be is mutattuk a tartalomkezelő rendszer működését, hogy a későbbiekben a tartalmi részt már önmaguk tudják frissíteni és személyre szabni.

Képek a VBE Bioenergy Europe elkészített weboldaláról

Tovább az elkészült honlapra

A webdesign kialakításához szabad kezet kaptunk. A színvilághoz az egyik megrendelő által forgalmazott Gaggia kávéfőző vörös-fehér árnyalatait használtuk fel, miközben a fejlécet és a láblécet is próbáltuk feldobni egy egyszerűbb, kapcsolódó motívummal. Utóbbihoz a gőzölgő kávé adta az ötletet. Grafikai szempontból fontos eleme az oldalnak a központi részen elhelyezkedő vetítő boksz is, amelyben képi illusztrációval jelennek meg a céget és iparágat érintő legfrissebb hírek és újdonságok. Az egész webdesignon kiemelkedő szerep jutott a képi illusztrációknak, hiszen ezek segítségével nyerhetőek meg a vásárlók.

A honlap készítést a WordPress legújabb verziójának tárhelyre való telepítésével kezdtük. Ezután az elfogadott látványtervet transzformáltuk át WordPress sablonná, úgy, hogy a létrehozott kódot minden böngésző közel egyformán értelmezze. Utolsó lépésként integráltuk a fizetési modult és feltöltöttük a Megrendelőtől kapott ügyelve arra, hogy utóbbi struktúrája a látogatókon túl keresőknek is megfeleljen.

Képek a webdesignról és az elkészített honlapról

Tovább az elkészült weboldalra!

A webdesignhoz és a honlaphoz a következő útmutatásokat kaptuk

• A webdesign felépítése hasonlítson egy magazinéra.
• A grafikus felület minél egyszerűbb módon és minél kevesebb elemből épüljön fel a tartalom jobb kommunikálása érdekében.
• A szürke-bordó színvilág köszönjön vissza egy világosabb háttéren.
• Legyen egy esemény-lista naptárnézettel, amelyen az állandó és alkalmi programok kapnak helyet.
• Legyen több cikk-kategória, amelyek végén kerüljenek beépítésre a közösségi megosztást segítő funkciók (facebook like, google +1, twitter, email, egyéb).
• A honlapra építsünk be egy Oovoo és Skype klienst a tartalom könnyebb kommunikációja érdekében.

A honlap elkészítésének lépései

• Honlap készítés első lépéseként a WordPress tartalomkezelő rendszerének legfrissebb verzióját telepítettük a megrendelő tárhelyére.
• Ezt követte az elfogadott webdesign terv WordPress sablonfájllá való alakítása, ennél a lépésnél, mint minden projektünk esetében fokozottan figyeltünk a böngészőfüggetlen kódolásra.
• A honlap készítés utolsó lépéseként azon bővítmények telepítése és testreszabása következett, amelyek a weboldal egyes funkcióit működtetik. Ilyen például a bejegyzésekbe integrálható videó, valamint a cikkek végén az azok népszerűsítését célzó közösségi modul.
• A weboldal tartalmának töltését a Megrendelő vállalta, amelyhez rövid oktatás keretében nyújtottunk segítséget.

Képek az elkészített webdesignról és honlapról

Tovább az elkészült weboldalra

A weboldalhoz már kész látványtervet kaptunk, így az emotions Online Ügynökség feladata ebben a projektben a WordPress honlap elkészítése és a tartalom feltöltése volt. A honlap készítés során  először most is a külső megjelenítésért felelős sablon fájlt készítettük el ügyelve a böngészőfüggetlen kódrészletek alkalmazására. Ezt követte a szükséges bővítmények telepítése és testreszabása. Utólag telepített bővítmény látja el a galéria megjelenítését és a videók lejátszását is. Mivel a tervezett weboldalnak olyan menüpontja is volt, amely kizárólag orvosok számára lehetett elérhető, így következő lépésként a honlapra való beléptetést és regisztrációt oldottuk meg. A WordPress honlap készítés utolsó fázisaként a szöveges és multimédiás tartalom feltöltése valósult meg.

Képek az elkészített honlapról

Tovább az elkészült honlapra