Egy wellbeing márka felépítése a vizuális koncepciótól a komplex digitális élményig.
A nulláról induló projektből webáruház, interaktív Energy Flow Quiz, 21 napos digitális program, automatizált customer journey és fizikai termékcsalád nőtt ki.
01 · Kiinduló probléma
A kihívás
Az együttműködés webdesign- és fejlesztési projektként indult, idővel azonban egy jóval komplexebb márkaélmény kialakításává nőtte ki magát. Egymástól eltérő fizikai termékeket, digitális programot és interaktív eszközt kellett egyetlen érthető rendszerben összekapcsolni.
A felületnek egyszerre kellett nyugodtnak és prémium minőségűnek érződnie, miközben világos vásárlói útvonalakat, összetett e-commerce működést és egy később is bővíthető WordPress-architektúrát biztosít.
Szakmai megközelítés
A tartalom, az interakció, a vásárlás és a fizikai termékek egyetlen összefüggő márkarendszer részeivé váltak.
A UX, a vizuális rendszer és a technikai megvalósítás ezért párhuzamosan fejlődött. Minden új elemnek illeszkednie kellett a teljes customer journey-be, nem csak önmagában jól működnie.
02 · UX/UI rendszer
Digitális tér a lelassuláshoz
A UX/UI koncepció kiindulópontja a Komiyo központi gondolata, a „The Art of Stillness” volt. A cél egy olyan letisztult, prémium digitális környezet kialakítása volt, amely már az első pillanatban közvetíti a márka nyugodt, meditatív karakterét.
Meleg neutrális árnyalatok, sok üres tér, finom tipográfiai kontrasztok, természetes textúrák és japán ihletésű motívumok adják a vizuális rendszer alapját. A visszafogott megjelenés mögött tudatos információs hierarchia és jól követhető felhasználói útvonalak működnek.
03 · Szakmai döntés
Energy Flow Quiz — személyre szabott interaktív élmény
Probléma
A hét kérdésből álló kvíz nem egyszerűen összesíti a válaszokat: a háttérben működő kiértékelési logika meghatározza az eredményt, majd ennek megfelelő, vizuálisan is változó visszajelzést jelenít meg.
Döntés
A kérdések sorrendjétől és validációjától az eredmény kiszámításán át a következő lépéshez vezető CTA-ig a teljes interakciós folyamatot meg kellett tervezni. Minden eredményvariációhoz külön vizuális állapot készült, a csakrákat megjelenítő testtérképet pedig úgy bontottam elemekre, hogy a rendszer dinamikusan újra össze tudja állítani.
Megoldás
A felhasználó egy egyszerű, hétlépéses folyamaton halad végig, miközben a háttérben összetett kiértékelési logika működik. A személyre szabott vizuális eredmény egyben a 21-Day Mindstillness Programme felé vezető customer journey része.
04 · Folyamat
21-Day Mindstillness Programme
A cél nem egy letölthető anyag elkészítése volt, hanem egy háromhetes felhasználói élmény kialakítása, amely kis, teljesíthető napi gyakorlatokon keresztül vezeti végig a résztvevőt.
A reggeli rituálék, napközbeni reflexiók és esti gyakorlatok következetes rendszert alkotnak. A vásárlástól a kvízen és az e-maileken át a program végéig összefüggő customer journey jött létre.
- 1
Seijaku
Grounding · Emotional balance · Stillness
- 2
Kokoro
Self-trust · Connection · Boundaries
- 3
Hikari
Clarity · Intuition · Direction
05 · Galéria
A digitális arculattól a fizikai termékig
06 · Folyamat
WordPress és e-commerce fejlesztés
A fizikai wellbeing termékek, Ritual Kitek és digitális program ugyanahhoz a márkához tartoznak, mégis eltérő információs struktúrát és vásárlói útvonalat igényelnek.
A WordPress- és WooCommerce-alapú rendszer több egyedi funkciót kapcsol össze. A vizuális tervezés és frontend megvalósítás mellett ezért végig fontos szerepet kapott az információs architektúra és a teljes customer journey kialakítása.
- 1
Belépési pont
Tartalom vagy termékoldal
- 2
Személyre szabás
Energy Flow Quiz
- 3
Konverzió
WooCommerce checkout
- 4
Megtartás
Automatizált program
07 · Eredmény
Eredmény
Egy weboldalból fokozatosan egy jóval nagyobb designrendszer nőtt ki. Webdesign és fejlesztés, e-commerce, interaktív UX, digitális termék, automatizált folyamatok és nyomtatott packaging kapcsolódnak össze benne.
A létrejött rendszer nem egyetlen kampányt szolgál ki: bővíthető alapot ad a márka különböző termékeinek, tartalmainak és jövőbeli digitális élményeinek is.
Stop. Breathe. Recharge.
A te projektednél mi a probléma, amit meg kell oldani?
Ha új weboldalon vagy digitális felületen dolgozol, szívesen megnézem, hogyan lehetne UX, design és technikai oldalról egy rendszerként felépíteni.