Student Work – Gym Website

September 1st, 2017

This project, created by my student, Marco Vasquez, is from a few years ago, but it remains in my list of favorites. In the Intermediate Web Design class at Art Institute, students dig further into designing for the web and learning the HTML and CSS necessary to produce those designs.

Navigation and providing pathways to content is a major point of discussion in this course. Even though we all know the web is non-linear, it is very hard to get used to designing for an environment where your audience could enter at any point, have some set of things they want from the website, be able to achieve their goals and have the experience they want.

This particular solution, by Marco Vasquez really captured the spirit of the project, and created a great example of what I want from students, which is the ability to conceptualize a design solution, and then do the necessary production.

Shown here is a screen shot of Marco’s Photoshop file, which is well organized with layers and well defined guides for his grid. You can also view the finished HTML and CSS version of the page.


Comments are closed.


Featured Projects

  1. ZAP Creative

    Responsive Design, HTML, CSS, JS, PHP and WordPress

  2. Animal Shelter

    Responsive Design, HTML, CSS, JS, PHP and MySQL

  3. Experimental JavaScript

    Responsive Design, HTML, CSS, and JavaScript


    HTML, CSS & JavaScript focusing on jQuery plugins

  5. Syllabus Generator

    PHP & MySQL Web Application

  6. CodeSnap Web Application

    PHP & MySQL web application

More Projects

  1. 4.23 Microsite

    Experimental JavaScript Microsite

  2. Audio Space

    HTML, CSS & jQuery

  3. Bttrfly Productions

    HTML, CSS, JS, & WordPress

  4. Desktop Repainter

    HTML, CSS & JS

  5. Bluephant Dental

    HTML, CSS, & JS

  6. Zen Music Festival

    HTML & CSS

About William Mead…

William Mead Photo

This site shows some of my front-end design and development work and shows how I use these projects to teach students about those same topics.

Find me on these networks

Professional Qualities

  • Enthusiastic about teaching, learning, managing projects and building products for the web.
  • Deeply creative and always playful. Frequently engrossed in solving complex puzzles.
  • Thoroughly engaged in the design and web development industries.
  • A visual learner with an analytical mind.
  • Introspective and always striving for improvement.


I am particularly good at bending CSS to do my bidding, and I really enjoy creating custom interactivity with JavaScript. I am always excited about new problems that need to be tackled.

Contact Me…

I look forward to hearing from you. Please contact me using the form or directly by email or phone.


    Your Name (required)

    Your Email (required)


    Your Message

    Anti Spambot Question