S18 Assignment 18: Add a Contact/reservations panel to your restaurant design that demonstrates proximity, negative space, balance and simplicity (10 points)
- Due May 15, 2018 by 11:59pm
- Points 10
- Submitting a file upload
For this step in the restaurant design, you are going to add a final section to the restaurant site you have been building. Put this design on the VERY BOTTOM panel of the long set of panels you've been working on.
- Contact Panel (bottom section): This should have important information such as: address, phone, map, hours, simple reservations/contact/newsletter subscription form etc. The contact panel can be any height you need to include both contact information and a simple form.
Here are a couple of examples!
This contact panel should demonstrate the following design principles:
- proximity principle
- negative space
- simplicity
- balance
Think carefully how to group the content and how to use negative space to separate content that needs more distance. Keep any input boxes and buttons SIMPLE. Don't let your boxes take over the design!
Here are some examples (many don't include all the elements listed for the content for this project):
Content Requirements:
Your contact panel should contain:
- Content (at minimum): Address, phone #, e-mail address, social media icons, simple reservations, contact or newsletter form, hours (unless you have them elsewhere). Optional: map
-
The Form should have:
- Consistent design style with the other panels
-
Subtle, tinted input boxes rather than bright/glaring ones
Avoid using heavy frames and bright white boxes.
-
An obvious SUBMIT button at the bottom
Your input form should be subtle and tie into the design you've created so far. Use a tint of a color for the input boxes.
-
The section heading:
CONTACT or RESERVATIONS or something similar (Contact Us, Get in Touch, Make a Reservation)!
This should match the style of the headings that you've used for previous sections.
-
A short sentence of encouragement to contact
Example: "Make a reservation today" "Send us a message and we'll get back to you as soon as possible"
-
A set of quick links to important sections at the VERY bottom and possibly a copyright for the website e.g. Copyright 2017 Breadtop
Submit this assignment as one LONG jpeg or PDF image containing all the sections.
Rubric
Criteria | Ratings | Pts | |
---|---|---|---|
A colored container shape (background) that is 1280 pixels wide in a color/texture that ties it into the rest of the one-page site design
threshold:
pts
|
pts
--
|
||
Tinted input boxes for inputting data. An obvious SUBMIT button at the bottom. Subtle form. Ties into design. Tinted boxes. No heavy frames or bright boxes. Balanced and aligned.
threshold:
pts
|
pts
--
|
||
section heading: CONTACT or something similar (Contact Me, Get in Touch)
threshold:
pts
|
pts
--
|
||
A sentence of encouragement to contact under the Contact heading
threshold:
pts
|
pts
--
|
||
Copyright information for the site at the very bottom
threshold:
pts
|
pts
--
|
||
Design: Demonstrates... proximity principle, negative space, simplicity, balance.
threshold:
pts
|
pts
--
|
||
Total Points:
10
out of 10
|