top of page
sereneflow top.png

Creative Exploration

Visual Identitiy

UI design

Serene Flow - Yoga Studio

Project Detail To create a serene and visually appealing website for Serene Flow Yoga Studio, designed to attract women in their 20s and 30s seeking gentle, restorative yoga and wellness experiences. The website should reflect the studio’s calming atmosphere and focus on holistic well-being, while also being user-friendly and functional. This project is part of my creative expansion using Figma. Duration Two days

desktop-GIF.gif

Overall Design: Simplicity & Space
The layout embraces spaciousness to reflect the clarity yoga brings. White space isn’t empty—it’s breathing room. This minimalist design ensures that the elements have room to breathe, allowing the user to experience the brand without feeling overwhelmed. It’s a light, effortless experience, perfect for a yoga studio that wants to offer a restorative space digitally.

Photo & Gradient Color:
High-quality images of gentle yoga poses set in natural environments - not in studio settings, using soft lighting to enhance the serene atmosphere. A matching soft gradient color theme (shown below) to elevate the lighting, bringing the soothing, peaceful vibe.

photo2.png
sereneflow typo.png

Typography: 

Roboto's simplicity and legibility ensure clear communication, while its rounded forms add a touch of warmth—perfect for a yoga brand aiming to foster an inclusive, calming atmosphere.

Color Palette: 

Inspired by water, the color scheme is made up of soft, natural tones that immediately convey a sense of tranquility. Gentle blues and greens mirror the fluidity of movement, while warm neutrals ground the design, reinforcing stability and mindfulness. Together, these colors create a welcoming, restorative visual space—like a calming breath in a peaceful setting.

sereneflowMOBILE.png
Homepage light.jpg
sereneflow2.png
Business Card Mockup.png
sketch.jpg
sereneflow low.png

Wireframe & Low-Fidelity Design

 

Call-to-Action: Strong Initial Focus
CTA is strategically placed at the beginning of the design. It’s positioned for those who already have prior knowledge and are ready to take the next step—book a class. By keeping the CTA visible but not overpowering, it ensures that users who are prepared to engage can easily jump into the booking process without disrupting the calm flow of the design. This makes it easy for users who are ready to act, while still maintaining the overall harmonious atmosphere.

Focus on Desktop & Smartphone Presentations
The design is tailored for desktop and smartphone experiences, reflecting the primary platforms where users engage with yoga services. The layout’s simplicity and clean typography ensure a seamless experience across devices. 

Digipack_Mockup_2.png

Thank you

 

2024

Figma

Adobe Illustrator

Adobe Photoshop

bottom of page