Project Plan and Mock-Up Design

Project Plan and Mock-up Design

The website title is “esssFit.”

The objective of the website is to disseminate information about best practices for work-out routines and to provide a marketing tool for the trainer to begin building a practice.

The trainer would like to appeal to a broad audience, from people in their late teens and beyond. A simple color pallet, without extremely bright colors will be used.

The website will have the following structure and content.

Project Structure

Mock-up of Landing Page/Home

The landing page will inclue a carousel of three images representing the primary content of the site: Energy, Strength, and Mindefulness. It has not been decided whether to include the logo in the header because of it's prominent positions over the carousel.

Still of one of the three carousel images.

Mock-up of pages 2-5

Pages 2-5 have a 2 column format. The consistency of placement of visuals to reinfoce information and text to provide information about the subject of each page will be used to make the the interaction predictible for the user.

JavaScript effects will include:

A carousel will be used on the landing page.
A lightbox on the “Mindfulness” page.