Find your practice at Yoga Institute
Yoga Institute is a concept platform that provides a range of yoga classes according to users' preferences and objectives. It strongly emphasizes community experiences, a large selection of classes, both on-site and online, flexible membership options, top instructors, and expert professionals. My UI design served as the basis for the UX copy.
Visual Elements:
- Hero Image: The dominant visual is a striking photograph of a woman performing a yoga pose against a natural backdrop (likely a beach or rocky shoreline).
- Purpose:
- Visually capture the essence of yoga: flexibility, strength, and connection with nature.
- Creates an aspirational image, inviting visitors to envision themselves achieving similar poses and benefits.
- The pose is pointing towards the desired action by clicking the button in the right corner.
- Purpose:
- Color Palette: The page uses a predominantly cool color scheme with shades of blue and white.
- Purpose:
- Blue evokes feelings of calmness, trust, and stability, which are relevant to yoga and wellness.
- The clean, white background provides a sense of clarity and simplicity.
- Purpose:
- Typography: The headings use a bold, modern typeface, while the body text is clean and legible.
- Purpose:
- Bold headings draw attention to key messages.
- Legible body text ensures readability and accessibility.
- Purpose:
- Navigation Bar: A minimalist navigation bar at the top includes links to "Services", "Classes", "Trainers", and "Membership".
- Purpose:
- Provide clear and concise navigation for users to explore the website's content.
- The sign-in button is also located on the top right.
- Purpose:
- Counters: Three counters at the top of the content area highlight key statistics: "100+ Certified trainers," "15 Years of experience," and "12+ Awards won."
- Purpose:
- Establish credibility and authority by showcasing the institute's expertise and achievements.
- Builds trust by demonstrating a track record of success.
- Purpose:
- Buttons: Two prominent buttons, "Get started" and "Explore classes," are below the main heading.
- Purpose:
- Provide clear calls to action, guiding users toward desired actions.
- They are well placed and stand out to the viewer.
- Purpose:
- Hamburger menu: The hamburger menu is located on the top left of the page.
- Purpose:
- To allow the page to be responsive and to allow for more content to be placed within the navigation bar, if needed.
- Purpose:
UX Writing Choices:
- "Find your center. Discover your yoga."
- Reasoning:
- "Find your center" speaks to the emotional and mental benefits of yoga, emphasizing mindfulness and inner peace.
- "Discover your yoga" suggests a personal journey of exploration and self-discovery.
- The sentences are short and easy to read.
- Reasoning:
- "We believe in the power of personalized yoga. Explore a variety of styles in a welcoming and supportive environment."
- Reasoning:
- Highlights the institute's commitment to personalized instruction and a diverse range of yoga styles.
- Emphasizes the importance of a welcoming and supportive community.
- Reasoning:
- "Get started" and "Explore classes" buttons:
- Reasoning: "Get started" is a direct and actionable call to action, encouraging immediate engagement.
- "Explore classes" allows users to research the classes that are offered by the yoga institute.
- Both are short and to the point.
- Reasoning: "Get started" is a direct and actionable call to action, encouraging immediate engagement.
- Counters with clear labels:
- Reasoning: The counters provide concrete evidence of the institute's expertise and experience.
- The labels are concise and easy to understand.
- They add credibility to the website.
- Reasoning: The counters provide concrete evidence of the institute's expertise and experience.
Overall Conclusion:
Both UX writing and the design choices prioritize clarity, credibility, and emotional connection, encouraging visitors to explore the Yoga Institute and begin their yoga journey.
Tools used
From project brief
Topics
Share
Reviews
3 reviews
Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tincidunt arcu aliquam nunc. Tincidunt vitae netus ante eu et bibendum. Eget amet nibh vel est congue tellus tortor gravida nascetur. Ut vestibulum elit pulvinar netus in ante lectus turpis auctor. Nulla purus morbi adipiscing quisque in sodales aliquet. Ultricies a elit quis metus. Aliquet cras pretium platea lacinia mi et orci volutpat vulputate. Bibendum massa fusce...
Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tincidunt arcu aliquam nunc. Tincidunt vitae netus ante eu et bibendum. Eget amet nibh vel est congue tellus tor
Great job Adinda.
I would like to suggest enhancing the body text associated with the headline by increasing its size slightly to create a greater contrast.
You might also like

Project
FlexFlow Landing Page
FlexFlow - A minimalist fitness platform for busy people Landing Page UX/UI & Copywriting for High Conversion Fitness Startup Objective Des

Project
Empty State Page - After finishing a course
I decided to create an empty state page for when your finish a course. Used a purple scheme because purple evoke feelings of calm and peace

Project
UX Writing. Ice Skating school
Project Overview: For my UX writing course project, I designed a landing page for an ice skating school. Although the initial scenario focus

Project
Creative Agency Website
Zelf FZ is a versatile Webflow template crafted for creative agencies. Its modern layout and thoughtfully designed sections make it ideal fo

Project
Zameer a Mental health project
Two years ago, I worked on a mental health platform for Iranian migrants (Zameer). The biggest issue? Booking a therapy appointment felt mor

Project
Accessible Signup Form for Dia Browser
Always been a big fan and user of the Arc browser by The Browser Company of New York, so I thought I'd use their new browser Dia as insp
Content Strategy Courses
Course
UX Writing
Learn how to write effective UI copy and develop the skills to communicate with your audience.
Course
Common Design Patterns
Explore the most reusable and widely used design patterns in product design and learn how to implement these patterns successfully and create designs that are both user-friendly and visually appealing.
Course
Churn Busting
Master proven techniques to reduce customer churn and build lasting relationships with users of digital products.