Concept Project Live Demo

Designing calm for a studio,
then making the first class easy.

A concept website for a boutique yoga studio. A studio competes on a feeling - so the brief was the opposite of a loud landing page: a slow, restorative experience that makes a busy visitor exhale, then makes booking a first class effortless.

Industry
Yoga & Wellness
Project Type
Concept + Class Schedule
Services Shown
Design System · Motion · Local SEO
Status
Concept · Not a real client

This one is clickable. Open the full concept site - "Stillwater" - and feel the 8-second breath cycle, read a teacher's "why", expand the class schedule, and opt into a single soft chime.

Open the live demo ↗
Honest framing: "Stillwater" is a fictional studio we invented to demonstrate the design - a concept project, not a real client, and no result is claimed that hasn't happened. The teachers, schedule, and address are illustrative; imagery is license-free stock from Pexels.
Stillwater - concept yoga studio website demo homepage
The concept demo - paper-cream calm, one terracotta accent, and a page that breathes
01 - The Business Problem

A studio sells a feeling - most sites sell a template.

Boutique studios win on atmosphere: the light in the room, the pace of the teacher, the way an hour there makes the rest of the week quieter. But most studio sites are generic class-booking templates that feel like a gym portal - and they bury the two things a curious newcomer actually needs: what it feels like to practice here, and a frictionless way to book a first class. The result is a site that lists schedules but never sells the calm.

02 - The Strategy

Make the page itself feel like the practice.

The conversion lever here is mood - so the entire experience is engineered to slow a visitor down before it asks anything of them.

03 - Website Design & Build

A documented, consistent design system.

We didn't just style a page - we defined the brand as a documented design system (colour, type, spacing, and components as reusable tokens), then built every section from it. That's how a real engagement stays on-brand as it grows from one page to twenty.

04 - Motion, Sound & Restraint

The page breathes with you.

For a calm brand, almost every default web instinct is wrong - so restraint became the craft. A single 8-second breath cycle (a 4-count inhale and exhale) drives the hero's slow zoom and a corner breath guide, so the page appears to breathe alongside the reader. Teacher quotes type in at a readable pace; the schedule expands on tap, not hover, for touch. Sound is a soft, opt-in chime - never autoplay - because silence is part of the brand. All of it respects reduced-motion preferences.

05 - Local SEO & Conversion

Found on Google, then booked in.

Calm doesn't mean invisible. A real build pairs this experience with the local-search work a studio lives on: a Google Business Profile, "yoga studio [neighbourhood]" and "beginner yoga near me" pages, LocalBusiness structured data, and real reviews. The page then funnels gently to one action - a free first class with no card - capturing the lead at the moment of intent instead of hoping a curious visitor calls. The weekly schedule, with live-feeling seat counts, gives them a concrete next step.

06 - What This Helps The Business Achieve

A site that earns the exhale - and fills the room.

The concept turns a stressed scroll into a moment of calm - and a calmed visitor books. For a boutique studio, that's the whole game: a presence that feels like the practice, justifies the membership, and makes a free first class the easiest thing on the page.

Yoga Studio Calm Design Design System Motion Design Local SEO Class Schedule

Run a studio that deserves calm like this?

We build calm, conversion-first sites for yoga studios, pilates, and wellness practices - and the local SEO to fill them. Tell us about yours and we'll send a free concept direction - no obligation.

Start Your Project