YogaMoves is an Online Studio where people find the power to grow and achieve all of their fitness and wellness goals.

You can find the live site here

• As a user, i want to be able to understand the functionality at first look
• As a user, i want to be able to know why i should want to be a member
• As a user, i want to be able to easily Sign In
• As a user, i want to be able to get in contact with the YogaMoves Studio

• The intended user is anyone who wants to find the Practice Yoga

• Create a website that makes it clear why they would want to join our classes
• Make it easy to find the best class

• Verdana is the font used for the body (with sans serif as fallback) because it is easy to read and looks elegant

Source: Freepik

I wanted to elicit a feeling of Motivation to start a new lifestyle and Yoga routine

I was inspired by [Alo Moves] (https://www.alomoves.com)

• Navigation Bar

  • Featured on all four pages, the full responsive navigation bar includes links to the Logo, Home page, Classes page and about page plus a button in the right side linked to the Sign In pag. It is identical in each page to allow for easy navigation.
  • This section will allow the user to easily navigate from page to page across all devices without having to revert back to the previous page via the ‘back’ button.

• The landing page image

  • The landing includes a photograph with text overlay to allow the user to see exactly which location this site would be applicable to.
  • This section introduces the user to Love Running with an eye catching animation to grab their attention

• Discover Classes Section

  • The Discover Classes section will allow the user to see the available course.

• contact section

  -This section will allow the user to easily contact a responsible in YogaMoves.

• The Footer

  • The footer section includes links to the relevant pages for YogaMoves.

• The Sign In Page

  • This page will allow the user to get signed in to YogaMoves to start their Yoga journey with the community.

• Online Yoga Classe for Registred Users
• Add 14 days Free trial
• ...

• HTML5
• CSS3

• Font Awesome icons for social media links
• Google Fonts to import 'Fjalla One' and 'Cantarell' fonts.
• GitHub as repository host
• Visual Studio Code to mock up functioning wireframe
• Codeanywhere to develop and commit to github
• GitHub Pages to deploy the site

No errors were returned when passing through the official:

• CSS Validator
• HTML Validator

• Lighthouse Throughout the project i have tested the code with Lighthouse with good results but I stil have to improve the performance.

• Tested in responsinator

• I have gotten positive feedback on both usability and aesthetics from friends, family and professionals testing the site on their devices.

Result: Works as intended

Text content was written by me but I was inspired by AloMoves

• The logo is made by me Using Html and CSS.

• All the images are from Freepik