Flo Yoga Studio
Visual Identity & Web Design for A Yoga Studio
My Role
Web Design
UI/UX Design
Design System
Client
Self-initiated Project
Time
July 2025
Deliverables
User flows, Wireframes,
Hi-fi Mockups, Design System
Brief
Overview
A self-initiated web design project for a mock yoga studio, covering visual identity, user experience, and responsive website design.
Challenge
The studio offers a wide range of classes across different instructors, schedules, and pricing packages, making it difficult for users to quickly compare options and make booking decisions.
Solution
Simplified the experience into two primary user flows—new and returning users. Designed a clear booking journey with a focus on intuitive navigation, easy class comparison, and quick access to essential information.
Design Goal 1
Created a calm and balanced visual identity that reflects the studio’s mindfulness philosophy.
Design Goal 2
Created smooth and intuitive user flows for booking, purchasing, and information-checking.
Free Trial Booking Flow
Classes Booking Flow
Purchasing Flow
Design Goal 3
Created responsive mobile screens to support different user scenarios.
Branding & Design System
Developed a calming colour palette to reflect the studio’s peaceful atmosphere, and defined the typography, spacing, and button styles.
Color Palette
Typography
Spacing
Buttons
Outcome & Reflection
Through this mock project, I practiced applying user flow thinking, responsive design, and design systems. It taught me how to create and implement a cohesive system, and gave me additional experience in shaping more intuitive user flows.