Padlo's Web Site Design Document

Website Name

Our Favorite Foods

Purpose

This site will be a place to share recipes and ideas for cooking and entertaining. I envision a website where information is shared by anyone interested in contributing to the site. Although I was initially planning a recipe sharing site, I included the word "entertaining" in my solicitation email to friends and colleagues and several like the idea of providing more than just traditional recipes. I will also include pages for drink recipes and for techniques, such as making spun sugar and tempering chocolate. I am still waiting for some replies to come in so I may add interesting categories that present themselves. I am hoping that some unusual categories and information will make my website somewhat unique compared to sites providing only food recipes.

Needs Assessment

The reactions of those that have replied to my request for information and ideas for this site have been positive and enthusiastic. People who cook and entertain are always looking for new ideas and often turn to the internet to find them. The following are four questions I asked in order to initiate some input from others and some of the answers I received.

Questions Asked

1. Is there any information related to cooking or entertaining other than recipes that you would like to see on a website like this?
Answers included the following topics:
2. Is there any information you would NOT want to see on a website like this?
There was very little feedback on this question. One person wants to ban baking.
3. Are sandwiches or mixed drinks legitimate recipe categories?
All respondents enthusiastically endorse sandwiches and drinks as recipe categories.
4. Any other "out of the box" ideas?
Responses to this question included the following:

Audience

Everyone eats and many different types of people cook. This makes it hard to define an audience. The only characteristic I can think of that might define those in my target audience and those not in it would be age. Most children don't cook much beyond mac and cheese and canned food. This factor should be considered in the language used on the site and could influence color schemes and graphics.

Content

After considering the feedback of those that have responded to my inquiries so far, I have decided on the following initial categories:
Breakfast, Lunch, Dinner, Sandwiches, Appetizer/Snack, Ethnic, Holiday, Wild Game, Drinks, Cooking Techniques, Theme Cooking

Presentation of Information/Rationale of Organization

I will use a hierarchical organizational format for my website. My rationale for this choice is that recipes are usually stored and accessed in categories of some kind. This type of organization is best accomplished on a website using a hierarchical format that allows users to choose and move vertically through the chosen category path to the desired page. There will be three layers to the site.

1. The home page will include information about the content of the site, its purpose, contact information or a link to it, and a featured recipe.

2. From the home page, users will proceed to a category page. This page will include a description of the intended content for that category and thumbnail links to the recipe pages included in that category.

3. The last level of the site (in most cases) will be the recipe pages.

Every page on the site will have common, unifying components including a logo, consistent title (headings) format, color scheme, navigation menu, and page layout (headers, fonts, spacing, etc.) I will use a template for all the recipe pages. This will simplify and speed up the process of adding new submissions to the site. The recipe page template will feature a consistent presentation of text information and a picture of the finished recipe. I have also requested that the recipe contributors include an email address for users that might have questions about the recipes.

I will use horizontally oriented navigation menus with graphical buttons and the top and text links on the bottom of every page. Most recipe pages will not be very long (likely fitting on one screen). Users will therefore be able to see the horizontal menu at all times or will not have to scroll up or down very far to get back to it. Any pages that are longer than two pages will have links back to the top of the page for quick navigation off the page.

Media

I have asked my potential contributors to include a photo of their recipes. I believe that a photo helps users better understand the finished dish. I also offered the possibility of contributors including a video of them preparing the recipe.

Color Scheme and Rationale

With the intent of adding color, but not making my website to busy and tiresome to view, I will use three or four colors. The colors will consist of a primary color, two secondary colors and a highlight color. I have decided to use an analogous color scheme generated by the color wizard available at www.colorsontheweb.com. My rationale for this decision is based on color matching principals explained on colorsontheweb.com which state that analogous colors often occur in nature and tend to create a harmonious feel to a website. I thought these two psychological effects would be advantageous on a cooking site.

Primary Color #DF2200

I originally started with a color called "tomato" for my primary color. Since it did not seem to represent the shade of tomato I like to eat, I searched for a slightly darker color that more closely matched the color of ripe tomatoes that I prefer. I finally decided that #DF2200 was more appetizing and a better primary color choice. The heading for this and all the sections preceding have been done with this primary color.

Secondary Color #ff6245

Additional Secondary Color #DF6C00

The analogous color scheme generated by the color wizard tool at colorsontheweb.com provides colors that are close to an original color that is entered into the wizard. One of the colors, #FF6245, was identified as compatible with my primary color and is very close to the original "tomato" I was originally going to use as my primary color. I decided this would be a good secondary color choice and will be my first secondary used. If I feature an item on my website that could effectively use another secondary color, I have chosen #DF6C00 as an additional secondary color. Both of these secondary colors are analogous to my primary color #DF2200. The headers of this section use the indicated secondary colors.

Highlight Color #00BCDF

I will use color #00BCDF as a highlight color in the event I need to emphasize something on a page. I chose this color as my highlight color because it was generated as a complimentary color to my primary color by the color wizard at colorsontheweb.com. The header of this section and the survey questions above include this highlight color.

Outline of Website Organization

Home Page

Table of Contents Pages: Breakfast, Lunch, Dinner, Sandwiches, Appetizer / Snack, Ethnic, Holiday, Wild Game, Drinks, Cooking Techniques, Theme Cooking

Recipe Pages Template

Related Links Page

Contact Page

Submission Instructions Page

Site Map

Click this link to view an organization chart version of my website map.




Valid XHTML 1.0 Transitional

Valid CSS!