Skip to content
Diego Ferreirados Santos
Concept ProjectWeb design & UI/UX

SereinWellness Website

A responsive wellness studio website with clear navigation, class discovery and a focused booking journey.

Serein wellness website design with the headline Make room for yourself, a sunlit yoga studio photograph and class cards.
AI-generated concept image

Self-initiated concept. The visuals are AI-generated art-direction concepts, not completed client work.

Intended audience

People looking for yoga and wellbeing classes who want to book quickly and calmly.

Creative objective

Turn a serene brand mood into an interface that is accessible, legible and simple to act on.

Visual direction

Warm ivory and muted sage, an elegant serif headline, a sunlit studio photograph and tidy class cards on a precise grid.

What the supplied preview demonstrates

One AI-generated art-direction still and a short animated preview that moves a camera across that still. Together they show composition, palette, typography and mood.

They do not show completed animation, working software or editable production files.

Serein wellness website design with the headline Make room for yourself, a sunlit yoga studio photograph and class cards.Animated concept preview
A short camera-move loop over the concept still — not a finished film.

Proposed full production scope

Deliverables a real production of this concept would include.

  • Desktop and mobile screens
  • Component set
  • Clickable booking prototype

Production approach

Design responsive layouts with strong contrast, clear focus states and considered empty and error states. A working booking backend is a separate scope.

Suggested Production Stack

  • Figma
  • Photoshop

Tools proposed for producing the real deliverables. Their use is not claimed by the preview.

Digital Design

Screens, states & interaction goals

Interface design judged by how clearly people can act, not just how it looks.

  1. Responsive states

    Layouts planned for mobile, tablet and desktop from the start.

  2. Interaction goals

    One clear primary action per screen, with visible focus states.

  3. Edge cases

    Loading, empty and error states designed alongside the happy path.

Detail views

Crops taken directly from the concept still.

  • Detail crop 1 of the Serein concept
  • Detail crop 2 of the Serein concept
  • Detail crop 3 of the Serein concept