In this assignment, you will practice making wireframes for web page. A wireframe is a basic depiction of all the components on a page and how they fit together. Remember that you should not apply any visual style to wireframes. They are intended to show type of content and layout only.
You can either create the wireframe digitally (using Balsamiq or InDesign) or by hand sketching. If you hand draw the wireframes, please scan them into a digital format.
Create two wireframes based on the content of this page. Create one wireframe this an exact replication of the page as it exists. Then, create a second wireframe with a completely new layout (but the same content)
At the end of this project, you will be able to:
|Category||% of total|
|Visual Spec Assignment||10%|
|Bootstrap Site #1||10%|
|Bootstrap Site #2||20%|
*Categories and percentage breakdown subject to change.
Every assignment in this course will be due at the beginning of the class of its defined due date. Work that is not handed in via the method requested by the instructor (OnCourse, email, etc) by the predetermined time will be considered late. The consequences of late submission fall on sliding scale, increasing in severity over time. If late work is handed in within the following parameters, the grade will be reduced in the following ways:
|Due date/time – same day, end of class||-10%|
|Same day, end of class – same day, end of day (11:59pm)||-15%|
|Next day (midnight – 11:59pm)||-20%|
|Any subsequent day||-50%|