Overview

Vivienne Yoga is a holistic wellness brand dedicated to helping individuals find balance through mindful movement and meditation. They needed a digital space that resonated with their core values—something calming, fluid, and deeply inviting for both beginners and experienced yogis.

The Challenge

The primary goal was to translate the physical tranquility of a yoga studio into a digital format. Wellness websites often run the risk of feeling cluttered with schedules, pricing, and class details, which can disrupt the calming vibe. The challenge was to design a highly functional site—making it easy to view schedules and book classes—without sacrificing the minimalist, "zen" aesthetic that Vivienne Yoga embodies.

The Solution

Staying true to my "ABC to XYZ" philosophy, I handled the entire lifecycle of this project, from conceptualizing the user journey in Figma to building the final, highly-animated site in Framer.

• End-to-End Delivery: By owning both the UI/UX design and the Framer development, I ensured that every subtle detail and micro-interaction was executed exactly as planned.
• Zen-Inspired UI/UX: I crafted a minimalist interface using a muted, earthy color palette and generous whitespace. The goal was to give the user a sense of "breathing room" the moment the page loads—mirroring the start of a yoga practice.
• Fluid Interactions: I implemented gentle scroll effects and seamless page transitions. The website flows intuitively, guiding users effortlessly from discovering class types to booking a session.

The Result

The new Vivienne Yoga website acts as a true digital sanctuary. It’s not just a place to check a schedule; it’s a direct extension of the studio's calming environment. The fluid interactions and frictionless booking pathways have beautifully married high functionality with a serene aesthetic, delivering a seamless A-to-Z user experience!