Mikor érdemes egy kategóriát „kiemelni” a webshopból és önálló világgá formálni?
A legtöbb webáruházban a kategóriaoldalak ugyanarra a sablonra épülnek: ugyanaz a rácsszerkezet, a színvilág, a logika. Ez sok esetben elég is, ugyanakkor előfordulhat olyan, amikor egy kategória már nem „csak” egy szűrő a többi között, hanem stratégiai jelentőségű. Más célcsoportot szólít meg, más problémára ad választ, és ezek miatt egészen más hangulatot kíván.
Ilyenkor sokan azonnal külön webshopban kezdenek gondolkodni, más arculattal, saját domainnel, külön rendszerrel. A hellokonyvek.hu esetében viszont az ügyfél ezt tudatosan nem szerette volna: fontos volt, hogy minden egy helyen maradjon, közös kosárral, közös rendszerrel, mégis kapjon extra figyelmet az egyik legfontosabb kategória, a Lampion Könyvek (gyerekkönyvek).
Így született meg az a megoldás, hogy nem egy új webshopot építünk, hanem a meglévőn belül emeltük ki a Lampion Könyveket, ami így már nem egy sima kategória oldal, hanem egy külön hangulatú, gyerekkönyves élménytér.
Kíváncsi vagy, hogyan valósítható ez meg egy bérelhető rendszerben? Az alábbiakban bemutatjuk, hogyan váltottuk valóra a Central Kiadói Csoport Kft. csapatának egyedi elképzeléseit a Shoprenterben.
Elvárások és kihívások
A feladatunk a hellokonyvek.hu teljes megújítása volt, amellett hogy külön figyelmet szentelünk a gyerekkönyvek világának.
A legfontosabb elvárás az volt, hogy a Lampion Könyvek kategória merőben térjen el a többi kategóriától, ami egyben a webáruház alap megjelenését is jelentette.
Tehát valójában két design projektet vittünk párhuzamosan:
- megterveztük a hellokonyvek.hu egységes alapvizuálját, amit a felnőtteknek szóló kategóriákra is használunk,
- és emellé felépítettük a Lampion Könyvek saját, különálló „mini-shopjának” megjelenését is.
A tervezés során sokat gondolkodtunk azon, hogyan férhet meg egyetlen webáruházban az ügyfél által kért piros–fekete alap színvilág és a Lampion Könyvek kuckós, zöld–kék univerzuma. Kihívást jelentett számunkra az, hogy ezt a feladatot mindenképp egy webáruházon belül kellett megugrani.
Döntsd el te: sikerült?
A webáruház alap arculata
A webshop arculatánál egy tudatosan felépített, piros – fekete színvilágot hoztunk létre, amely a krimik világával tökéletes összhangban van. Sötétebb tónusokkal, erősebb kontrasztokkal és határozott, jól olvasható tipográfiával dolgoztunk.
A fekete viszi a főszerepet: ezt látjuk a gombokon, a menüben, a fontos feliratokon, így az oldal összhatásában letisztult, komoly és jól olvasható marad. A piros inkább kísérőszínként jelenik meg: az áraknál, kedvezményeknél, kisebb kiemeléseknél ad plusz hangsúlyt, és finoman hozza be a skandináv krimik világának feszültségét, anélkül, hogy túl rikító lenne az oldal.
Tudatos döntés volt, hogy sok szellős, „white space” (üres tér) maradjon a felületen: így nem lesz zsúfolt az oldal, és a könyvborítók tudnak igazán főszereplővé válni.
Ezt a piros – fekete színvilágot kapta minden kategória a gyerekkönyvek kivételével.
A tervezés során az is fontos szempont volt, hogy az új megjelenés lehetőleg javítsa a felhasználói élményt és a konverzió esélyét is. Ennek érdekében az egyedi arculatot a Starter 2.0 témán alakítottuk ki, amelyet kifejezetten gyors betöltésre és jó PageSpeed / SEO eredményekre terveztek. Natív CSS-t használ, átdolgozott, „karcsúbb” kóddal és úgy tölti be a stílusokat, hogy csak az jelenjen meg, amire az adott oldalon valóban szükség van.
Így nemcsak a megjelenés lett karakteresebb, hanem technikailag is erősebb alapot kapott.
Lampion Könyvek: külön „gyerekszoba” a közös webshopon belül
Ismerős az az érzés, amikor egy könyvesboltban letérsz a „felnőtt” sorokról, és belépsz a gyerekkönyves sarokba? Hirtelen mások a színek, a borítók, a hangulat, és kicsit te magad is átkapcsolsz.
A Lampion Könyvek aloldal pontosan ezt az élményt próbálja online megteremteni. Nem csak egy kategória a menüben, hanem egy saját, kuckós világ a boltban, amely az érzelmi biztonság, a játékosság és az életkornak megfelelő tartalom hármasára épül.
A hellokonyvek.hu piros – fekete, krimis világából átkattintva, itt egy zöldes – kékes színvilág, barátságosabb formák, játékos animációk, és szellősebb elrendezés fogadja a látogatókat.
A korosztályra bontott kategóriák, a jól látható könyvborítók és a játékos vizuál együtt azt szolgálják, hogy szülőként, pedagógusként vagy gyerekként is gyorsan ráhangolódj a gyerekkönyvek világára, és könnyebben megtaláld azt a történetet, ami éppen most hozzátok illik.
A felület szellős marad, sok az üres, lélegző tér, ezért nem nyomja agyon a látogatót az információ; a könyvborítók tudnak főszereplővé válni, ami gyerekkönyveknél különösen fontos.
Funkció szinten a Lampion oldal ugyanazt a logikát követi, mint a webshop többi része. Ugyanazok a termékkártyák, árak, gombok, rendezési lehetőségek jelennek meg, mégis teljesen más érzetet ad.
3in1 webshop
A kiadó három kiemelt fő kategóriát különböztet meg a webáruházban:
- a Lampion kategóriát: gyerekkönyvek
- az Animus kategóriát: skandináv krimik, történelmi családregények, ismeretterjesztő művek, stb.
- a BookLab kategóriát: a BookLab Kiadó minőségi, inspiráló nonfiction könyvei
Ugyanakkor, ha jobban szemügyre vesszük ezeket a kategóriákat a webáruházban és lekattintjuk őket, hamar rájövünk, hogy eltérnek a megszokott kategóriaoldal felépítéstől. Ez sem véletlen!
Az ügyfél kérésére ezek az oldalak úgy funkcionálnak, mint a legtöbb Shoprenteres webáruház főoldala: bannerkezelővel, dinamikus modulokkal, termékajánlókkal felszerelve, melyeket az admin felületen külön-külön szerkeszthetnek. Így kategóriánként más üzeneteket, akciókat és kiemeléseket lehet használni, ami segít abban, hogy minden olvasói csoport azt lássa, ami neki igazán izgalmas.
A webáruház további főkategóriái (pl. Könyvek, Újdonságok, Akciók) a megszokott kategóriaoldal stílusát hozzák. Végezetül pedig a Magazin kategória a blogra vezet, ami ugyanúgy megkapta a piros-fekete színvilágot.
Fedezd fel te is a hellokonyvek.hu megújult oldalát!
Ha pedig hasonló megoldásokban gondolkodsz, ne habozz felvenni velünk a kapcsolatot!
A szerzőről:
