#1: SUBMIT FINAL Project 2 Restaurant Designs (Long page, Laptop landing section and Mobile versions at actual pixel size) to Kathy. Due Tuesday, May 22nd by 11:59pm
- Due May 22, 2018 by 11:59pm
- Points 60
- Submitting a file upload
#1: Project 2 Restaurant Designs. SUBMIT FINAL designs to Kathy here!
-
Submit the following here (as jpegs or PDFs):
- Long "scrolling design" (no mockup required)
- Laptop landing section in laptop mockup
- Mobile design in mobile mockup
-
Keep your jpegs at actual size (if possible) when inserted into the mockups and uploaded!
- Mobile: 320 wide x 480 high
- Laptop: 1600 wide x 1000 high
Rubric
Find RubricKeep in mind that 14 students have already been assessed using this rubric. Changing it will affect their evaluations.
| Criteria | Ratings | Pts | |
|---|---|---|---|
|
Dimensions/Mockups: Mobile and laptop mockups used. Long panel design shared and uploaded.
threshold:
pts
|
pts
--
|
||
|
Design Principles: contrast, alignment, repetition and proximity (CARP) and related techniques (negative space, simplicity, hierarchy, organization etc.
threshold:
pts
|
pts
--
|
||
|
Typography: Logo/tagline wordmark. Creative font choices. Appropriate for restaurant. Use of creative typography for headings.
threshold:
pts
|
pts
--
|
||
|
Typography: Close attention to Readability. Readable font and formatting choices. Background contrast. Accessibility.
threshold:
pts
|
pts
--
|
||
|
Navigation: Understandable, logical and readable navigation for laptop. Top panel nav bar (to travel with scrolling). Logical labels.
threshold:
pts
|
pts
--
|
||
|
Texture: Use of texture (not excessive!). Appropriate for restaurant theme.
threshold:
pts
|
pts
--
|
||
|
Color Palettes: Use of a harmonious color palette (in different panels) that creates a mood for the restaurant. Contrasting colors not too similar. Appropriately applied.
threshold:
pts
|
pts
--
|
||
|
Photos/images: Creative treatment of photos (interesting cropping, colorizing, blurring, slicing, surface texture etc.). Strong hero image on landing panel.
threshold:
pts
|
pts
--
|
||
|
Use of graphics/icons, shape and line.
threshold:
pts
|
pts
--
|
||
|
Mobile design: Name/logo and "brand/mood/style" of the restaurant clearly visible. Stylistically unified with the laptop design: colors, typography, images.
threshold:
pts
|
pts
--
|
||
|
Mobile design: Users can read and get to the most important information quickly. Simple layout. CARP rules applied.
threshold:
pts
|
pts
--
|
||
|
Mobile design: Navigation. THREE navigation buttons to essential information. Labels large enough to read. Sufficient tap area. Hamburger icon visible. Logical placement for both nav buttons and icon.
threshold:
pts
|
pts
--
|
||
|
Project content requirements: Has navigation bar with important links. Logo/wordmark design and tagline. Hero image. Welcome paragraph. Overview menu panel. Contact panel with address, hours, basic form.
threshold:
pts
|
pts
--
|
||
|
Total Points:
60
out of 60
|
|||
