1

Divine Food Design

By: Amber Knicley

Amber Knicley

Natalie Hruska

IMD123

3 June 2013

2

1. Title Page2. Table of Contents3. Stakeholder: Definition4. Stakeholder: Goals5. User: Demographics6. User: Personas7. User: Personas 28. User: Scenario9. Meeting the Objectives: Description10. Functional/Content Specifications: Home 11. Inner Page 1: Meal Description12. Inner Page 2: Profile

13. Meeting the Objectives: Tables 1, 2, 316. Features: Tables 1, 2, 319. Content Assets: Tables 1, 2, 322. Architectural Map23. Wire Frames: Home 1A, Calendar 2A, 24. Wire Frames: Home 1B, Calendar 2B25. Home Page Mockup26. Calendar Page Mockup27. Style Guide28. Sources: Works Cited29. Contact Page

Table of Contents

3

Stakeholder: Definition

The stakeholder in for this product is a Bento box manufacturer based in Virginia. Bento is the Japanese art form of making single serving packed lunches with rice, fish or meat, and vegetables. Usually the food is arranged into recognizable characters for children or other beautiful designs for adults.

American’s recently have adapted this tradition using typical healthy American cuisine.

A mobile application focused on creating fun and/or beautiful designs with healthy food could boost awareness of their product as well as sales.

1.

4

Stakeholder: Goals

To create a mobile application with a database filled with healthy foods, designs, and instructions on how to create them.

The application will contain customizable menu plans, profiles, favorites, and even a shopping list checklist.

2.

5

User: Demographics

Parent’s ages 20-40 with children pre-k through high school

Adults who work with children Grandparents Children 10 to 17 Parents ages 20-40 with children pre-k through high

school, have children who do not eat healthy or very well and would like to see their children making healthier choices without trying to fight or force them.

6

User: Personas 1“Every night I make both of my Sons lunch for school. I was told by my oldest Son’s doctor that he wasn’t growing like he should and needed to eat more. When my children return from school only half of their lunch is gone. Some days they ask about dinner and/or snacks when they come home and some days they don’t. I need a way to make eating healthy fun for them.”

“I occasionally watch my grandchildren on the weekends. Every meal I prepare barely gets touched. I need something to get them interested in trying new foods.”

Rhonda is a single mother who works two jobs to support her two children who are 5 and 7. Like any parent, Rhonda worries about her children’s nutrition and overall health.

Elise is loving grandmother who wishes the best for her grandchildren. Since her daughter works a lot and has little time to introduce new foods to her children, Elise wants to help her grandchildren learn that eating healthy is fun.

Age: 30Occupation: Massage TherapistFamily: Single, Two childrenHousehold Income: 45,000Technical Profile: Comfortable with technology. HP laptop, iPhone 4.Internet Use: DIY sites, Social Net., E-mail, News.

Age: 68Occupation: RetiredFamily: Single, Two GrandchildrenHousehold Income: 30,000Technical Profile: New to technology. iPad received at Christmas.Internet Use: DIY sites, E-mail, News.

7

User: Personas 2“Lunch at school is alright I guess. Sometimes I eat at school but most of the time my Mom makes my lunch. I love to eat my chips and desert but my sandwich doesn't really taste that good so I skip it.”

Lena likes to stay healthy with fun activities outside but loves to eat unhealthy food. Arts and crafts and word games on the class iPad are her favorite activities during school. Lunch is her least favorite time.Age: 7Occupation: StudentFamily: SingleHousehold Income: 65,000, ParentsTechnical Profile: Comfortable with technology. Uses computers and iPads to aid with learning.Internet Use: Class projects.

“I watch a lot of children during the middle of the day and the Daycare provides healthy lunches for them. A lot of the times the children will cry and complain insisting they do not like what we provide. After many complaints from parents about hungry children I am looking for anything that will help encourage them to eat better while staying with us.”

Jack is a single man who loves children. He works part-time at a Daycare in Richmond, Va. He is also health conscious and in charge of the children’s meals as well as their care from 8am to 4pm. Age: 22Occupation: Daycare Worker, College StudentFamily: Single, Two GrandchildrenHousehold Income: 30,000Technical Profile: Very comfortable with technology. Game Systems, Mac desktop, iPhone 5, iPad.Internet Use: Social networking, Health and fitness, Children’s art crafts, Game forums.

8

User: ScenariosRhonda

“Every night I make both of my Sons lunch for school. I was told by my oldest Son’s doctor that he wasn’t growing like he should and needed to eat more. When my children return from school only half of their lunch is gone. Some days they ask about dinner and/or snacks when they come home and some days they don’t. I need a way to make eating healthy fun for them.” Rhonda finds the “Divine Food Design” application while searching applications on her phone. The home page prompts her to “Login/Register” or “Take a look around”. She starts exploring the search function and comes across her Son’s favorite cartoon character “SpongeBob Square pants” as a sand which lunch design. She feels excited and confident that he will enjoy this design and his lunch more. Hopefully the doctor will have positive things to say their next visit.

9

Database will consist of as many healthy foods as possible (Ex: fruits, vegetables, meats, breads, dairy)

Nutritional value, pictures, and directions for creative ways to prepare foods individually or together as meals will be available.

User can create their own favorites, individual profiles, create notes and rank each food and/or meal preparation design.

A weekly meal planner and grocery list creation.The search can be utilized by filling in text box or through a

drop down menu.Content, functional specifications and features help the User

access meal ideas quickly, organize them easily, and store the information for later use.

Meeting the Objectives: Description

10

Access first time Profile creation or view main profile. If it is first time visit a popup will appear asking the User if they would like to browse or create a new profile.

Favorites access will be possible by swiping a finger to the right in the section where profile, calendar, and favorites reside.

Calendar (meal plans, grocery list) can be accessed by swiping a finger to bring the carousel around and clicking on calendar.

Top Design News will blink rotate through showing each headline or design.

Search box will have data input capability as well as a dropdown menu for popular choices.

Settings can be access by tapping with finger.

Functional Content/Specifications: Home

11

Image of meal design will be clickable to enlarge and the User will be able to move the image around.

Main text box will include name of meal and design credit, ingredients, text directions how to prepare, estimated preparation time, nutritional value.

Add to grocery list ( clickable option). Video link (if available) below main text box. Save to favorites (clickable option).

Functional Content/Specifications: Inner Page 1-Meal Descriptions

12

Profile picture can be added from library on device or taken at the time of creation.

Likes and dislikes can be chosen from drop down menus or input into the categories (foods, colors, cartoons, objects). Likes and dislikes will be linked to search to create a unique and personalized search experience.

Ability to create multiple profiles will be available. Switching between profiles can be accessed by swiping the screen in any direction or clicking the alternate profile image on the sidebar on the right.

Link to favorites will be clickable and located at the bottom of the page.

Functional Content/Specifications: Inner Page 2- Profile

13

Meeting the Objectives: Table 1Meeting the Objectives, Home Page

Objective 

Feature/Content Implementation Concerns Format

Personalization.

Profile Creation. Main content upper left. User will explore site without creating a permanent profile.

Html and Css forms.

To inform users of the features of the website as soon as they arrive

Welcome, Newcomer or, if a returning visitor, visitors name.

Flash directly above the main content. Then it will move to underneath the Header. Create a profile will flash after.

Might be too distracting or not noticeable.

HTML and CSS for styling

Help Users navigate site easily.

Interactive or plain video tutorial to help user learn site on first visit or refresh on returns.

Tutorial begins when a user first starts to build a profile and there will be an area to turn it off if wanted.

. Users will lose interest and want to explore alone but get frustrated if not everything is easy.

Avi hosted on video hosting site.

14

Meeting the Objectives: Table 2Meeting the Objectives, Page Profile Page

Objective Feature/Content Implementation Concerns Format

Personalize the product for easier meal searching.

Profile Creation Home Page Main content upper left.

Will not be interesting enough for first time users

HTML form creation.

Favorites database

Favorites Main content middle. Link to favorites will be included on profile page.

Directions will not be understood.

Database creation program.

Profile picture area, Likes and Dislike creation.

Profile Profile Page Too tedious for users.

HTML forms.

15

Meeting the Objectives: Table 3Meeting the Objectives, Page Calendar/Meal Planning

Objectives Feature/Content

Implementation Concerns Format

Easy Calendar creation

Calendar Main content left side. Will not be used much.

HTML, database CSS

Meal planning Weekly Meals

Will be constructed by user from favorites or main food database.

May be too tedious.

HTML, database information linking.

Detailed Search for Meal planning.

Database, search tool

Top left or middle of page if calendar box selected to modify or meal plan.

Will not function as needed

PHP Database, Html.

16

Features: Table 1

Interactive Features, Home Page

Feature How Implemented Concerns Content

Navigational Bar Left Bar. Links will not work. HTML, CSS

Log in/Registration

Database link/text fields

Will not be easily manipulated

PHP, HTML, CSS

Video about site Video composed of happy families eating creations.

Slow site down. Avi, Mov

17

Features: Table 2

Interactive Features, Page Profile

Feature How Implemented Concerns Content

Navigational Bar Drop Down upper left.

Links will not work. HTML, CSS

Photo Creation Upload profile picture.

Photos will fail to upload.

.jpeg, .png

Likes and Dislikes Database, form creation, drop down selections.

Form will not work properly. Database will not have enough information.

Html.

Favorites Database To the right of profile main creation.

Database will fail to link to main food search.

Form creation, html.

18

Features: Table 3Interactive Features, Page Calendar/Meal Planning

Feature How Implemented Concerns Content

Meal plan Search box Searching foods and favorites might not work.

HTML, CSS

Calendar Database user creates.

May not work properly. HTML, CSS

Database Searchable Database not extensive enough.

CSS, HTML

19

Content Assets: Table 1Content Requirements, Home Page

Asset Format Description Associated Media/Assets

Other Information

Logo .fla Header Center. Every Page

CSS/HTML Developed in Flash

Introductory Text

.fla Will welcome users to the site, and direct them to profile creation.

Jpeg, Html Flash

Navigational button for forums

 .jpg

Will link users to social forum where they can post recipes and ideas.

Html link Forum will be separate entity.

20

Content Assets: Table 2Content Requirements, Page Profile

Asset 

Format Description Associated Media/Assets

Other Information

Logo .png Center header CSS/HTML Developed in Fireworks

 Profile Photo  

 .jpeg, .png

 Profile photo creation from device data or new photo capture

 Html

Program created to capture or find photos on device.

User Preferences

Html, CSS Likes and Dislikes of User

HTMLCSS

Form creation.

21

Content Assets: Table 3Content Requirements, Page Calendar/Meal Planning

Asset Format Description Associated Media/Assets Other Information

Logo .jpeg, .png Header center.

CSS/HTML Developed in Fireworks

Background Image

.jpeg Logo html  

Favorite meals

Html, css Link to most popular creations.

  Links to home page.

22

Architectural Map

23

Wireframes: Home 1A, Calendar 2A

24

Wireframes: Home 1B, Calendar 2B

25

Mockup: Home 1A

26

Mockup: Calendar 2A

27

Style Guide

28

1. Anna The Red’s. "Super Smash Bros. Brawl; Yoshi, Kirby, Pikachu, and Mr. Game & Watch." Photograph. Seriouseats.com. Linnea Covington, 11 December 2008. Web. 3 June 2013.http://www.seriouseats.com/2008/12/creative-bento-boxes-how-to-make.html

2. 2. lunch box awesome. "SpongeBob Squarepants." Photograph. Laughingsquid.com. Andrew Hyde, 30 November 2011. Web. 3 June 2013. http://laughingsquid.com/a-bento-box-showdown-of-imaginary-proportions/

3. entrechiquitines. "SpongeBob Bento." Photograph. Cutestfood.com, April. 8 July 2010. Web. 3 June 2013. http://cutestfood.com/?s=spongebob&search=Search+

4. Miel. "Sunny Sunflower Cupcakes." Photograph. Faceyourbatter.blogspot.ca., 9 July 2010. Web. 3 June 2013. http://faceyourbatter.blogspot.ca/2010/07/sunny-sunflower-cupcakes.html

5. Shannon. "Arrr, Matey!" Photograph. Parentmap.com, Jen Betterley. 10 September 2011. Web. 3 June 2013. http://www.parentmap.com/article/20-great-lunch-box-ideas-for-kids

Sources:Works Cited

29

Contact Page

Divine Food DesignName: Amber Knicley

Email: DivinefoodDesign@gmail.com

Phone Number: (999) 999-9999