Open full project

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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.

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.
  • "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.
  • "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.
  • 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.

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.

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.


10
Claps
Average 3.3 by 3 people
5 claps
4 claps
3 claps
2 claps
1 claps
Create your very own Write Engaging Website Copy project and get mentor feedback.
<?xml version="1.0" encoding="utf-8"?>
<?xml version="1.0" encoding="utf-8"?>