Balance Yoga Studio
Landing Page Design
A clean, minimalist landing page designed to introduce potential clients to Balance Yoga Studio's services and build trust through visual and emotional connection.
The Challenge
Authenticity + Connection
Balance Yoga Studio needed a landing page that clearly communicated their range of services to potential clients while maintaining a welcoming, non-intimidating aesthetic. Many first-time yoga students feel hesitant about joining a studio, they don't know what to expect, which class level is right for them, or whether the environment will feel judgmental.
The studio had grown organically over 10+ years and offered 9 distinct services (beginner classes, advanced training, private sessions, group coaching, wellness workshops, online classes, certification programs, corporate wellness, and retreat planning), but this range wasn't clearly communicated on their previous website. Visitors couldn't easily understand what made the studio unique or find the right entry point for their experience level.
The goal was to create a page that reduced friction, built trust through social proof, and guided visitors toward booking their first class.
My Approach
Clear Narrative
Rather than overwhelming visitors with information, I designed a clear, sequential narrative that builds trust and understanding: compelling hero → why choose this studio → what services are available → social proof through testimonials → conversion call-to-action.
Build Trust
Each section serves a specific purpose in guiding the user from curiosity to action. The hero immediately establishes the studio's philosophy ("Find Your Balance") with a beautiful, relatable image of real students in a real class. The "Why Choose Us" section addresses common objections and builds confidence. The service grid makes it easy to scan and understand the breadth of offerings. Testimonials provide social proof and address first-timer anxieties. Finally, the CTA ("Book Your First Class") is clear and low-friction.
Serve Purpose
I used generous white space, high-quality imagery, and a calm color palette to create a sense of peace and professionalism that mirrors the yoga experience itself.
Create Peace
The design prioritizes accessibility and readability, ensuring that people of all design literacy levels could understand the value proposition immediately.
Prioritize People
Design Decisions
Teal + Sage + Coral Color Palette
1
Chose soft, earthy tones that evoke calm and wellness without feeling clinical or corporate. The palette feels approachable and organic, mirroring the peaceful, natural experience of yoga itself. These colors appeal specifically to everyday practitioners seeking a welcoming, non-intimidating space. Combined with generous white space and breathing room, they reinforce the minimalist philosophy and prevent visual overwhelm the page feels as calm as a yoga class.
Service grid layout with visible icons
2
Included 3 client testimonials on a teal background with 5-star ratings. This builds credibility for everyday clients who are considering trying yoga for the first time. The testimonials break up the page visually, provide emotional connection, and address common hesitations before the final CTA ('Book a Class').
Social Proof Through Testimonials
3
We combine a thoughtful, human-centered approach with clear communication and reliable results. It’s not just what we do, it’s how we do it that sets us apart.
Design Breakdown
Hero + Services Grid
Explore a curated collection of our past work, where imagination meets strategy. Each project reflects our drive to deliver thoughtful, effective solutions.
Testimonials + CTA
Social proof through testimonials builds credibility and addresses first-timer anxieties. Final CTA is clear, simple, and conversion-focused.
Footer
Footer provides practical information and additional navigation for users who want to learn more before booking.
Results & Impact
This is a design mockup demonstrating the strategic approach. In a live scenario, this page would be tested for: click-through rates to booking, time spent on page, scroll depth, and conversion from visitor → booked class.