Home Page Final Design
After a week of design and coding, the project home page has been completed. The idea behind the design was to display a large amount of information coherently in a single page. Splitting the content up into panels helps to separate the ideas and notify the user that the subject matter has changed.
The main purpose of the page is to direct the user to the main application. The first elements that are visible help to quickly describe the project and then guide the user to click a large call-to-action button.
The rest of the page content is then left available to people who wish to learn more about the project or to persuade those who have not already viewed the main application to do so. Animating the visibility of elements helps to keep the users attention and add fluidity to the scrolling process.
This page was created using a great little plugin called scrollReveal.js