Giter Club home page Giter Club logo

html-css-first-project's Introduction

Muscleverse Gym

Muscleverse Gym is a gym located in Dublin, Ireland. The site is targeted towards all fitness and health enthusiasts no matter their athletic ability. The sites goal is to be clear and concise for the user allowing them to identify the purpose of the site straight away and allow them to quickly identify their next step, to join the gym, check out the classes available and class timetable or to reach out and contact the gym.

Features

  • The landing page image

    • The landing page image clearly identifies to the user that this is a gym website, its shows a women squatting weights. The image also has a red tint to the corners which ties in with the overall color scheme of the website.
    • One of the major goals of the gym website is to get more clients signed up to the gym so the image also has a join today button which will re-direct the user to the join today form to sign up to the gym.
    • The overlay text on the image also lets the user know there is no joining fee for the gym which would benefit the user if they decide to sign up.

  • Navigation Bar

    • The responsive Nav bar includes links to the home page, join today form, class timetable and contact section of the home page. The links to the join today form and class timetable will open in seperate tabs allowing the user easy navigation between the pages.

  • Facilities Section

    • This section lists the facilities applicable to each of the seperate exercise groups. Strength, Endurance and Tranquility.
    • Relevant Font Awesome icons were used and the color scheme stays consistent with the overall site theme.

  • Contact Us Section

    • This section includes a contact us form allowing the user the reach out to the gym with a specific query the website might not cover. The user can also be re-directed to this section from the Nav bar.
    • A contact details table is also included listing the gym opening hours, email and phone number. The gym address is also listed with a clickable link to a seperate google maps tab.

  • Footer Section

    • The footer section was copied directly from the Love Running Project. It offers the user links to the gyms various social media accounts. A hover zoom effect was added to show this icons are clickable to the user.

  • Join Today Form

    • This page will allow the user to join the gym after providing the required details and payment.
    • Users are required to provide their full name, email, phone, date of birth and create a password. These are all features a user would normally expect to provide when signing up to a gym along with their address for any postal correspondance.
    • Card payment details are required from the user for the โ‚ฌ219.00 12 month membership fee listed in the form heading.

  • The terms and conditions list the rules of the gym to the user which they must read and accept before proceeding with payment. This section is there to protect the user and make sure they are fully aware of the gym rules before signing up.

  • Class Timetable

    • The first table lists the start and finish times of gym classes seven days a week. This page is designed for existing gym users so they can schedule their gym sessions around the class times if they would like to attend. It also gives potential users a chance to view the class schedule before signing up to the gym.

  • The second table provides a full description of each class to the user so they are aware of what takes place at the class before attending.

Testing

  • Validator Testing

    • Any errors returned when passing through the official W3C validator have been fixed on each html page.

    • CCS - No errors were found when passing through the official (Jigsaw) validator.

  • Responsive Testing

    • All 3 project pages were tested on each screen listed below, repsonsive on all screens except for JioPhone2.

    ,

  • User Goal Testing

    • A first time site user looking to become a gym member.

      • Upon entry to the site the user will see a clearly layed out navigation bar with the option of joining the gym today. The Join today option is also given to the user with the Join today button on the site's hero image.
      • Once either join today button is selected by the user they are re-directed in a seperate tab to the join today form allowing them switch freely back to the home page in the seperate tab.
      • The join form is clear, listing all of the information the user is required to provide in order to join. The 12 month gym membership price is listed in bold text at the top of this form.
    • A returning user looking for the class timetable.

      • Upon entry to the site the user will see a clearly layed out navigation bar with the option of class timetable. Upon selection of this button the user will be re-directed to a seperate class timetable page in a new tab.
      • The class timetable is clear and concise providing the user with the day and time each class will start allowing them to schedule their gym session around the class times.
      • If the user is unsure of the of what takes place in each class they can view the table below the class timetable which provides a brief description of each class.

Deployment

Credits

html-css-first-project's People

Contributors

evan2022 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.