Yoga Movement
S Yoga Movement jsme spolupracovali na redesignu vizuálního stylu a tvorbě nových webových stránek. Vytvořili jsme adaptabilní a flexibilní vizuální jazyk, který značce pomáhá komunikovat lekce, kurzy i speciální mimo studiové akce, jako jsou Yoga Movement Experience a Yoga Movement Retreats.
O projektu
→
V roce 2024 nás Yoga Movement oslovilo s poptávkou na tvorbu nové webové stránky s cílem zlepšit uživatelský zážitek a použitelnost webu. Úvodní analýzou značky, konkurence a segmentu trhu (wellness, fitness a duševní zdraví) jsme identifikovali historický dluh vizuálního stylu. Doporučili jsme rozšířit zadání o redesign vizuálního stylu a strategickou analýzu, aby se Yoga Movement mohlo stát moderním, autentickým a inovativním lídrem v prémiovém segmentu jógy.
Zadání
→
Naším úkolem bylo vytvořit jazyk značky Yoga Movement, který by podpořil její klíčové atributy: prostor pro zpomalení, vědomý pohyb, návrat k sobě, a zároveň projekt, který chce bořit předsudky o józe. Prostředí, kde se propojuje pohyb, design a komunita.
Koncept
→
Nový vizuální styl jsme postavili na konceptu „Nádech. Výdech. Pohyb.“ – spojení starých duchovních principů s moderním důrazem na zdraví. Tento přístup se stal základem pro brand elementy, animace i loga značky. Systém zvětšování a zmenšování elementů, které se v animaci rozpadají na částice jako symbol pohybu, podporuje hodnoty značky: estetiku, jednoduchost, kvalitu, inovaci, moderní životní styl a komunitu.
„Nádech. Výdech. Pohyb.“
Adéla Porubská
Spolupráce s Jakubem a Bárou byla velmi profesionální. Naším cílem byl refresh vizuálního stylu a nový web. Na náš projekt se dívali velmi nadčasově a udělali maximum proto, aby naše nová vizuální identita odrážela niche světové trendy v designu. Ocenili jsme také jejich trpělivost při rozhodování, protože opouštět identitu značky, kterou jsme na začátku tvořili sami, nebylo vůbec lehké. Baví nás také také to, jak se dívají na celkovou funkčnost webu po spuštění a snaží se doladit každý detail.
Logo
→
Logo značky se skládá z nápisu a symbolu, který sdílí vizuální jazyk se systémem. Symbol „y“, odkazující na počáteční písmeno Yoga, vyjadřuje dynamický a plynulý pohyb – nádech i výdech.
Písmo značky Yoga Movement vychází z námi customizovaného open-source písma Inter Display. Naše úpravy přinášejí úspory za licence. Změnili jsme interpunkci (z kulaté na čtvercovou) a specifické znaky, jako je kulaté „g“ a minuskule „y“, u které jsme odstranili spodní terminál. Díky těmto zásahům působí písmo vážněji a dospěleji.
Vizuální styl
→
Barevnost navazuje na hnědé a šedé zemité tóny, symbolizující stabilitu těla. Energická žlutá doplňuje paletu o dynamiku a moderní přístup. Vzniklý gradient vytváří textury pro komunikaci značky tam, kde nejsou fotografie.
Ikony jsme navrhli jako funkční a minimalistické prvky, jejich tahy vizuálně vycházejí z principu nádechu a výdechu. Klíčovými prvky vizuálního stylu jsou elementy – jednoduché geometrické tvary, které pomocí systému modifikujeme a rozpadají se na částice pohybu.
Motion i všechny interakce v digitálním prostředí vycházejí z principu nádechu a výdechu – zvětšování a zmenšování. Kodifikace značky v animacích tak podporuje její DNA na všech úrovních interakce s uživatelem.
Motion i všechny interakce v digitálním prostředí vycházejí z principu nádechu a výdechu – zvětšování a zmenšování.
Nástroje a technologie
→
Pro jednoduchou správu značky jsme vytvořili sadu principů, šablon a řešení, která umožňuje marketingovému a designérskému týmu jednoduše vytvářet nové motivy a kampaně a spravovat web bez znalosti programování:
- Canva — šablony pro sociální sítě a motion design.
- Webflow headless řešení — komponenty webu, ze kterých lze snadno stavět nové sekce webu. Marketingový tým může sám během noci spustit landing page s novým produktem nebo službou.
- CDN — (Content Delivery Network), síť serverů rozmístěných po světě, která pomáhá rychleji načítat weby, obrázky, videa nebo soubory.
- Aplikace newsletter block system — jednoduchý editor HTML komponent, který umožňuje marketingovému týmu používat stejné komponenty jako na webu, bez znalosti programování a limitů editoru Ecomail.
Web
→
Architekturu webu i celý digitální zážitek jsme navrhli podle potřeb uživatelů – jejich problémů, motivací i přání. Analýzou těchto potřeb vznikl maximálně jednoduchý systém, který pomáhá vybrat správnou lekci, odpoví na nejčastější otázky a provede nákupním procesem. Digitální zážitek doplňují minimalistické interakce a animace, které zvyšují imerzivní zážitek a gamifikaci obsahu.
Vytvořili jsme také merch, merkantilní tiskoviny a release značky pomocí videa, které odráží koncept a hodnoty značky.
Newsletter
→
Pomohli jsme vytvořit aplikaci pro škálovatelnou tvorbu newsletterů postavenou na HTML komponentách. Marketingový tým díky ní může jednoduše skládat newslettery ze stejných komponent, které se používají na webu — bez znalosti programování a bez omezení běžných editorů, jako je například Ecomail.
Součástí řešení je jednoduchý editor HTML komponent, který sjednocuje vizuální styl komunikace napříč webem i e-maily a zároveň výrazně zrychluje přípravu kampaní.
Aplikaci jsme nasadili na VPS server a připravili ji pro další rozvoj v oblasti automatizace a AI. Systém je synchronizovaný s aplikací Bsport, včetně nastavení automatizačních flow a připravenosti pro budoucí AI agenty a chytré workflow.
Dopady
→
Pomohli jsme Yoga Movement výrazně odlišit značku od konkurence, vybudovat kanály pro lepší zapamatování značky a zlepšit zážitek uživatelů v interakci se službou. V číslech:
Zvýšení prodeje neomezeného členství UX úpravou ceníku.
Ušetřili jsme týmu 15 h měsíčně při vytváření newsletteru.
Odlišení značky ve wellness/fitness.
Příprava pro automatizaci procesů pomocí AI agentů.
Prohlédnout si
→
Pluto Pet Store
Další projekt
→