Esettanulmány · NIVARO Marine
Termékkommunikáció, ami próbaútig visz.
Fiktív prémium elektromoshajó-márka bemutatóoldala. A feladat: bizalmat építeni egy magas árkategóriájú, újszerű termék iránt — és a látogatót elvezetni az első valódi elköteleződésig, a próbaút-időpontkérésig.
A tervezési feladat
Egy 80 milliós terméket senki nem tesz kosárba.
Egy prémium motorcsónak vásárlása hosszú döntés — a weboldal dolga nem az azonnali eladás, hanem a következő találkozó kiharcolása. Ez itt a próbaút: az a pont, ahol a termék már önmagáért beszél. Ezért az oldal minden szekciója egyetlen kérdésre válaszol: miért érdemes most időpontot kérni?
A második kihívás a hitelesség. Egy 2018-ban alapított magyar gyártónak el kell hitetnie, hogy technológiája egy lapon említhető az európai prémium márkákéval. Erre nem állítások kellenek, hanem bizonyítékként tálalt műszaki tartalom: pontos számok, mérnöki ábrák, konkrét helyszín.
Célközönség és ügyfélút
Nem hajósszakértőknek — döntéshozóknak.
Az elsődleges közönség a tehetősebb, 40 fölötti vásárló: balatoni nyaralótulajdonos vagy cégvezető, aki csendes, karbantartás-szegény alternatívát keres a benzines hajók helyett. Nem műszaki szakember — a specifikációkat le kell fordítani arra, amit a vízen jelentenek. Az oldal ezért minden adatot élményhez köt, és az alábbi útvonalon vezeti végig a látogatót:
-
Érkezés
„A csend új sebessége.” — a hero egy mondatban pozicionálja a terméket, a CTA már itt megjelenik.
-
Megértés
Hajóprofil és menetadatok: mit tud a hajó, számokkal alátámasztva.
-
Élmény
Csend a fedélzeten — a balatoni életérzés, amiért a vásárlás valójában történik.
-
Bizalom
Elektromos rendszer és balatonfüredi fejlesztéstörténet — a „miért hihető” szekciók.
-
Döntés
Kivitelválasztás után a próbaút-foglalás konkrét helyszínnel és időtartammal.
Stratégiai, UX- és vizuális döntések
Minden döntés a próbaútnak dolgozik.
-
Világos prémium — a fekete luxus helyett
A kategória megszokott sötét yacht-esztétikája helyett az oldal fedélzetfehér alapra és ultramarin akcentre épül: balatoni napfény, nem monacói kikötő.
Miért: a NIVARO erőssége a mérnöki fejlesztés — a világos, precíz vizuális nyelv a technológiai hitelességet erősíti, és azonnal megkülönböztet a versenytársaktól. -
Műszaki adat élményként tálalva
A négy kulcsadat (52 km/h, 95 km hatótáv, 80 perces töltés, 8 fő) óriás számokként, monospace tipográfiával jelenik meg, alattuk egy-egy mondat arról, mit jelentenek a vízen. A teljesítménygörbe és az akkumulátor-ábra mérnöki rajz stílusú.
Miért: a célközönség nem adatlapot olvas, hanem bizonyítékot keres — a vizualizált adat egyszerre informál és bizalmat épít. -
Egy folyamatos áramlásvonal vezeti a szemet
Az oldal vizuális szignatúrája a hajó orrától induló ultramarin vonal, amely szekcióról szekcióra méretvonallá, teljesítménygörbévé, majd szekcióelválasztóvá alakul — egészen a próbaút-szekcióig.
Miért: a szignatúra-elem nem dísz, hanem navigáció — finoman húzza végig a látogatót a tartalmi íven, a konverziós pont felé. -
A CTA a felépített érték után erősödik fel
A próbaút-foglalás a fejlécben és a hero-ban végig jelen van, de a hangsúlyos, teljes képernyős felszólítás csak a záró szekcióban jön — konkrét helyszínnel (Balatonfüred, NIVARO Base) és időtartammal (45 perc).
Miért: a konkrétum csökkenti a belépési küszöböt — nem „vegye fel velünk a kapcsolatot”, hanem egy pontosan elképzelhető program.
Mit készítettünk
A márkanévtől a kész oldalig.
-
Márkakoncepció és pozicionálás
Név, termékfilozófia, hangvétel és a „csend mint luxus” értékesítési történet — a teljes kiindulópont, amire az oldal épül.
-
Tartalmi ív és szövegezés
Tíz szekcióból álló, magyar nyelvű tartalmi felépítés az érkezéstől a próbaútig — minden szekciónak kijelölt szerepe van az ügyfélútban.
-
Egyedi vizuális rendszer
Paletta, tipográfia, áramlásvonal-szignatúra és mérnökirajz-stílusú adatvizualizációk — sablonok és kész elemek nélkül.
-
Teljes frontend-megvalósítás
Gyors, külső függőségek nélküli, minden képernyőméreten működő oldal — pontosan úgy, ahogy egy valódi ügyfélnek is átadnánk.
Válogatott képernyőképek
Az oldal legerősebb pillanatai.
Élő demó
Nézd meg működés közben.
A teljes oldal böngészhető demóként — animációkkal, kivitelválasztóval, minden szekcióval együtt.
Következő lépés
Hasonlóan átgondolt weboldalt szeretnél?
Az első lépés egy 30 perces, díjmentes konzultáció: elmondod, mire van szükséged — mi megmutatjuk, milyen oldal szolgálná legjobban az üzleti célodat.