{"id":901100,"date":"2026-10-04T08:30:00","date_gmt":"2026-10-04T06:30:00","guid":{"rendered":"https:\/\/tgy.turnhauserpannidesigner.hu\/?post_type=project&#038;p=901100"},"modified":"2026-10-13T10:23:50","modified_gmt":"2026-10-13T08:23:50","slug":"komiyo","status":"publish","type":"project","link":"https:\/\/turnhauserpanni.hu\/en\/munkak\/komiyo\/","title":{"rendered":"Komiyo"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":9906,"template":"","class_list":["post-901100","project","type-project","status-publish","has-post-thumbnail","hentry"],"acf":{"project_type":"E-commerce \u00b7 Digit\u00e1lis term\u00e9k \u00b7 Brand ecosystem","client_name":"Komiyo","project_year":2024,"industry":"Wellbeing","role":"UX\/UI designer\r\nWordPress developer","case_study":true,"featured":true,"featured_order":2,"short_description":"A null\u00e1r\u00f3l indul\u00f3 projektb\u0151l web\u00e1ruh\u00e1z, interakt\u00edv Energy Flow Quiz, 21 napos digit\u00e1lis program, automatiz\u00e1lt customer journey \u00e9s fizikai term\u00e9kcsal\u00e1d n\u0151tt ki.","headline":"Egy wellbeing m\u00e1rka fel\u00e9p\u00edt\u00e9se a vizu\u00e1lis koncepci\u00f3t\u00f3l a komplex digit\u00e1lis \u00e9lm\u00e9nyig.","challenge":"Az egy\u00fcttm\u0171k\u00f6d\u00e9s webdesign- \u00e9s fejleszt\u00e9si projektk\u00e9nt indult, id\u0151vel azonban egy j\u00f3val komplexebb m\u00e1rka\u00e9lm\u00e9ny kialak\u00edt\u00e1s\u00e1v\u00e1 n\u0151tte ki mag\u00e1t. Egym\u00e1st\u00f3l elt\u00e9r\u0151 fizikai term\u00e9keket, digit\u00e1lis programot \u00e9s interakt\u00edv eszk\u00f6zt kellett egyetlen \u00e9rthet\u0151 rendszerben \u00f6sszekapcsolni.\r\n\r\nA fel\u00fcletnek egyszerre kellett nyugodtnak \u00e9s pr\u00e9mium min\u0151s\u00e9g\u0171nek \u00e9rz\u0151dnie, mik\u00f6zben vil\u00e1gos v\u00e1s\u00e1rl\u00f3i \u00fatvonalakat, \u00f6sszetett e-commerce m\u0171k\u00f6d\u00e9st \u00e9s egy k\u00e9s\u0151bb is b\u0151v\u00edthet\u0151 WordPress-architekt\u00far\u00e1t biztos\u00edt.","approach":"<strong>A tartalom, az interakci\u00f3, a v\u00e1s\u00e1rl\u00e1s \u00e9s a fizikai term\u00e9kek egyetlen \u00f6sszef\u00fcgg\u0151 m\u00e1rkarendszer r\u00e9szeiv\u00e9 v\u00e1ltak.<\/strong>\r\n\r\nA UX, a vizu\u00e1lis rendszer \u00e9s a technikai megval\u00f3s\u00edt\u00e1s ez\u00e9rt p\u00e1rhuzamosan fejl\u0151d\u00f6tt. Minden \u00faj elemnek illeszkednie kellett a teljes customer journey-be, nem csak \u00f6nmag\u00e1ban j\u00f3l m\u0171k\u00f6dnie.","case_study_blocks":[{"acf_fc_layout":"content_image","eyebrow":"02 \u00b7 UX\/UI rendszer","title":"Digit\u00e1lis t\u00e9r a lelassul\u00e1shoz","body":"A UX\/UI koncepci\u00f3 kiindul\u00f3pontja a Komiyo k\u00f6zponti gondolata, a \u201eThe Art of Stillness\u201d volt. A c\u00e9l egy olyan letisztult, pr\u00e9mium digit\u00e1lis k\u00f6rnyezet kialak\u00edt\u00e1sa volt, amely m\u00e1r az els\u0151 pillanatban k\u00f6zvet\u00edti a m\u00e1rka nyugodt, meditat\u00edv karakter\u00e9t.\r\n\r\nMeleg neutr\u00e1lis \u00e1rnyalatok, sok \u00fcres t\u00e9r, finom tipogr\u00e1fiai kontrasztok, term\u00e9szetes text\u00far\u00e1k \u00e9s jap\u00e1n ihlet\u00e9s\u0171 mot\u00edvumok adj\u00e1k a vizu\u00e1lis rendszer alapj\u00e1t. A visszafogott megjelen\u00e9s m\u00f6g\u00f6tt tudatos inform\u00e1ci\u00f3s hierarchia \u00e9s j\u00f3l k\u00f6vethet\u0151 felhaszn\u00e1l\u00f3i \u00fatvonalak m\u0171k\u00f6dnek.","image":901004,"mobile_image":"","image_position":"full","background":"light","caption":"Webshop, digit\u00e1lis program \u00e9s ritu\u00e1l\u00e9k egy k\u00f6z\u00f6s vizu\u00e1lis rendszerben."},{"acf_fc_layout":"solution","title":"Energy Flow Quiz \u2014 szem\u00e9lyre szabott interakt\u00edv \u00e9lm\u00e9ny","problem":"A h\u00e9t k\u00e9rd\u00e9sb\u0151l \u00e1ll\u00f3 kv\u00edz nem egyszer\u0171en \u00f6sszes\u00edti a v\u00e1laszokat: a h\u00e1tt\u00e9rben m\u0171k\u00f6d\u0151 ki\u00e9rt\u00e9kel\u00e9si logika meghat\u00e1rozza az eredm\u00e9nyt, majd ennek megfelel\u0151, vizu\u00e1lisan is v\u00e1ltoz\u00f3 visszajelz\u00e9st jelen\u00edt meg.","decision":"A k\u00e9rd\u00e9sek sorrendj\u00e9t\u0151l \u00e9s valid\u00e1ci\u00f3j\u00e1t\u00f3l az eredm\u00e9ny kisz\u00e1m\u00edt\u00e1s\u00e1n \u00e1t a k\u00f6vetkez\u0151 l\u00e9p\u00e9shez vezet\u0151 CTA-ig a teljes interakci\u00f3s folyamatot meg kellett tervezni. Minden eredm\u00e9nyvari\u00e1ci\u00f3hoz k\u00fcl\u00f6n vizu\u00e1lis \u00e1llapot k\u00e9sz\u00fclt, a csakr\u00e1kat megjelen\u00edt\u0151 testt\u00e9rk\u00e9pet pedig \u00fagy bontottam elemekre, hogy a rendszer dinamikusan \u00fajra \u00f6ssze tudja \u00e1ll\u00edtani.","solution":"A felhaszn\u00e1l\u00f3 egy egyszer\u0171, h\u00e9tl\u00e9p\u00e9ses folyamaton halad v\u00e9gig, mik\u00f6zben a h\u00e1tt\u00e9rben \u00f6sszetett ki\u00e9rt\u00e9kel\u00e9si logika m\u0171k\u00f6dik. A szem\u00e9lyre szabott vizu\u00e1lis eredm\u00e9ny egyben a 21-Day Mindstillness Programme fel\u00e9 vezet\u0151 customer journey r\u00e9sze.","media_type":"image","image":901001,"video_url":""},{"acf_fc_layout":"process","title":"21-Day Mindstillness Programme","intro":"A c\u00e9l nem egy let\u00f6lthet\u0151 anyag elk\u00e9sz\u00edt\u00e9se volt, hanem egy h\u00e1romhetes felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny kialak\u00edt\u00e1sa, amely kis, teljes\u00edthet\u0151 napi gyakorlatokon kereszt\u00fcl vezeti v\u00e9gig a r\u00e9sztvev\u0151t.\r\n\r\nA reggeli ritu\u00e1l\u00e9k, napk\u00f6zbeni reflexi\u00f3k \u00e9s esti gyakorlatok k\u00f6vetkezetes rendszert alkotnak. A v\u00e1s\u00e1rl\u00e1st\u00f3l a kv\u00edzen \u00e9s az e-maileken \u00e1t a program v\u00e9g\u00e9ig \u00f6sszef\u00fcgg\u0151 customer journey j\u00f6tt l\u00e9tre.","steps":[{"title":"Seijaku","text":"Grounding \u00b7 Emotional balance \u00b7 Stillness","image":""},{"title":"Kokoro","text":"Self-trust \u00b7 Connection \u00b7 Boundaries","image":""},{"title":"Hikari","text":"Clarity \u00b7 Intuition \u00b7 Direction","image":""}]},{"acf_fc_layout":"gallery","title":"A digit\u00e1lis arculatt\u00f3l a fizikai term\u00e9kig","intro":"","images":[901002,901003],"layout":"editorial"},{"acf_fc_layout":"process","title":"WordPress \u00e9s e-commerce fejleszt\u00e9s","intro":"A fizikai wellbeing term\u00e9kek, Ritual Kitek \u00e9s digit\u00e1lis program ugyanahhoz a m\u00e1rk\u00e1hoz tartoznak, m\u00e9gis elt\u00e9r\u0151 inform\u00e1ci\u00f3s strukt\u00far\u00e1t \u00e9s v\u00e1s\u00e1rl\u00f3i \u00fatvonalat ig\u00e9nyelnek.\r\n\r\nA WordPress- \u00e9s WooCommerce-alap\u00fa rendszer t\u00f6bb egyedi funkci\u00f3t kapcsol \u00f6ssze. A vizu\u00e1lis tervez\u00e9s \u00e9s frontend megval\u00f3s\u00edt\u00e1s mellett ez\u00e9rt v\u00e9gig fontos szerepet kapott az inform\u00e1ci\u00f3s architekt\u00fara \u00e9s a teljes customer journey kialak\u00edt\u00e1sa.","steps":[{"title":"Bel\u00e9p\u00e9si pont","text":"Tartalom vagy term\u00e9koldal","image":""},{"title":"Szem\u00e9lyre szab\u00e1s","text":"Energy Flow Quiz","image":""},{"title":"Konverzi\u00f3","text":"WooCommerce checkout","image":""},{"title":"Megtart\u00e1s","text":"Automatiz\u00e1lt program","image":""}]}],"outcome":"Egy weboldalb\u00f3l fokozatosan egy j\u00f3val nagyobb designrendszer n\u0151tt ki. Webdesign \u00e9s fejleszt\u00e9s, e-commerce, interakt\u00edv UX, digit\u00e1lis term\u00e9k, automatiz\u00e1lt folyamatok \u00e9s nyomtatott packaging kapcsol\u00f3dnak \u00f6ssze benne.\r\n\r\nA l\u00e9trej\u00f6tt rendszer nem egyetlen kamp\u00e1nyt szolg\u00e1l ki: b\u0151v\u00edthet\u0151 alapot ad a m\u00e1rka k\u00fcl\u00f6nb\u00f6z\u0151 term\u00e9keinek, tartalmainak \u00e9s j\u00f6v\u0151beli digit\u00e1lis \u00e9lm\u00e9nyeinek is.\r\n\r\nStop. Breathe. Recharge.","related_projects":"","hero_image":"","services":[{"service_name":"UX\/UI"},{"service_name":"E-commerce"},{"service_name":"Digital product"},{"service_name":"Packaging"}],"technologies":[{"technology_name":"WordPress"},{"technology_name":"WooCommerce"},{"technology_name":"Egyedi frontend"}],"external_url":"https:\/\/www.komiyo.co.uk\/"},"_links":{"self":[{"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/project\/901100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/types\/project"}],"version-history":[{"count":1,"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/project\/901100\/revisions"}],"predecessor-version":[{"id":901107,"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/project\/901100\/revisions\/901107"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/media\/9906"}],"wp:attachment":[{"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/media?parent=901100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}