Love Running website

The Love Running website is an imagined website provided for a local running community. The site contains basic information for runners who may wish to drop in for a run or a social meetup at specific times and locations. The site also provides links to any additional social media presence the running group might have.

Features

The site consists of three pages; Home, Gallery and Signup. While the Home page contains the highest priority information such as the meetup times and motivational messages, the Gallery page reinforces the sense of community and inclusion by displaying images of the runners on a virtual photo wall. For consistency of user experience, the site's logo, navigation links and social media links on the page footer are repeated across the site pages.

The Love Running website is a responsive website. That means that the site will maintain its integrity of design and layout when viewed on desktop, tablet or mobile devices. The site elements will rearrange themselves according to the current browser screen width and the finished site will allow for three different screen widths to maintain the consistency of design and information presentation.

Existing Features

• Navigation Bar

  • Featured on all three pages, the full responsive navigation bar includes links to the Logo, Home page, Gallery and Sign Up page and 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

• Club Ethos Section

  • The club ethos section will allow the user to see the benefits of joining the Love Running meetups, as well as the benefits of running overall.
  • This user will see the value of signing up for the Love Running meetups. This should encourage the user to consider running as their form of exercise.

• Meetup Times section

  • This section will allow the user to see exactly when the meetups will happen, where they will be located and how long the run will be in kilometers.
  • This section will be updated as these times change to keep the user up to date.

• The Footer

  • The footer section includes links to the relevant social media sites for Love Running. The links will open to a new tab to allow easy navigation for the user.
  • The footer is valuable to the user as it encourages them to keep connected via social media

• Gallery

  • The gallery will provide the user with supporting images to see what the meet ups look like.
  • This section is valuable to the user as they will be able to easily identify the types of events the organisation puts together.

• The Sign Up Page

  • This page will allow the user to get signed up to Love Running to start their running journey with the community. The user will be able specify if they would like to take part in road, trail or both types of running. The user will be asked to submit their full name and email address.

Validator Testing

• HTML
  • No errors were returned when passing through the official W3C validator
• CSS
  • No errors were found when passing through the official (Jigsaw) validator

Deployment

The site was deployed to GutHub pages. The live link can be found here - https://lucywoodman.github.io/love-running/

Credits

• The icons in the footer were taken from Font Awesome