WIREFRAME

This is the web page for the wireframe of this project as well as a weekly timeline.
Here you will see the basic structure of the website and the progress of the site.
To go back to the main page click Menu.

The wireframe of the website

Above is the wireframe for the pages of each of the seasons.


TIMELINE

Click on a week to view more details; click again to collapse.

Beginning the site

⚬ Create the individual pages of MENU, SPRING, SUMMER, FALL, WINTER
⚬ Customize each page to be unique
⚬ Add functionality to visit pages through a navigation bar
⚬ Add audio clips and pictures unique to each page

How the menu page looked after the first week

Navigation bar update and visual changes

⚬ Update navigation bar to look much better
⚬ Sort out colors for each page so they are more pleasing to the eye and consistent

How the summer page looked after the second week, showcasing the changes for the week

More pages added

⚬ Updated navigation bar to include HOME, TIMELINE, and FLOWCHART pages
⚬ HOME takes you to the site root page, robertwilliamroberts.com
⚬ TIMELINE takes you to this page
⚬ FLOWCHART takes you to a page that shows the functionality of the site

How the winter page looked after the third week, showcasing the changes for the week

Javascript added

⚬ Added a video showcasing the seasons to two pages
⚬ Updated TIMELINE to include a detailed breakdown of the website updates
⚬ Updated FLOWCHART to include an image of the functionality of the site
⚬ Added parallax effect to seasons pages and menu
⚬ Updated the navigation bar to be at the very top and always visible when scrolling
⚬ Added a short video to the SPRING webpage

How the fall page looks after the final week, showcasing parallax images and a slideshow

Final updates

⚬ Changed TIMELINE to WIREFRAME and included a diagram of the website
⚬ Updated TIMELINE (now WIREFRAME) to include week 5
⚬ Add banner to WIREFRAME and FLOWCHART
⚬ Add icons to navigation bar for the 4 seasons

How the new WIREFRAME page looks