Komiyo UX/UI design · WP development · Digital product · Packaging design
UX/UI design · WordPress development · WooCommerce · Interactive UX · Digital product · Packaging design
A Komiyo egy brit wellbeing márka, amely a japán filozófiából inspirálódva
a lelassulást, a tudatos jelenlétet és a hétköznapi rituálék erejét helyezi középpontba.
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.
A weboldal mellett interaktív digitális eszköz, egy 21 napos program,
automatizált folyamatok és fizikai termékcsomagolások is készültek.
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 ugyanakkor tudatos információs hierarchia
és jól követhető felhasználói útvonalak működnek.
A weboldal három fő termékvilágot kapcsol össze:
a GemZen® kristályos akupresszúrás matracot,
a Ritual Kiteket és a
21-Day Mindstillness Programme-ot.
A projekthez egy egyedi, hét kérdésből álló Energy Flow Quiz is készült.
A kvíz nem egyszerűen összesíti a válaszokat: a háttérben működő kiértékelési logika
alapján meghatározza a felhasználó eredményét, majd
ennek megfelelő, vizuálisan is változó visszajelzést jelenít meg.
A fejlesztés során a teljes interakciós folyamatot meg kellett tervezni:
a kérdések egymásutánjától és a kötelező válaszok validációjától az eredmények
kiszámításán és dinamikus megjelenítésén keresztül egészen a következő lépéshez
vezető CTA-ig.
A kvíz így egyszerre önálló interaktív élmény és a
21-Day Mindstillness Programme felé vezető felhasználói út része.
A projekt egyik legösszetettebb része a
21-Day Mindstillness Programme kidolgozása volt.
A cél nem pusztán egy letölthető anyag elkészítése volt, hanem egy olyan
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.
Grounding · Emotional balance · Stillness Self-trust · Connection · Boundaries Clarity · Intuition · Direction
A napi struktúrában reggeli rituálék, napközbeni reflexiók és esti gyakorlatok
alkotnak következetes rendszert. A munka során a program
tartalmi struktúráján, vizuális rendszerén és digitális felhasználói élményén,
valamint a kapcsolódó automatizált e-mail folyamaton is dolgoztam.
A vásárlástól az Energy Flow Quizen és az e-maileken keresztül a háromhetes
program végéig így egy összefüggő customer journey jött létre.
A Komiyo vizuális világának nemcsak képernyőn kellett működnie.
A projekt részeként elkészítettem a három
Ritual Kit termékdobozának nyomdai designját is.
A Shizuka Tea Ritual,
Kagayaki Radiance Ritual és
Nagori Evening Unwind Ritual csomagolásainál az volt a cél,
hogy a digitális felületeken kialakított finom, prémium karakter a kézbe vehető
termékeken is azonnal felismerhető legyen.
A sakura grafika, a minimalista tipográfia és a visszafogott színhasználat
egységes termékcsaláddá kapcsolja a három csomagot, miközben mindegyik rituálé
saját árnyalatot és karaktert kapott.
A tervezés a vizuális koncepció mellett a
nyomdai kivitelezésre alkalmas csomagolásgrafika elkészítésére
is kiterjedt.
A weboldal WordPress-alapon készült, WooCommerce-integrációval
és több egyedi funkcióval.
Külön kihívást jelentett, hogy a Komiyo eltérő típusú ajánlatai –
fizikai wellbeing termékek, Ritual Kitek és digitális program –
ugyanahhoz a márkához tartozzanak, miközben egészen más információs struktúrát
és vásárlói útvonalat igényelnek.
A vizuális tervezés és a frontend megvalósítás mellett ezért végig fontos
szerepet kapott a UX, az információs architektúra és a teljes customer journey
kialakítása is.
A Komiyo számomra azért különösen izgalmas referencia, mert 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 – miközben minden érintkezési pont ugyanazt
az egyszerű gondolatot közvetíti:
Stop. Breathe. Recharge.Digitális tér a lelassuláshoz
Energy Flow Quiz – személyre szabott interaktív élmény
21-Day Mindstillness Programme
Seijaku – Quieting the Roots
Kokoro – Heart & Inner Strength
Hikari – Awakening Clarity
Ritual Kits – a digitális arculattól a fizikai termékig
WordPress és e-commerce fejlesztés
Egy márka online és offline érintkezési pontokon
