Midterm Project Mockup
Important
Counts for 2% of the final grade.
Due before class Week 4
Create a mockup of the Midterm Project. The mockup must, at a minimum, provide a representation of the content structure and visual layout of the site. Other aspects of the site should also be represented including colour palette, typography, logos, and imagery.
Many different tools can be used to create the mockup including but not limited to:
- Sketch
- Adobe Photoshop
- Adobe Illustrator
- Adobe XD
- Adobe Muse
- Balsamiq
- HTML/CSS
- Pen and paper (A digital scan/photo will need to be submitted)
Be sure to format your brief professionally. It should clearly identify: student name, student number, course name, course number, professor, and date submitted.
A single image (jpg or png) or a PDF of the mockups should be submitted.
Evaluation Criteria
Graded out of a maximum score of 10 points.
| Rubric | 2 | 1 | 0 |
|---|---|---|---|
| Content Structure | Clear and understandable | Provided but incomplete or unclear | Not provided |
| Visual Layout | Layout shows desired positioning of all identified content | Layout shows basic arrangement of most content | Not provided |
| Responsive Layouts | Provided and usable | Provided | Not provided |
| Colour Palette | Provided explicitly | Provided implicitly through a high fidelity mockup | Not provided |
| Typography Guide | Provided explicitly | Provided implicitly through a high fidelity mockup | Not provided |