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 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

Képek az Improvers Group webdesingról és a kész weboldalról

Tovább az Improvers Group elkészült honlapjára

A webdesign tervhez és a weboldalhoz a következő kéréseket kaptuk:

• Lehetőleg legfeljebb 4-5 színnel dolgozzunk és a színvilág összhangba legyen a testvéroldallal.
• A tartalom két hasábban jelenjen meg és a navigáció egy hagyományosnak mondható, horizontális menüsoron keresztül történjen.
• A menüsor hasonlítson egy szalag szerűségre.
• A friss hírek és állásajánlatok egy vetítő bokszban kerüljenek feltüntetésre.
• A jobb oldalsávban legyen integrálva a Facebook közösségi modulja.

A terv elfogadása után a következő weboldal készítési munkafolyamatok következtek:

• A készülő weboldal kinézetéért felelős sablon fájlok létrehozása
• Plusz funkciók működtetéséhez szükséges bővítmények telepítése és testreszabása (pl.: kapcsolatfelvételi űrlap)
• A tartalom feltöltése, hír -és állásajánlat “vetítő” doboz konfigurálása, Facebook doboz beépítése.

Néhány kép az elkészült weboldalról:

Tovább az elkészített weboldalra

A Prosystem Csoport 1992 óta van jelen a magyar és román piacon. A csoport nyomtatástechnológiai-, kötészeti-, és továbbfeldolgozó gépek kereskedelmével, alkatrészellátásával, szervizelésével és tanácsadással foglalkozik. Egy olyan webdesign tervet szerettek volna kapni, amely ízlésesen és könnyen áttekinthetően mutatja be a forgalmazott új és használt gépek kínálatát, valamint a céget és az iparágat érintő legfontosabb híreket, tudnivalókat. A megrendelések fokozása érdekében a gépek több irányból is elérhetőek, hiszen a horizontális menüsoron, a főoldali képvetítőn és a gyártók emblémáján keresztül is kiválaszthatjuk a nekünk tetsző terméket. Az új és használt gépek külön menüpontba kerültek és a könnyebb áttekinthetőség érdekében további kategóriákra (pl.: kötészet, tovább-feldolgozás) is osztottuk őket. A kategóriaoldali webdesignban a gépek képei és fontosabb jellemzői kerültek kiemelésre. A termékadatlapi arculaton szintén a termékek vizuális bemutatása szerepel központi helyen, ehhez kapcsolódnak a szöveges leírások. A webdesign néhány módosítási kérelemmel gyorsan elfogadásra került, így megkezdődhetett a weboldal készítési fázis.

A tervek gyakorlati megvalósítása, weboldal készítés

Az új weboldal alapjául ismét a WordPress, ingyenes tartalomkezelő rendszerét választottuk. Ebben 1-1 honlap kinézetét un stílusdefiníciós fájlok írják le, így a weboldal készítés első lépését ezek létrehozása jelentette. Most is kiemelt hangsúlyt fektettünk arra, hogy az ez elkészült honlap ugyanolyan jól nézzen ki minden gyakorta használt böngészőben. Ez azért fontos, mert az egységes, ergonomikus elrendezés és kinézet a lehető legtöbb látogatót képes megfogni az adott oldalon, ezáltal a legnagyobb hatékonyság így érhető el. Következő lépés a weboldal funkcióihoz szükséges bővítmények telepítése és testreszabása volt. Ilyenek szükségesek többek között a visszahíváshoz és megrendeléshez, valamint az egyes gépek bemutatását szolgáló képgalériákhoz. A weboldal készítés utolsó lépése a kapott tartalom kategorizálása és feltöltése volt, előbbinek kiemelt szerepe van az egyes termékkategóriák szűrési beállításainál.

Képek az elfogadott webdesignról és az elkészült weboldalról

Az elkészült weboldal itt megtekinthető

A MatraSkateboards.com arculatának (webdesign) kialakításához először a weboldal célját kellett felmérnünk. A megrendelő elsősorban a fiatal korosztály számára szerette volna saját termékeit (minőségi gördeszka lapok, grip tape, gördeszka kerekek) saját márkás pólók) értékesíteni, mindemellett pedig egy olyan központi helyet kívánt kialakítani, amely ízlésesen mutatja be a sportot érintő legfontosabb híreket, újdonságokat és szereplőket. Fontos volt, hogy a webdesign illeszkedjen a termékhez a célcsoporthoz és természetesen a sporthoz is. Ennek érdekében az oldal grip-tape szerű hátteret kapott, a főbb tartalmakat pedig több irányból is elérhetjük. Rendelkezésre állnak gyorslinkek a lap alján, beépítésre került egy horizontális menüsor és egy mellé társított szabad-szavas keresőmező is. A webdesign felső részén a megrendelő csapatának (és egyben a sport elismert szereplői) kaptak helyet. Alatta szintén központi részen találhatóak a forgalmazott termékcsoportok, amelyek egy képvetítő dobozban jelennek meg. A webdesign alsó részén pedig blokkos elrendezésben a sportágat érintő legfrissebb híreket és interjúkat találjuk.

A weboldal elkészítése

A honlap alapjául ismét a WordPress nevű, ingyenes tartalomkezelő rendszert választottuk.  Minden ügyfelünk számára ezt ajánljuk, hiszen amellett, hogy keresőbarát felépítésű, az egyszerű grafikus felülete megkönnyíti a tartalmak frissítését és korrekcióját is. A weboldal készítés első lépéseként azokat a stílusdefiníciós fájlokat kellett létrehozni, amelyek a külső megjelenést meghatározzák. Ezeknél, mint minden projektünk esetében most is kiemelten odafigyeltünk arra, hogy a honlap ugyanúgy nézzen ki és funkcionalitásában is ugyanolyan teljes legyen minden gyakorta használt böngészőben. A weboldal készítés második lépése az egyes funkciókat biztosító bővítmények telepítése és személyre szabása volt. A teljesség igénye nélkül ilyen az oldalra integrált videólejátszó és az online vásárlást biztosító kiegészítő is. A weboldal készítés utolsó lépéseként feltöltöttük a kezdeti tartalmat, illetve pár linkgyűjteménybe is beküldtük a honlapot, hogy azt a Google minél gyorsabban beindexelje.

Képgaléria az elkészült weboldalról

A weboldal megtekintése

Az Autopiro webdesign létrehozásához kaptunk néhány támpontot. A megrendelő szerette volna, hogy a terv és kialakítás hasonlítson a Subaru hivatalos weboldalára, ennek érdekében az ott használt színvilágot (kék, sárga, fekete, fehér) használtuk fel a honlap tervezése során. A navigáció egy horizontális menüsoron keresztül valósul meg, amely szintén a hivatalos weboldal megoldására hasonlít. Továbbá kérték azt, hogy a képek domináljanak az oldalon, hiszen ezekkel lehet megfogni a lehetséges vásárlókat. Az autók sokoldalú bemutatását a főoldali képvetítő boksz, a termékoldali nagyítható képgaléria, valamint a kategóriákhoz és termékoldalakhoz kapcsolt nézőkép is segíti. Az elkészült webdesign pár apróbb módosítással gyorsan elfogadásra került, így elkezdődhetett a weboldal készítési fázis.

Weboldal készítés – A tervek átültetése gyakorlatban működő honlappá

Az Auto-Piro weboldalának alapjául a WordPress tartalomkezelő rendszert választottuk, hiszen tudjuk azt, hogy az ügyfelek és a keresőmotorok szempontjából is kiváló választás. A letisztult kód és elrendezés segíti a jó keresőbeli helyezés (ezzel együtt a nagyobb látogatottság) elérését, ugyanakkor a megrendelő egy egyszerű grafikus felületen keresztül bővítheti, módosíthatja a tartalmat bármiféle programozási ismeret nélkül.

A weboldal készítés első lépését az elfogadott design stílusdefiníciós fájlokba való lekódolása jelentette. Mint, minden projektünk esetében az Auto Pi-Ro oldalának esetében is törekedtünk arra, hogy az hasonlóképpen nézzen ki a legtöbbet használt böngészőkben (Mozilla Firefox, Google Chrome, Internet Explorer).

Második lépésként telepítésre kerültek az egyes funkciók működtetéséért felelős bővítmények. A képgaléria megjelenítéséért a Nextgen Gallery, az oldaltérkép beküldéséért pedig a Google XML Sitemaps felel.

A weboldal készítés harmadik lépéseként egy kezdeti tartalmat töltöttünk fel, amely elsősorban az autók paramétereinek, valamint képeinek feltöltését (címkézését) jelentette.

A weboldal megtekintése

Képek az elkészült weboldalról és webdesignról