Az igényfelmérő konzultáció célja, hogy webáruház fejlesztési specialistánkkal részletesen átbeszélhesd az elképzeléseidet és igényeidet. Munkatársunk segítségedre lesz a szakmai kérdésekben és a több éves tapasztalatával segít rendszerbe foglalni az elképzeléseidet és ötleteidet, hogy mit szeretnél látni a webshopod arculatában.

Az igényeid ismeretében egy szakértői konzultáció keretében történik meg a design projekt elindítása, ahol webfejlesztésben jártas projektmenedzserünk és a webshopod látványtervét készítő grafikus kollégák finomhangolják az igényeidet, valamint beavatnak a legújabb trendekbe, lehetőségekbe. A tervezési szakaszban kiemelt figyelmet fordítunk a vállalkozásod vásárlói és értékesítési folyamatainak megértésére és fejlesztésére.

Segítünk az általad választott Shoprenter témára való átállásban, hogy minden szükséges beállítás biztosan megtörténjen és megfelelően működjön. A kiválasztott témát a vállalkozásod arculatához igazítjuk. A téma váltást a sandbox rendszerben végezzük el első körben, így a folyó munkálatokból a webáruházad látogatói nem fognak észrevenni semmit, zavartalanul böngészhetik az oldalt. Itt véglegesítjük a módosításokat, amelyek a jóváhagyást követően néhány óra alatt élesíthetők is.

Minden Shoprenter téma más elrendezéssel, így más pozíciókkal is rendelkezik. Témaváltás után a modulok felveszik az alapértelmezett pozíciójukat, ezért fontos, hogy ezeket ellenőrizzük és beállítsuk úgy, hogy azok az új témában is a számunkra megfelelő helyen és módon jelenjenek meg. Ahhoz, hogy minden tartalom esztétikus legyen az új témában, be kell állítani a szükséges elemeket, ami egyes esetekben a legszebb összkép elérése érdekében webfejlesztői tudást igényel.

A dinamikus modulok olyan modulok, amelyekben egyszerre tudjuk a kinézetet és a beállításokat a Shoprenter admin felületén kezelni. Nagy segítség a webáruház adminisztrátorainak, hogy az adott modult egy felhasználóbarát, könnyen kezelhető felületen tudják módosítani, kiváltva ezzel az egyedi HTML modult, amelyhez HTML tudás is szükséges. Mi a kezdeti adminisztráció terhét levesszük a válladról, minden általunk készített modult szakértői módon beállítunk és feltöltjük a szükséges adatokkal. Legyen szó egyedi kép készítésről a banner modulhoz, vagy gyakori kérdések és válaszok megadásáról a GYIK modulban.

Ismerd meg a dinamikus modulokat részletesebben cikkünkből.

Amikor egy webáruház olyan egyedi tartalommal is rendelkezik, mint blog vagy magazin, amit szeretne elkülönítve megjeleníteni a többi tartalomtól, akkor jó megoldás az egyedi fejléc készítése. Mivel ebben az esetben szabadon módosítható a fejlécben elhelyezett szerkezeti elemek sorrendje és helye, nagyobb lehetőség van akár a vállalkozás logójának a megmutatására, vagy egyedi keresősáv kialakítására is.

Az egyedi láblécre akkor lehet szükség, amikor a webshop szeretné még egy felületen megjeleníteni a legfontosabb információit és linkelhető tartalmait vagy olyan egyedi SEO tartalommal rendelkezik, ami támogatja az oldal előrébb kerülését a keresőmotorokban, de ezt mégis esztétikusan szeretné megjeleníteni.

A sitebuild során frontend fejlesztőink beállítják a látványtervben alkalmazott modulokat és lekódolják az egyedi elemeket. A fejlesztés során sandbox rendszert használunk, melynek előnye, hogy a webáruház látogatói nem fognak észrevenni semmit az éppen folyó munkálatokból, így zavartalanul böngészhetik az oldalt. Sok esetben szükség van a tartalmi elemek átalakítására egy-egy új látvány kialakításakor és mivel a sandbox rendszerben is ugyanolyan adminisztrációs felület érhető el, mint az éles webshopon, ezért a szükséges tartalmi módosításokat már előre, a kinézet élesítése előtt el lehet végezni. A sandboxban véglegesítjük a módosításokat, amelyek a jóváhagyást követően néhány óra alatt élesíthetők.

A drótváz készítése kulcsfontosságú elem a UX tervezési folyamatban. Ez gyakorlatilag nem más, mint az igényfelmérő konzultáción és a szakértői konzultációkon kialakított igénylista vázlatszerű megjelenítése. A drótvázban jól látható, hogy melyik szerkezeti elem, a webshop melyik részére kerülne. Nagy előnye, hogy nagyon egyszerű és könnyű változtatásokat készíteni benne. Egy jó drótváz készítés segítségével időt tudunk spórolni a látványtervezési fázis módosítási köreiből, hiszen nem az elkészült látványterv az első találkozási pont a webshop szerkezetével és készülő kinézetével.

A látványterv a fizikai megvalósulása az igényfelmérő konzultáción és a szakértői konzultációkon kialakított igénylistának. Abban az esetben, ha a design projekt drótváz tervet is tartalmaz, a látványtervet nevezhetjük a drótváz kiszínezett, arculati elemekkel felruházott változatának is. Az általunk készített látványterv rendszerint a webshop főoldalát, kategória oldalát és a termék oldal kinézetének tervezését foglalja magába. A választott csomagot kiegészítve, lehetőség van egyedi aloldalak látványtervének elkészítésére is. Ilyen oldal lehet például az egyedi rólunk oldal, vagy blog oldalak.

Az egyedi lenyíló menü alatt azt értjük, amikor a webshop gyári kategória lenyílóját cseréljük egy egyedileg tervezett HTML tartalomra, asztali nézeten. Ez azért jó a webáruházaknak, mert színesítjük a navigációs élményt, jobban kiemelhetjük az általunk kívánt alkategóriákat, szabadon formázhatjuk az elemeket és plusz háttérképekkel, egyedi tartalommal tölthetjük fel a lenyíló tartalmat. Kifejezetten hasznos, ha egy webáruház nagy kategóriafával rendelkezik, mert ezáltal sokkal jobban strukturált formában, átláthatóan jeleníthető meg a webáruház kínálata.

A weboldalak esetében két gyakran használt kifejezés hallható, az egyik az UI, amely az User Interface angol kifejezés rövidítése. Ez a való életben a felhasználói felületet jelenti, azaz azt, ahogy a weboldalunk kinéz. Ezt tervezik meg grafikusaink a látványterv során. Ugyanakkor nagyon fontos, hogy a UI összhangban legyen a megfelelő felhasználói élménnyel, azaz a UX-el (User Experience), amely a másik fontos kifejezés.

Az UX és UI nagyon közel áll egymáshoz, hiszen a weboldalra érkező látogatók esetében a legjobb felhasználói élményt úgy tudjuk elérni, ha grafikailag átgondolt folyamatok segítségével vezetjük végig a látogatót a weboldalon. Webáruházadhoz olyan egyedi designt tervezünk és készítünk, amelyet UX kutatásokra építünk. Kattints ide, és tudd meg részletesebben, mit jelent a kutatásalapú design!

A SEO vagy keresőoptimalizálás lényege, hogy a webshopunk a keresőmotorok találati listáin, az általunk kívánt kulcsszavakra, minél jobb helyezést érjen el, azaz egy adott kulcsszóra lehetőleg a találati lista elején szerepeljünk. Óriási verseny folyik a jobbnál jobb helyezésekért, hiszen az emberek általában csak a találati lista első oldalán szereplő hivatkozásokra kattintanak. A SEO szempontú tervezés esetén átvizsgáljuk a webáruházadat minden fontos SEO szempontból és kijavítjuk a legfontosabb hibákat, hogy még több organikus látogatóra tehess szert a Google keresőjéből.

Az általad adott leírás alapján egy vagy több grafikus készít számodra 2-3 vázlattervet. A vázlatterv a fő kinézeti irányt, színeket és tipográfiát tartalmaz, de itt még semmi nincs véglegesen kidolgozva. Amennyiben a vázlattervekből van szimpatikus számodra, akkor ezen a vonalon elindulva készítünk 2-3 változatot a logóból. Amennyiben valamelyik logó elnyeri a tetszésed, akkor megvan az első és legfontosabb grafikai elem a webshopodhoz, ami tartalmazza a színeket és a stílust. Ha pedig mégsem tetszenének a logók, akkor vissza ugrunk a második lépéshez és egy alkalommal újra kezdjük a tervezést.

Mára a látogatók 50-60%-a mobil eszközről böngészi a weboldalakat, így elengedhetetlen a webáruház jó megjelenése mobil eszközökön is. Sőt, jelen esetben a jó nem is elég, hiszen optimalizáltnak kell lennie, ami magában foglalja a reszponzív kinézetet, azaz, hogy a webshop mérete automatikusan alkalmazkodik a mobil eszközök különböző képernyőméretéhez. Fontos kiemelni a mobilra optimalizált webshopoknál a könnyű navigációt is, hiszen itt az asztali verziónál megszokott, esetleg egyedi legördülő menüvel ellátott menüket újra kell strukturálni egy új és kompaktabb megjelenéssel. A mobil tervek készítése esetén a látványtervezéskor külön hangsúlyt fektetünk a könnyű olvashatóság és felhasználóbarát navigáció tervezésére.

Abban az esetben van szó A/B tesztelésről, amikor a webshopunkon egy elemet egy vagy több változatban teszünk elérhetővé. Az így készült verziókat egymással párhuzamosan teszteljük, versenyeztetjük és figyeljük, hogy melyik változat teljesít jobban. Ilyen például a kosárba rakás gomb színének tesztelése, amikor megnézzük hogy melyik színű gomb eredményez több vásárlót. Egy kb. 30 napos teszt futtatása után megállapíthatjuk, hogy melyik gomb szín az eredményesebb és a későbbiekben azt alkalmazzuk a webáruházban.

A tesztelés egy véget nem érő folyamat, hiszen mindig van mit optimalizálni egy webáruházban. A lényeg, hogy minél több problémát gyűjtsünk, amire teszteket szeretnénk készíteni. Ez esetben lehet számunkra hasznos a Google Analytics, hő és görgetési térképek, munkamenet videók és kérdőívek.

Egy vállalkozás sok esetben rendelkezik egyedi tartalommal, akár fizikális boltokkal, akár olyan küldetéssel vagy állásfoglalással, amit szeretne a webshopján is közölni. Ez esetben lehet szükség az egyedi aloldalak tervezésére, hiszen ezek eltérnek a webshop logikától és a webshopos értékesítési szemlélettől, ezért a szöveges tartalmakat webshopban is értelmezhető formára kell alakítani. Ilyen oldalak lehetnek pl: Rólunk, Kapcsolat, Blog, stb.

Gyakori eset, amikor egy webshop tulajdonos nem rendelkezik grafikai ismerettel vagy erőforrással. Ugyanakkor a webshop optimális működéséhez és esztétikumához szükség van olyan grafikai elemekre, mint egyedi bannerek, új reklám képek, kategória ajánló képek. Grafikai csomagunk ebben tud segíteni, hisz a több éves webshop fejlesztésben és látványtervezésben szerzett tapasztalatunk jó kiindulási alap a megfelelő elemek legyártásához.