Yoga Studio Website

ZEN YOGA

Web Design / UI / Front-End Development

A bright, welcoming homepage for an online yoga studio - designed in Figma and built as a real, responsive website.

A calm, conversion-minded homepage

Zen Yoga is a homepage design for an online yoga course platform, built around a soft green palette, rounded shapes and a clear path from hero to pricing. The page walks new visitors through the offering, how it works and what other students say before asking them to join. It was later rebuilt as a fully coded, responsive site with subtle interaction design - cutout photography over organic shapes, scroll-based reveals and micro-interactions throughout.

Year: 2024
Type: Web Design, UI, Front-End
Role: UI Design & Front-End Development
Tools: Figma, HTML, CSS, JavaScript

Full homepage

The page moves from a friendly hero and service overview through a three-step "how it works" explainer, a course gallery, pricing plans and a final gallery before closing with a repeated call to action. This is the real, live site - scroll around inside the frame below, or open it full-screen.

Full homepage, live and interactive - top to bottom.