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

Serenity Yoga Studio home page

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.

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