Case 04
·
Framer, Figma
Serenity Yoga Studio
Concept Site for a Wellness Studio
Role
Concept, design, implementation
Stack
Figma, Framer
Timeline
1 week
Market
Concept project

The problem
How much motion can a wellness site carry before it stops feeling calm? Nobody had built the example, so I did.
A self-initiated concept, built around a question that kept coming up in client work: how much motion can a wellness site carry before it stops feeling calm?
Quite a lot, it turns out, as long as none of it is fast. Everything eases in over roughly a second. Carousels drift instead of snapping. Nothing bounces. The four-word benefit sequence (breathe, move, focus, feel) sets the tempo on the first screen and the rest of the page holds it.
Structurally it is a full studio marketing site: four service types, six instructor profiles, a space gallery, a testimonial carousel, a five-question FAQ, all in Portuguese. Sections are built as repeatable components, so the same file could go to a real studio and be refilled in a couple of days.
It doubles as a sales tool. Prospective clients often need to see the category before they can describe what they want, and this gives them something finished to browse.
Live site
https://serenity-yoga-studio.framer.website/
68
score
ON MOBILE DEVICES
8
s
LOADING TIME ON MOBILE
85
score
ON WEB DEVICES
2
s
LOADING TIME ON WEB