A korábban BlitzWolf.Shop néven ismert webáruház tulajdonosai elhatározták, hogy ideje kilépni a BlitzWolf.Shop állította korlátokból és egy teljes megújulással új szintre emelni vállalkozásukat, így született meg a GearUp.hu koncepciója.
Az új tervekkel, elképzelésekkel a Shoprenter szakértői csapatát keresték meg, mi pedig boldogan segítettünk számukra kihozni a webáruházból a maximumot.
Az új brand kialakítása teljes mértékben a Madrid témára épült, cikkünkben bemutatunk 10+1 egyedi megoldást, amelyeket egy kis segítséggel szinte bárki megvalósíthat a saját webáruházában.
A tervezés során az elsődleges szempont az volt, hogy a vásárlók által leginkább keresett információk és elemek a lehető legjobban szem előtt legyenek, könnyen meglehessen őket találni és használni.
Így a legfelső sávban elhelyezésre került többek között:
- Ügyfélszolgálati telefonszám jól kiemelve, mivel korábbi visszajelzések alapján a láblécben ezt nehezen vagy nem is találták meg.
- Szállítási információk más színnel kiemelve, mivel az egyik legnagyobb előnyük, hogy raktáron lévő termékeket értékesítenek és 1 munkanapon belül ki tudják szállítani őket.
- GearUp Club, amely egy hűségpont rendszert takar, célja a visszatérő vásárlók számának a növelése.
- Elállással és jótállásal kapcsolatos legfontosabb információk, amelyek bizalmat keltenek a vevőkben.
Ezen felül extra figyelmet szenteltünk arra, hogy a kereső jól látható módon ki legyen emelve, így bármilyen termék könnyen megtalálható a segítségével. A GearUp nem csak egyedi megjelenést kölcsönzött a keresőnek, hanem igénybe vették a Rapid Search beépített alkalmazását is.
A kategóriáknál azt fontos még kiemelni, hogy nem a hagyományos egyedi kategória lenyílóval lett kialakítva a menü, hanem egy korszerűbb megoldást választva, egyedi scriptek segítségével készült el a webáruház ezen része.
Ezt a megoldást azért választotta a GearUp.hu, hogy a kategóriákban történő változásokat dinamikusan és hatékonyan kezelhessék, így nem szükséges új kategóriák létrehozásakor vagy meglévők tiltásakor az egyedi kategóriamenüt is módosítaniuk.
A fejléc alatt a megszokott egy nagy banner helyett összesen három banner lett kialakítva. A nagy banneren kiemelve a folyamatos aktuális híreket, új termékeket, esetleges akciókat, míg a mellette lévő két kisebb banneren a leglátogatottabb kategóriákat kiemelve. Így a látogatók könnyen navigálhatnak olyan oldalra, ahol nagyobb valószínűséggel vásárolnak is.
3. Animált ikonok és fő előnyök
A banner alatti résznél kurzorra aktiválódó animált ikonok kerültek kialakításra az áruház legfőbb előnyei mellett. Az alábbi modul pár sorban nagyon jól átadja a legfontosabb információkat, amelyeket általában a vásárlók keresnek, mint például:
- Mennyibe kerül a szállítás?
- Van-e ingyenes szállítás?
- Ha ma megrendelem mikorra érkezik meg a termék?
- Eredeti terméket árulnak? Van rá elállás és garancia?
Az animált ikonok pedig megadják azt a kis pluszt, amivel még vonzóbb és egyedibb lett a webshop.
4. Letisztult termékkártyák minden fontos információval
A főoldalon látható termékajánló modulokban lévő termékkártyáknak szintén egyedi megjelenést kölcsönöztünk azért, hogy a vásárlók számára legfontosabb információk megjelenhessenek.
Itt többek között helyett kapott egy egyedi matrica, ami az őszi ajánlatokra hívja fel a figyelmet, a pontos szállítási idő kijelzésére vonatkozó információ felugró buborékban és az RRP ár egy magyarázó szöveggel együtt.
5. Kiemelt vásárlói vélemények
A főoldalon megtalálhatók továbbá a vásárlói vélemények is, amelynek az a célja, hogy tovább erősítse a vásárlók bizalmát. Ennek a kialakítása során is arra törekedtünk, hogy minél figyelemfelkeltőbb legyen a webshop ezen része, hiszen manapság az egyik legfontosabb tényező a vásárlási döntés meghozatalában az értékelések minősége.
6. Top 10 termék megjelenítése
A kategória oldalon helyett kapott a Top termékek modul egy egyedülálló megoldás keretében, amely azt a 10 terméket jeleníti meg, amelyből a legtöbbet adott el a webáruház.
Ennek a kialakítása során is fontos volt az, ami a kategória leírásnál, miszerint ez a modul ne nyomja le látványvonal alá a termékeket és ne zavarja majd a felhasználókat. Emiatt alapértelmezetten csak az első 3 termék látható, a többi el van rejtve és a “Mutass többet” gomb segítségével böngészhetik a vásárlók a további termékeket.
7. Készletinformációk alapján megjelenő termékkártyák
A tulajdonosok kifejezett kérése alapján a listaoldalon a termékek megjelenítése során kiemelt figyelmet fordítottunk arra, hogy a készleten nem lévő termékek jól el legyenek különítve a raktáron lévő termékektől.
Ezért egy olyan megoldást álmodtak meg, ahol a készleten nem lévő termékeket egy egyedi matricával láttuk el, valamint ezek a termékek elhalványítva jelennek meg és jól látható, hogy a termék nem elérhető. Továbbá ezekhez a termékekhez készült egy egyedi e-mail ikon is, amivel a látogatók értesítést tudnak kérni a termékek készlet feltöltéséről.
8. Egyedi ajánlat oldalak kampányokhoz
Kulcsfontosságú pontja volt a tervezéskor annak, hogy a különböző kampányok idejére hogyan tudja a webáruház a legegyszerűbben megjeleníteni az ajánlataikat. Ezzel kapcsolatban végül egy egyedi aloldal készült, amelynek a megjelenítése sokban hasonlít a landoló oldalakhoz. Fontos szempont volt az is, hogy ezt az ajánló oldalt könnyen testre tudják szabni, hogy minden kampányidőszakban egyszerűen módosítható legyen.
A kategóriák illetve a leírás az admin felületen a kategória leírásán belül egyszerűen módosítható, míg a háttérszínek pedig CSS segítségével. Mindössze annyi a teendő, hogy új kampány esetén 1-2 szín kódját kicserélik és kész is az új landoló.
A kategóriák alatt megjelenő lebegő rész is azt a célt szolgálja, hogy felhívja a látogatók figyelmét az egyedi ajánlatokra és ezekre az aloldalakra navigálja a látogatókat.
9. Termékinformációk egyedülálló kivitelezése a termékoldalon
A GearUp.hu kifejezett kérése volt a termékoldal tervezésekor, hogy a legfontosabb információk kihangsúlyozva jelenjenek meg. Emiatt a szállítási és fizetési lehetőségek, a hűségpont rendszerre vonatkozó tudnivalók, a garancia folyamata és a raktárkészlettel kapcsolatos információk kiemelt pozícióban kerültek megjelenítésre.
Különlegessége a termékoldalnak az is, hogy a látogatóknak lehetősége van a termékoldal tetejéről azonnal az értékelésekhez vagy a termék paramétereihez navigálni egy-egy gomb segítségével, így a számukra legfontosabb információkhoz nagyon hamar hozzájuthatnak.
A webáruházban minden terméknek egységes, egyedileg formázott termékleírása van, amelynek köszönhetően sokkal átláthatóbb az egész termékoldal. A leírások elkészítése minden esetben egy sablon HTML fájlban történik, lényegében itt kell a képeket, illetve leírást kicserélni.
10. Ingyenes szállításra felhívó, egyedi információk
Amiben még megnyilvánul a GearUp.hu egyedisége az az, hogy a kosárba rakás során egy figyelemfelkeltő sávban látható az ingyenes szállításra vonatkozó információ.
Ezzel a felhívó üzenettel a kosár oldalon is találkozhatunk, amikor a rendelésünket szeretnénk véglegesíteni.
A kosár oldalon továbbá azt az előnyüket is kiemelik, hogy a rendelés véglegesítése mindössze 1 percet vesz igénybe, ami tovább növeli a bizalmat a vásárlókban és sürgeti is a látogatót a rendelés leadására. Ez egy nagyon egyszerű, mégis zseniális eszköz a konverziónövelésre.
+ 1 Kreatív, egyedülálló aloldalak az átláthatóságért
A GearUp.hu webáruház számos informatív leírással büszkélkedhet, amelyek között hasznos információkat találhatunk a szállításra, fizetésre, garanciára továbbá az elállásra vonatkozóan is. Annak érdekében, hogy ezek a tudnivalók könnyen áttekinthetők legyenek mindenki számára, egy olyan egyedi aloldal készült, ahonnan az összes fontos tartalom elérhetővé vált.
A webáruház tulajdonosai számára az is kiemelten fontos volt, hogy az olyan aloldalak is egyedi és kreatív megjelenéssel bírjanak, mint a 404-es oldal, kapcsolat oldal és a rendelés köszönő oldala.
Egyedi 404-es oldal
Az elkészült 404-es oldalnak abban rejlik a különlegessége, hogy a megszokottól eltérően a tulajdonosok humoros módon közelítették meg és alakították ki ezt az aloldalt. Továbbá elhelyeztek egy termékajánlót is annak érdekében, hogy a vásárló ne hagyja el az oldalt.
Kapcsolat oldal a lelkes dolgozókkal
Az egyedi kapcsolat oldalon a legfontosabb információk kaptak helyet, így többek között az irodájukról láthatunk egy képet, illetve annak a címét egy térképen megjelenítve, az ügyfélszolgálati elérhetőségüket, illetve a lentebbi képen is látható lelkes segítőjüket.
Rendelés köszönőoldal
A sikeres rendelés leadása után megjelenő köszönőoldalt is az eddig olvasottak alapján varázsolta egyedivé a GearUp.hu. Amennyiben kíváncsi vagy rá, hogy hogyan fest ez az oldaluk, akkor nyugodtan támogasd a 100% magyar tulajdonú webáruházat egy rendeléssel és a rendelés leadásakor saját magad is megtapasztalhatod, milyen egyedi megoldást alkalmaztak.
Javíts webshopod felhasználói élményén!
A GearUp esete jól mutatja: egy átgondolt design, pár apró módosítás nemcsak szebbé teszi az oldalt, hanem vásárlásra is ösztönöz. Ha te is szeretnéd megmutatni, mitől különleges a webáruházad, érdemes elgondolkodni hasonló egyedi megoldásokon.
Ne feledd: akár kisebb módosításokkal is látványos eredményt érhetsz el!
Ha pedig segítségre van szükséged az elképzeléseid megvalósításban, keresd bizalommal a design csapatunkat! Shoprenteresként részt vehetsz díjmentes design konzultációnkon is, ahol szakértőnk segít a felmerülő kérdéseidben!
