A Horizont Brewing márka 2014-től vált a hazai kisüzemi sörpiac egyik meghatározó szereplőjévé. A kezdetekkor még gerillafőzdeként működtek, saját üzem nélkül, de a minőségi kisüzemi sörök iránti növekvő igény hamar igazolta az elképzelést – 2016-ra a márka saját főzdéhez jutott a kőbányai Főzdeparkban. Innen indult az a fejlődési út, amelynek középpontjában azóta is két dolog áll: a merész innováció és a következetes minőség.
A ma Ottó Gábor vezetésével működő Horizont Brewing az elmúlt években nemcsak itthon, hanem nemzetközi szinten is bizonyított. A főzde 2017-ben elsőként Közép-Európából hozta el a dublini Craft Beer Cup Grand Champion díját, 2019-ben pedig a magyar sörbloggerek választották a Legjobb Főzdének. Ezek az elismerések jól mutatják, hogy a Horizont nem csupán résztvevője, hanem formálója is lett a hazai kraft sörkultúrának.
Egy ilyen márkánál azonban a digitális jelenlétnek is ugyanazt a szintet kell képviselnie, mint amit a termékek ígérnek. A horizontsorok.hu 2020 óta működik Shoprenteren. Az induláskor az akkor még legújabbnak számító Amsterdam témát választották. Azóta elröppent 5 év, ami webdesign és technológiai szempontból sok.
Gáborék felismerték, hogy ez a téma már nem szolgálja megfelelően a prémium márkaélményt, ezért a megújulás mellett döntöttek. Ebben a cikkben a webáruház átalakulását mutatjuk be.
Mielőtt rajzoltunk, elemeztünk
A tervezést egy UX audit előzte meg, melynek keretében adatokkal, kattintás- és hőtérképekkel elemeztük hol működik jól a webáruház, hol akadnak el a látogatók, és mely pontokon lehet javítani a vásárlási élményt. Ehhez két fő eszközt használtunk: Google Analytics-et és Microsoft Clarity-t.
A Google Analytics abban segített, hogy számszerűen lássuk a látogatói viselkedést:
- honnan érkeznek a vásárlók,
- milyen eszközről böngésznek, és
- mely oldalak a legnépszerűbbek.
A Microsoft Clarity ezzel szemben inkább azt mutatta meg, hogyan használják az oldalt a látogatók a gyakorlatban:
- hova kattintanak,
- meddig görgetnek,
- mely elemek vonzzák a figyelmet, és
- melyek zavarhatják meg a vásárlási folyamatot.
Az elemzés egyik legfontosabb tanulsága az volt, hogy a Horizont vásárlói élményét mobilon kellett igazán erősre tervezni, ugyanis az adatok alapján a látogatók döntő többsége mobilról érkezett – az eszközmegoszlásban a mobilhasználat 75% fölött volt, míg az asztali forgalom jóval kisebb arányt képviselt. Ez azt jelentette, hogy a megújult designnál nem lehetett másodlagos szempont a mobilnézet, a navigációnak, a termékkártyáknak, a kosárba helyezésnek és a promóciós elemeknek kis képernyőn is gyorsan érthetőnek és könnyen használhatónak kellett lenniük.
A hőtérképes vizsgálatok ennél mélyebbre mentek. Ezekből láthatóvá vált, hogy a látogatók mely felületeket használják aktívan, mire kattintanak, és mely elemek vonják el a figyelmet.
A kezdőlapon például erős vizuális figyelmet kaptak a kampány- és promóciós felületek, ugyanakkor a mobilos nézeteknél több ponton is látszott, hogy a felugró elemek zavarhatják a böngészést. Ezek között vannak hasznos funkciók, de rossz helyen vagy rossz időzítéssel könnyen megszakíthatják a vásárlói útvonalat.
Az elemzés alapján tehát a designmegújulás nem csupán esztétikai feladat volt. A megújult webáruház designja adatvezérelt döntésekre épült, amit a látogatók tényleges viselkedése mutatott meg.
Ilyen volt
A horizontsorok.hu korábbi megjelenése az Amsterdam témán így nézett ki:
Ilyen lett
Az ügyfél már a projekt elején pontosan megfogalmazta, milyen irányba szeretné elmozdítani az oldalt: exkluzív, kifinomult, artisztikus és profi megjelenést képzelt el, amely közben közvetlen, közérthető és emberközeli marad.
A cél az volt, hogy a webshop ugyanazt a minőséget és kreatív energiát közvetítse, amit a Horizont termékei is képviselnek: látszódjon rajta a profizmus, de ne váljon távolságtartóvá.
Íme a Horizontnak tervezett új látvány:
A végleges verziót pedig megnézheted élőben a horizontsorok.hu oldalon.
A projekt végén számunkra az egyik legfontosabb visszajelzés az volt, hogy az elkészült design valóban azt az irányt tükrözi, amit a Horizont az új márkázásával képviselni szeretett volna. Külön öröm volt látni, hogy nemcsak a csapat, hanem a vásárlók részéről is pozitív fogadtatást kapott a megújult webshop.
„Nagyon jól sikerült a design váltás, szerintünk jól elkaptuk azt a vonalat, amit az új márkázásunk képvisel. Eddigi visszajelzések is pozitívak a vevőink részéről. Nagyon köszönöm a munkátokat!”
Ottó Gábor (ügyvezető, Horizont Brewing)
Most pedig nézzünk meg pár részletet közelebbről is!
Amsterdam vs. Hamburg alapú egyedi design
2020 környékén a webáruházaknál még erősen meghatározó volt a klasszikus, jól tagolt webshopfelépítés. Az Amsterdam téma ezt a korszakot képviselte: stabil, átlátható és általános e-kereskedelmi logikára épülő megjelenést adott, amely akkoriban sok webáruház számára korszerű alapot jelentett.
Azóta azonban nemcsak a vizuális trendek, hanem a webáruházakkal szembeni technikai és üzleti elvárások is sokat változtak. Ma már egy modern téma esetében kiemelt szempont a gyorsabb vásárlási folyamat, a könnyebben szerkeszthető modulrendszer, a rugalmasabb főoldali tartalomkezelés, az akadálymentesebb működés és az, hogy a vásárló minél kevesebb felesleges lépéssel jusson el a döntésig.
A Hamburg téma ezekre ad korszerűbb alapot: több beépített modullal, fejlettebb kosár- és menümegoldásokkal, jobb testreszabhatósággal és konverziótámogató elemekkel.
A horizontsorok.hu új megjelenésének alapját ezért tudatosan a Hamburg témára építettük fel. Pontosabban ez adta az alapot, de jelentős átalakításokat eszközöltünk rajta.
Sötét háttér, erős karakter
A webshop megújulásának egyik leglátványosabb eleme a sötét, fekete alapú vizuális világ bevezetése volt. A korábbi, világos hátterű sablonos megjelenés általánosabb webáruházérzetet adott, míg az új dark style sokkal jobban illeszkedik a márka karakteres, kísérletező és prémium világához.
A fekete háttér esetükben azért is különleges, mert kiemeli a termékfotókat, nagyobb kontrasztot ad a címkéknek, és látványosabbá teszi a kampány- és ajánlati blokkokat.
A Horizont esetében ez a váltás nemcsak esztétikai irány, hanem márkaépítési döntés is volt: az új megjelenés erősebb első benyomást ad, jobban megkülönbözteti a webshopot a hagyományos sablonoldalaktól, és vizuálisan is közelebb viszi a látogatót ahhoz az élményhez, amit maga a márka képvisel.
Az ügyfél kérésére a főoldali banner szekciót több kisebb, jobban strukturált egységre bontottuk, amelynek központi eleme egy videós modul lett.
Ez egy olyan karakteres, vizuálisan erős márkánál, mint a Horizont, különösen fontos, mert a videó gyorsabban adja át a hangulatot, az életérzést és a prémium termékvilágot, mint egy statikus kép. Emellett segít már az első másodpercekben bevonni a látogatót, így az oldal emlékezetesebbé is válik.
A modulban a videó másodpercek alatt cserélhető az admin felületen.
A márka nem csak a főoldalon használja előszeretettel a videókat – a kategória és termék oldalakon is találkozhatunk velük, amelyek mindig egy kapcsolódó, releváns üzenettel szólítják meg a látogatókat.
Csomagajánlatok
A csomagajánlatok kiemelt szerepet kaptak a megújult webáruházban, hiszen a Horizont termékkínálata kifejezetten alkalmas arra, hogy több sör tematikus válogatásként, kóstolócsomagként jelenjen meg.
Az ügyfél visszajelzése alapján náluk kifejezetten jellemző az impulzív vásárlás: a megragadó dobozdizájn, az izgalmas ízvilágok, a különleges alapanyagok és a limitált vagy szezonális ajánlatok sokszor spontán döntésre ösztönzik a látogatókat.
E-kereskedelmi szempontból a csomagajánlatok azért is értékesek, mert egyszerűbbé teszik a választást. A vásárlónak nem egyesével kell végignéznie a teljes kínálatot, hanem egy előre összeállított, jól kommunikálható ajánlatot kap. Ez különösen hasznos azoknak, akik még csak ismerkednek a márkával, ajándékot keresnek, vagy többféle Horizont sört szeretnének kipróbálni.
A jól felépített csomagok emellett növelhetik a kosárértéket, támogatják a keresztértékesítést, és segítenek abban, hogy a vásárló több termékkel találkozzon egyetlen rendelésen belül.
Social media szerepe
A Horizont márka kommunikációjának fontos része a közösségi média: az Instagramon és a TikTok-on is aktívan építik azt a vizuális világot és életérzést, amely a termékeiket is körülveszi. Ezért a megújult főoldalon is helyet kapott a social media szekció, hogy a webshop ne elszigetelt értékesítési felületként működjön, hanem kapcsolódjon azokhoz a csatornákhoz, ahol a márka közössége nap mint nap találkozik a Horizont tartalmaival.
A social media ikonok emellett feltűnnek a menü feletti felső sávban is, hogy minden oldalon szem előtt legyenek.
Taproom: ahol a Horizont webshopból élménnyé válik
A projekt során egy egyedi landoló oldal is készült a Taproom számára, amely a Horizont élményalapú oldalát mutatja be. Itt kommunikál a márka arról, hogy milyen programokat, eseményeket és közösségi élményeket kínál a főzde saját helyszíne.
Egy ilyen landing oldal külön céloldalként tud megszólítani egy másik vásárlói szándékot: nem terméket, hanem programot, helyszínt és élményt értékesít.
A design feladata itt az volt, hogy ezt a lazább, eseményközpontú hangulatot vizuálisan is átadja, miközben egyértelműen terelje a látogatót az érdeklődés vagy kapcsolatfelvétel felé.
Előfizetés és Klub
A Horizont Brewing az elsők között vágott bele az előfizetéses modell bevezetésébe, amióta ez a Shoprenter rendszerében elérhetővé vált.
Az Előfizetés és Klub program túlmutat a klasszikus sörrendelésen. Egy közösségi élményt épít a márka köré, ahol az előfizetők klubtagként kedvezményekhez, limitált termékekhez, exkluzív tartalmakhoz és zártkörű eseményekhez férhetnek hozzá.
Üzleti szempontból az előfizetéses modell azért izgalmas, mert az egyszeri vásárlások helyett rendszeresebb márkakapcsolódást és kiszámíthatóbb bevételt teremthet. Egy olyan termékkategóriában, ahol az újdonságok, a limitált főzetek és a közösségi élmény erős vásárlási motivációt jelentenek, az előfizetés támogatja a lojalitást, ösztönzi a visszatérést, és hosszabb távon stabilabb ügyfélkapcsolatot épít. A Horizont Brewing pedig ékes példája annak, hogy lehet ebből a maximumot kihozni.
Zárszó
A Horizont Brewing megújulása jól mutatja, hogy egy webshop fejlesztése nem merül ki abban, hogy modernebb színeket, nagyobb képeket vagy látványosabb blokkokat kap az oldal. Egy igazán jó designváltás mögött stratégia van: adatok, felhasználói viselkedés, üzleti célok és márkaépítési szempontok találkoznak benne.
A régi Amsterdam alap éveken át stabilan kiszolgálta a webáruházat, de a vásárlói elvárások, a technológiai lehetőségek és maga a Horizont márka is sokat fejlődött azóta. A megújult egyedi megjelenés aktívan támogatja a vásárlói döntést, erősíti a márkaélményt, és teret ad azoknak az üzleti irányoknak is, amelyek túlmutatnak a klasszikus termékeladáson.
A megújulás eredménye egy karakteresebb, korszerűbb és üzletileg tudatosabb webáruház lett. Olyan felület, amely méltó a márka prémium világához, és közben jobban szolgálja ki a vásárlókat is.
Ez a projekt arra is jó példa, hogy egy webáruház megújítását nem érdemes addig halogatni, amíg a régi megjelenés már látványosan elavultnak hat. Ha egy webshop nem illeszkedik a márka jelenlegi szintjéhez, nem támogatja elég jól a mobilos vásárlást, vagy nem ad elég rugalmas felületet az új üzleti célokhoz, akkor a designváltás nem költség, hanem befektetés.
A szerzőről:
