ProVitamin.hu webáruház készítése, referencia információk

Az webáruház leírása

A ProVitamin.hu egy elsősorban vitaminokkal, étrend-kiegészítőkkel, szélesebb értelemben az egészséggel foglalkozó webáruház. Az egyes termékek különböző kiszerelésben találhatóak meg.

ProVitamin.hu - főoldal

Az adatlapokon részletes információkat, leírásokat, valamint hatóanyag táblázatot olvashat a látogató. Minden termékhez egy termékfotó tartozik, további termékfotókra nem volt szükség a webáruház készítése során. Az adatlapokon a kategória szerinti előző és következő termékre is biztosított a navigáció, valamint lehetőség van a megjelenített termék gyártójának összes termékét megjeleníteni.

ProVitamin.hu - termékadatlap

A terméklista oldalak kétféle nézet szerint jelenhetnek meg: a klasszikus, listáts nézet mellet – ahol egymás alatt jelennek meg a terméket – át lehet váltani egy bélyegképes, thumbnail nézetre is. Ebben a napjainkban egyre népszerűbb nézetben nem jelennek meg a termékek rövid leírásai, csak a nevük, kiszerelésük, áruk, valamint a termékfotó. Ezzel egyszerre több termék jeleníthető meg, könyebb és gyorsabb lehet a navigáció a webáruházban. Ugyanezen a terméklista oldalon lehetőség van a gyártók nevei szerint szűrni a megjelenített terméket, továbbá lehetőség van természetesen név és ár szerint növekvő és csökkenő sorrendben megjeleníteni a terméklistát.

ProVitamin.hu - listás terméklista

ProVitamin.hu - bélyegképes terméklista

A rendeléshez regisztráció szükséges, a megrendelést egy kosár segíti. A kosár kialakítása során a lehető legkevesebb lépésben próbáltam megoldani a folyamatot a lehető legkevesebb adat bekérésével.

Az webáruház kedvezményes egészség csomagokat is kínál. A csomagokba legfeljebb négy terméket vehet fel a termékkezelő, maga a csomag minden felvett termék adatlapján, valamint egy kiválasztott kategóriában is megjelenhet.

ProVitamin.hu - csomagajánlatok

A webáruházat kiegészíti egy magazin is, ahol a cikkek mellett egy tudástár, fogalomtár is segíti a látogatókat a hatóanyagok, összetevők jobb megismerésében.

ProVitamin.hu - Magazin és tudástár

A webáruházban alkalmazott technikák, technológiák

A ProVitamin webáruház grafikai munkáit az InternetMarket készítette. A kapott PSD fájlok alapján magam alakítottam ki a webáruház részeinek megjelenését, a teljes HTML szerkezetet.

A webáruház úgy lett kialakítva, hogy annak tartalma, szerkezete könnyen érthető legyen a kereső motork számára is. A keresőoptimalizálás során ügyeltem arra, hogy minden oldal külön címsort és ún. meta leírást tartalmazzon. A meta leírás, vagy meta description az a szövegrészlet, amely jellemzően meg szokott jelenni a keresők, így például a Google találati listájában.

A terméklista oldalalkon a megjelenő termékek neveit, az adatlapokon egy kivonatos összefoglalót tartalmaz. A címsorokat és leírásokat a rendszer dinamikusan generálja, így nincs szükség újra és újra megadni azokat az adatokat, amelyek a keresőoptimalizálás során fontosak.

Az oldal szerkezete a mai trendnek és minőségi elvárásoknak megfelelően teljesen táblázatmentes. Egyetlen helyen tartalmaz táblázatot, ahol erre a funkcióra amúgy is szükség van: egy termék hatóanyagainak listázásakor.

Az egyes kategória oldalak, termék oldalak URL-jét úgy alakítottam ki, hogy egyfajta virtuális könyvtárszerkezetet alkotva minden egyes oldal külön címet kapjon. Általánosságban a http://www.provitamin.hu/<főkategória>/<alkategória>/termék-neve.html formában jelennek meg a címek a webáruházban. Ez azt is segíti, hogy az egyes oldalakat, gyártó termékeit listázó oldalakat külön-külön is be lehessen linkelni más weboldalakra, webkatalógusokba.

Az oldal linképítése során elemeztem azokat az oldalakat, amelyek hasonló termékkínálattal rendelkeznek. Listát készítettem az ezekre a konkurens oldalakra mutató bejövő linkekről. A listát kiegészítettem olyan címekkel is, amelyek releváns oldalak lehetnek a ProVitamin.hu számára. A webáruház linképítése most is folyamatban van.

A webáruház látogatottságát a Google Analytics méri, a megjelenő oldalak tartalomelemzésében a Google Webmester Eszközök segítik a munkámat.