tam

Page 1

find the perfect recipe



05.2016

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


Dorissel Nunez tap and munch MAY, 2016

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


tap and munch Senior Project Book

MAY 2016

Bachelor of Technolog y in Visual Communications: Ar t + Graphic Design Farmingdale State College, State Universit y of New York

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PHOTOGRAPHY: ANDY CHILTON


FIND THE PERFECT RECIPE.


TABLE OF CONTENTS

CONTENT 4 10 42 48 54 60 64 102 116 122

1

Introduction Chapter 1: Product Description Chapter 2: Unique Value Chapter 3: Target Audience Chapter 4: Competition Chapter 5: Cultural Relevance Chapter 6: Visual Strategy Chapter 7: Marketing Strategy Glossary Bibliography

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

2


3

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


INTRODUCTION

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

4


INTRODUCTION

INTRODUCTION Food is something every one needs to survive. But besides looking at food like a necessity, there are people that simply love to eat, try new flavors, and some go further than that to please their palate. More than enjoying eating they enjoy to prepare meals not only for them but for others. Of course, it is not always the joy of life to be in the kitchen but there are ways to make these moments more pleasant even when it is more a commitment or obligation as occurred in some families, when the mom takes care of everybody else meal. To make the story short I enjoy eating.I really like when an edible meal looks edible. It can not be more simple and clear than that. It is a very important point when I am about to eat.

5

Therefore, when I started to think on ideas for the this project I thought of situations I might incur, situations by that time, and situations I have come across during my life. I also thought of the issue of deciding what to eat, which I commonly have and I also know that I am not the only one. Suddenly, I found myself gathering information regarding the possibility of the existence of such a tool that could help with that. I said to myself that it would be of a good help to be able to tell when we need an ingredient at home, from work , on the street or on the way back home. Sometimes we simply want something special or a simple dinner and we barely remember what ingredients are available in our kitchen.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


INTRODUCTION

We either have to guess what is in the fridge, buy extra stuffs or take the risk of nor finding it in the pantry. And that was how the first ideas arrived to my mind. A tool that would keep all the pantry information in one place and besides help with suggestions of what to eat. Evidently, it was not a thing of jumping into action right away but it was a fun and interesting journey and experience to have. From that little seed that occurred to me that morning to the whole development of the current idea, it has been a long way, a lot of thought, sketches, notes, reasoning, questions and answers. Besides, there is another statement to add to the mix and is the fact that

people are more and more wishing and trying to eat healthier. They are either involved in fad diets, have a medical condition or do not want to be in one. As for me, I try not to eat to much junk food and when possible I do not eat it at all. On the other hand, as I stated before I like when food looks smell and taste good and of course I also love the inner satisfaction that comes with it when the hands that prepares it are mine. This made me believe this tool could be a good idea as it could also suggest recipes based on the ingredients I already own and as a way to encourage me and others to prepare our own food. In addition, when thinking how

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

6


INTRODUCTION

the pace of the day to day life is always a rush, even when you are not that type of person of being runing from here to there, the atmosphere in which we all live in at work, at school, at events on a daily basis, put us in a position that we seem like we are running out of time every single time. By taking this into account in addition to the time consuming the process of grocery shopping and deciding what to eat represent, I could easily see how this concept could evolve into a convenient user friendly tool that would motivate people to eat more at home, being at the same time more organized, proactive and pragmatic and win some time from their own. All in all, that is how tap and munch was born.

7

Tap and munch is a convenient mobile app intended to suggest recipes based on user’s ingredients and user’s diet’s preferences. It also allows to track the pantry, make groceries list from scratch and based on recipe’s ingredients lists, create cookbooks and set reminders. The mechanism consist of giving the users the possibility to type, dictate or scan their items to keep record of what is in stock and what is not. In this manner, next time a gathering, event, special dinner or surprise party comes up, users will be more than ready and in control, and who does not like to be in control?

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

8


9

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


01.PRODUCT DESCRIPTION

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

10


PRODUCT DESCRIPTION

TAP AND MUNCH Tap and munch is a mobile app that tracks users pantry, and based on that information and the user’s preferences suggests recipes. The following is a description of the features and options that are available in the app together with the capabilities and functions of each one. Among the options are: grocery list, pantry, cookbook and reminders.

11

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

spl a sh screen

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

12


PRODUCT DESCRIPTION

DISCOVERY SECTION It allows the user to search by diet preferences, type of meal, breakfast, lunch, dinner, dessert, by ingredients or any combination of these. (i.e. Paleo + breakfast) Information available: Search directions. (1) Options: • Type in search criteria. • Access to the main functions of the app: grocery, pantry, search, cookbook and reminders, from the bottom menu.

13

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

menu

1

se arch discover screen

groceries

reminder s

groceries

se arch

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

cookbook

14


PRODUCT DESCRIPTION

DISCOVER / RECIPES After entering the criteria of search in the discovery text field, recipes are fetched and shown. Information available: name, photo of the recipe and some diet preferences.Additionally, it shows the quantity of missing ingredients (if any) related to the users’ pantry and hearts for the recipes that have been marked as favorites.(2) Options • Tap on the recipe of preference. • Favorite a recipe. • Access to the main functions of the app: grocery, pantry, search, cookbook and reminders from the bottom menu

15

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

menu

2 favorite missing ingredients

recipe ’ s name

die t preferences

discover result screen

reminder s

groceries

groceries

se arch

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

cookbook

16


PRODUCT DESCRIPTION

RECIPE / INGREDIENTS This screen shows the information for the recipe selected in the discovery section. Information available name, photo, ingredients with quantity and measurement units, cooking and preparation time for the recipe.(3)

17

Options • Back button: returns to the discovery section. • Share: share the recipe to friends • Swipe left: accesses preparation steps. • Munch button (fork): adds the recipe to the cookbook. • Top plus sign: adds all the ingredients to the shopping list • Heart: Favorite recipe. • Eye: shows missing ingredients from pantry. • Plus sign: adds individual ingredient to the shopping list. • Access to the main functions of the app: grocery, pantry, search, cookbook and reminders from the bottom menu.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

share

back

swipe for prepar ation

3

s teps cooking time

servings

favorite recipe

recipe ingredients

recipe ’ s name

adds to cookbook

screen adds all ingredients

show missing

to shopping lis t

ingredients

adds ingredient to

ingredient

shopping lis t

ingredient unit

groceries

reminder s

groceries

se arch

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

cookbook

18


PRODUCT DESCRIPTION

RECIPE / MISSING INGREDIENTS This screen shows the information for the recipe selected in the discovery section plus the information regarding quantity of missing ingredients. This information is accessed by tapping on the eye icon. Information available name, photo, ingredients with quantity and measurement units, cooking and preparation time for the recipe. Also the quantity of missing ingredients from the user’s pantry. (4)

19

Options • Back button: returns to the discovery section. • Share: share the recipe to friends • Swipe left: accesses preparation steps. • Munch button (fork): adds the recipe to the cookbook. • Top plus sign: adds all the ingredients to the shopping list • Heart: Favorite recipe. • Eye: hide quantity of missing ingredients • Plus sign: adds individual ingredient to the shopping list. • Access to the main functions of the app: grocery, pantry, search, cookbook and reminders from the bottom menu.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

share

back

swipe for prepar ation

4

s teps cooking time

servings

favorite recipe

recipe

/

missing

recipe ’ s name

adds to cookbook

ingredients screen adds all ingredients

hides missing

to shopping lis t

ingredient

adds ingredient to

ingredient

shopping lis t

quantit y of missing ingredients

ingredient unit

groceries

reminder s

groceries

se arch

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

cookbook

20


PRODUCT DESCRIPTION

5

6

fav

sharing modal

(5)Share button has been tapped displaying modal for sharing recipe. email could be typed to share the recipe or remove previous shares.

21

(6)Fav the recipe by tapping on the yellow heart.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

7

8

adds to the cookbook

selec t c ategory

(7) Modal to select category to save recipe triggered by munch button (fork).

(8)Recipe added to the cookbook.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

22


PRODUCT DESCRIPTION

9

10

hides missing ingredients

show missing ingredients

shows quantit y needed for the recipe shows quantit y in s tock

adds item to the lis t

(9)Shows recipe’s ingredients.

23

(10) Eye icon has been tapped, quantities shown in red indicates quantity in stock and needed for the recipe.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

11

12

removes item from the lis t

(11) Plus sign has been tapped and the ingredient has been added to the list and feedback message is displayed.

(12)Plus sign changed to minus sign, indicating item is already in the shopping list and it can be removed from the list by tapping this button.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

24


PRODUCT DESCRIPTION

RECIPES / PREPARATION STEPS This screen shows the preparation steps for the recipe previously selected. . Information available name, photo, ingredients cooking and preparation time and prepration steps for the recipe.(13)

25

Options • Back button: returns to the discovery section. • Share: share the recipe to friends • Swipe left: accesses ingredients. • Munch button (fork): adds the recipe to the cookbook. • Heart: Favorite recipe. • Access to the main functions of the app: grocery, pantry, search, cookbook and reminders from the bottom menu.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

share

back

swipe for ingredients

13

cooking time

servings

favorite recipe

recipe

/

recipe ’ s name

adds to cookbook

prepar ation screen

groceries

reminder s

groceries

se arch

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

cookbook

26


PRODUCT DESCRIPTION

GROCERIES This screen shows the groceries lists created both from scratch and from recipes ingredients lists. . Information available name and photo of the grocery list, shared or delegated status, indication of reminders if any.(14)

27

Options • Menu button: Settings and log out options. • Pencil: create grocery list from scratch. • Access to the main functions of the app: grocery, pantry, search, cookbook and reminders from the bottom menu.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

cre ate

back

14 shared

deleg ated

linked to reminder

groceries screen

groceries

reminder s

groceries

se arch

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

cookbook

28


PRODUCT DESCRIPTION

15

16

lef t swipe trigger s dele te but ton

item quantit y item unit sc an item add item item te x tbox

(15) Left swipe to delete list. (16) Create grocery list from scratch by tapping the pencil icon. Enter custom photo, type in name for

29

the list, an item name, quantity and unit for the items or scan, or dictate the items to the app.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

17

18

share but ton

add user to share lis t

deleg ate switch removes share

(17)View of the process of creating a grocery list. Share button enabled

(18)View of the share / delegate modal.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

30


PRODUCT DESCRIPTION

adds reminder

19

20

dele tes item add item to the pantry incre a se item quantit y decre a se item quantit y

(19) View of grocery list screen. Items can be added, substracted or deleted from the list and added to the pantry.

31

(20) Item has been added to the pantry.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

21

item added to the pantry

(21) View of the screen after an item has been added to the grocery list. The yellow check mark indicates the item has been added even though

it remains visible on the grocery list. To get rid of the item permanently use the delete button. (x).

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

32


PRODUCT DESCRIPTION

PANTRY This screen shows the pantry and its categories. This is the place where the groceries are saved by adding new categories or adding new items to the ones already created. The process to create a new category is the same followed to create a grocery list. For reference see images 16, 17 and 18. . Information available name and photo of the pantry category. (22)

33

Options • Menu button: Settings and log out options. • Pencil: create pantry category. • Access to the main functions of the app: grocery, pantry, search, cookbook and reminders from the bottom menu

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

menu

cre ate

22 c ategory cus tom image

pantry screen

groceries

reminder s

groceries

se arch

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

cookbook

34


PRODUCT DESCRIPTION

COOKBOOK This screen shows the categories of the cookbook, custom created. Here the user can add recipes from scratch and from the recipes found in the database. Also new cookbook categories can be created through the pencil bottom on the top. The process to add categories is the same followed to create a grocery list. For reference see images 16, 17 and 18. Information available name and photo of cookbook category. (23)

35

Options • Menu button: Settings and log out options. • Pencil: create cookbook category. • Access to the main functions of the app: grocery, pantry, search, cookbook and reminders from the bottom menu.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

menu

cre ate

23 cus tom image c ategory name

cookbook screen

groceries

reminder s

groceries

se arch

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

cookbook

36


PRODUCT DESCRIPTION

REMINDERS This screen presents a list of reminders which can be linked to groceries list. It could be a random event to remember or just a special date linked to a grocery list neccesary to make that celebration happen. Information available Title of the reminder and date. (24)

37

Options • Menu button: Settings and log out options. • Pencil: create a new reminder. • Access to the main functions of the app: grocery, pantry, search, cookbook and reminders from the bottom menu.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

menu

cre ate

24

linked to grocery lis t

reminder s screen

groceries

reminder s

groceries

se arch

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

cookbook

38


PRODUCT DESCRIPTION

25

26 profile photo

(25) Initial screen after splash. It allows to try the app without logging in. `

39

(26)Includes regular diet preferences and other preferences like lactose free, gluten free, nuts free, etc. in order to accurately suggest recipes.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


PRODUCT DESCRIPTION

27

28

(27)View of the login screen.

(28)Sidebar menu

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

40


41

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


02.UNIQUE VALUE

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

42


UNIQUE VALUE

THE PROBLEM We live on a rapid pace world which keeps on changing every second towards a more modern and technological one. People feel overwhelmed and pressured, trying to keep hold on time while it becomes less sufficient even to develop day to day tasks. This happens a lot and in different types of situations and circumstances. When talking about preparing meals is not the exception there is always the excuse of not having the time, the ingredients, the chance to try and so on. There are people, for example that try to eat healthier or at least have the intention to do so, however they struggle finding the time needed.

43

And it is a fact that shopping groceries organizing them, keep track of the ingredients available at home is a hard and time consuming task. It is even hard sometimes to decide what to eat and even more when it is based on the vague memory of what we think is left in the pantry, it is a tedious task. Hence in order to improve people’s lives, and help people commit and engage in their desire path of eating healthier, be more organized, and to have the information available related to their pantry at all times, and of course get advantage of the most important part, time. Tap and munch gets born.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


UNIQUE VALUE

THE SOLUTION The tool that can keep track of the ingredients in order to know what is available and what is not. This would allow those who are lacking of time, to get organized, plan ahead and of course keep themselves on track.

Tap and munch is just that, a tool that is at the user’s fingers reach, giving access to the most accurate recipes based on the ingredients the user already have at home and the preferences specified when configuring the app on the first time use.

Besides, this tool would give access to recipes based on food preferences and ingredients which are already in stock at home. How favorable, opportune, well timed should be to have access to a tool like this? A mobile app that could keep record of what is ready to be cooked at home and also help in the process of preparing that next delicious meal ?

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

44


UNIQUE VALUE

Tap and munch supports and motivate people to be engaged and committed to themselves towards a healthier and more organized life. It could be said that this is one of the main points of tap and munch. Help with a little push when it is all that is needed to give the next step.

A completely different, fun experience and interaction with the cooking and kitchen. Because having the precise and correct information at the precise moment always helps, the same will happen by having the pantry at fingertips reach. This will result in a better and more diverse meal and a more pragmatic life.

Tap and munch objective is to simplify life to others. This is done, by helping in the process of deciding what to eat and to take advantage of those ingredients that already are in stock at home.

45

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

46


47

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


03.TARGET AUDIENCE

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

48


TARGET AUDIENCE

A CLOSER LOOK The main objective of tap and munch is to improve people’s lives by giving them an alternative to manage what they eat at home. It is very important to make people feel engaged and committed to their eating habits and of course have a fun and pleasant experience using the app. There are different needs people have related to this approach and they coincide with the features tap and munch offers: grocery list, pantry tracking, recipe search, cookbook and reminders. People would like to have more time to do what they want and to reach those daily goals regarding activites such as to prepare meals, have them with the

49

family or be in control of what they have in stock in their pantry in order to be ready to manage the other two. In that sense, the brand focus on people independent, who like to do their own stuffs. They are vigorous and proactive who like to learn and manage well their time and looking for ways to improve the way they are doing it right now. These group of persons, are technology enthusiastics mostly young adults.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


TARGET AUDIENCE

pe te zenud single

, 25

ye ar s old

.

living by himself , currently in puerto rico technology sav v y likes to e at he althy goal s

frus tr ations

e at he althy

no t having enough time

pl an me al s ahe ad

running out ingredients without noticing

have a be t ter e xperience in the kitchen

ge t boring of e ating same me al s

Pete is a 25 years old student, a Ph.D in Business Administration, Finance candidate. He has a busy schedule, constantly involved in research projects He is single person, who lives by himself, and likes to eat a good, tasty, meal but also non expensive barely processed food. He mostly follow the Paleo diet, which had helped him lose some weight in the past and also has helped him to feel better about his body and more energetic. However, with his busy schedule is hard to keep the pace. He still wants to try his best to keep on the right track.

He goes grocery shopping, once a week at least. He keeps missing ingredients because of the lack of planning ahead, because lately he is been deciding what to eat just the moment before he eats and he does not like to repeat meals on consecutive days either. Pete has tried some recipe apps before to get some help with the process of deciding what to eat but he has encountered himself with long recipes ingredients list, that normally he does not have at home. “ if

only

I

could adjus t the recipes to my

pantry not the other way around �

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

50


TARGET AUDIENCE ellen c a s tle married for

12

ye ar s

, 36

ye ar s old .

living with her husband and a child currently in dominic an republic loves food loves cooking technology enthusia s t frus tr ations

goal s

51

feed her family a bal anced me al

not having enough time

ge t he althier and fit

running out of e a s y recipe ide a s

have her own cookbook with he art y me al s

missing ingredients

Ellen is a woman, a wife and a mother. She has a husband who works full time and a 10 year old kid. She is an executive assistant who is looking out for her kid all the time with school and everything. She also goes to the gym when she finds the time, and of course, she prepares the meals for everybody in the house. Ellen’s husband has a cardiac condition, which is another reason why to take better care of what they eat. They prepare their meals at night so they can take it next day to work which makes it harder because by that time they are tired. For this reason they try to plan

their meals ahead, but because other errands and work they keep sometimes forgetting to go to the supermarket when they need to. Occasionally they find themselves with an empty fridge. She wishes to have recipes for day to day meals at hand and be able to use the ingredients she has at home. Also a way to share the grocery list with her husband who sometimes can do the shopping so they can help each other.

“ the

pantry should be always in my he ad so i c an pl an ahe ad ”

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


TARGET AUDIENCE

louise jones married

, 30

ye ar s old .

lives with hubby, currently in ny technology enthusia s t

enjoys e ating likes to pl ay tennis goal s frus tr ations e at he althy

sharing groceries shopping

pl an me al s ahe ad

l ack of time

have a be t ter e xperience in the kitchen

Louise is a 30 years old data analyst. She is a System Engineer working at a bank institution full time. She is happily married since almost two years ago with no children. Like most of the people, she wishes for a 48 hours day. She likes to eat, she enjoys it. She is not the kind of person that limits her appetite satisfaction under a restricted diet. Sometimes they like to host friends’ gatherings at home, which also requires some meal planning. She is committed to do some exercises, eating most of her meals at home, as far as this is possible in her schedule. She comes back home

from work and when she is not tired she is ready to cook dinner for her and her husband, together with something else to take next day for lunch. There is not always something to be prepared though and sometimes she just run out of options. They would like to have a better way to manage their pantry, what comes in and comes out.

“ days

should be

48

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

hour s long ”

52


53

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


04. COMPETITION

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

54


COMPETITION

THE DIFFERENCE The core idea of tap and munch is to optimize people’s lives by offering a rich database of recipes that would be retrieved based on the ingredients users have available in their homes and food preferences they establish in the first time use of the app. This would be accomplished with features the app embraces which gives perfect support and fulfill the requirements of the market niche. It is also important to take into account the significance of balancing appearance and function within a mobile app. tap and munch offers a convenient and smart tool over a beautiful design and pleasant to use UI and to interact with. The concept has a very integrated platform for those seeking to have their diet and also their

55

families’ under control. From groceries lists, pantry tracking, cookbooks and reminders this tool can be extremely useful to keep users pantry and fridge always with ingredients available and avoid to have things running bad, saving time and money at the same time. That being said the competitors the brand has do not compete with all the features but in some of them. Freshbox, for example, addresses the issue of tracking the pantry by allowing the users to simply snap a photo and upload it into their own virtual ice box, giving the effect “what you see is what you get” a new meaning. However this won’t update very easily, not either suggest recipes and neither the other features that tap and munch offers.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


COMPETITION

In the other hand is ” Whaz in the fridge” app, which is a personal app developed for windows phones with the objective of keep track of ingredients and again does not suggest recipes neither allows users to create cookbooks or anything alike. The plus with this app is that it offers to notify when things are about to expire, after the user enters the date linked to each item.

Evidently there is not an app that does exactly what tap and munch does. The product is clearly and directly related to grocery shopping and recipe but also to the pantry, which is the main part of the whole concept: recipes based on the user’s pantry. tap and munch increases efficiency with not forgotten items for less wasted time and energy.

Another competitor is “Eating well”. This app is meant to search recipes by ingredient or category it does not combined or integrated the pantry in any way.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

56


COMPETITION

COMPETITIVE MATRIX e ating well

wha z in the fridge

This folowing graphic depict where tap and munch is positioned among its competitors. It is a comparison of pricing and specialization that dictates the kind of product being sold and how well they are responding to the market. As expressed in the matrix, even though all the products are not expensive they offer different features that make them able to compete among them but still tap and munch stands out with its star feature of recipes suggestions based on user’s pantry.

freshbox

57

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


COMPETITION

high degree of usabilit y *

tapandmunch

e ating well

less e xpensive

more e xpensive

wha z on the fridge

freshbox

low degree of usabilit y *

*ba sed

on tap and much main

fe atures : pantry tr acking ,

recipes sugges tions ba sed in user ingredients .

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

58


59

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


05. CULTUR AL RELEVANCE

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

60


CULTURAL RELEVANCE

THE PRAGMATISM Studies revealed that more people are willing to eat at home. This statement means that people are more interesting in having time with their families, people are interesting in having a delicious meal prepared at home and avoid more and more the unrealistic meals offer outside the cozy kitchen. Furthermore there are more reasons why the situation is feasible not only from the health point of view, but for the money, quality time with the ones we love and why not, just because. A good relationship with the kitchen starts with the idea of having a good lunch, for example, and enjoy it from start to finish, from getting the ingredients to the final dish on the table. Regarding this matter, a research was conducted, which threw interesting and positive results for tap and munch. For instance, the fact that there are people

61

eating more meals at home, based in the premise that this group of people have children or they are zyoung adults living by themselves or married with no children. This group enjoys practicing this every now and then and others in a greater scale as it is shown in the graphics. In addition, some people rely on technology to make ztheir groceries list and more people look for recipes online. It is not surprised that the latter would definitely would love to use the tap and munch app. People wants to be more in charge of what they eat and be able to do the right changes in order to be healthier. With tap and munch the process of groceries shopping and choosing what to eat is simplified thanks to the smart feature of recipes suggestions based in the user’s pantry.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


CULTURAL RELEVANCE

approx .

40%

of

people find their recipes online

approx .

42%

of

people are e ating less c alories outside of their homes

73.8

74.6

per user

age

18-24 25-34

people from

25

34

to

are doing the

cooking and using mobile apps .

$75 k

the

HH

$25 k

income le vel s .

to

people that e at smarter are more ac tive .

mobile app hour s

age

commited to e at right.

63.5 49.9

age

people of this gener ation are more

age

the y use apps to tr ack tr aining data and / or look online for he althy foods .

55+

35-4 4

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

62


63

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


06. VISUAL STR ATEGY

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

64


VISUAL STRATEGY

OFFICIAL SIGNATURE The logo of the brand is a catchy, simple and sophisticated symbol composed by a simple and modern sans serif combined with a organic handwritten font. Accordingly it makes use of a vibrant yellow color that enhance energetically the whole logotype and a solid brown color that even out and balance the logo of the brand. This combination is a bold composition that motivates and emphasize the tone of voice of the brand. Along with the main version of the logo, its been included two different with background treatments and another one in grayscale.

65

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

66


VISUAL STRATEGY

67

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

68


VISUAL STRATEGY

69

THE IDENTITY

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

70


VISUAL STRATEGY

71

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

LOGO CONTRUCTION GRID

PROTECTIVE SPACE

Here a reproduction of the logo can be found. The depiction helps to guarentee the exact proportions are used in any application.

In any type of atmosphere there should a “breathing” space. It is the same with a logo. In this case it should be all around it in order to let it stand by itself with no visual and/or design distractions.

The overall proportions are (1:4) one by four and must always be respected. Be aware of the position of the paired typefaces, more especifically, the space between them.

Hence, a space not less than a third of logo’s height should be reserved as free on all sides. An example of the proposed statement is provided. LOGO CONSTRUCTION GRID &

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

PROTECTIVE SPACE

72


VISUAL STRATEGY

LOGO CONTRUCTION GRID

PROTECTIVE SPACE

Here a reproduction of the logo can be found. The depiction helps to guarentee the exact proportions are used in any application.

In any type of atmosphere there should a “breathing” space. It is the same with a logo. In this case it should be all around it in order to let it stand by itself with no visual and/or design distractions.

The overall proportions are (1:4) one by four and must always be respected. Be aware of the position of the paired typefaces, more especifically, the space between them.

73

Hence, a space not less than a third of logo’s height should be reserved as free on all sides. An example of the proposed statement is provided.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

x

As a reference it can be observed the width of the logo equals four times its height.

4x

1/3x

1/3x

x

1/3x

The exclusion visually represented here is computed as follows: Clearance= height/3

1/3x

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

74


VISUAL STRATEGY

75

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

LOGO CONTRUCTION GRID

PROTECTIVE SPACE

Here a reproduction of the logo can be found. The depiction helps to guarentee the exact proportions are used in any application.

In any type of atmosphere there should a “breathing” space. It is the same with a logo. In this case it should be all around it in order to let it stand by itself with no visual and/or design distractions.

The overall proportions are (1:4) one by four and must always be respected. Be aware of the position of the paired typefaces, more especifically, the space between them.

Hence, a space not less than a third of logo’s height should be reserved as free on all sides. An example of the proposed statement is provided. PROHIBITED LOGO TREATMENTS

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

76


VISUAL STRATEGY

PROHIBITED LOGO TREATMENTS The official logo or signature must never, under any circuntance, be altered, or decorated. It should not be modified by condensing, streching it or taking a chance to change its already established proportions. For instance, when unsure of the use of the official signature, please contact tap and munch. The following examples are some of the not allowed uses of the logo which are not a limitation of all the wrong posibilities of how to use it.

77

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

Do not change the proportions in anyway.

Do not add visual elements.

tap and munch tap and munch tap and munch tap and munch tap and munch tap and munch tap and munch tap and munch tap and munch tap and munch tap and munch tap and munch tap and Do not change the logo orientation.

Do not place the logo over a pattern of an kind.

tapand Do not departure from official colors.

Do not reverse the colors.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

78


VISUAL STRATEGY

79

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

LOGO CONTRUCTION GRID

PROTECTIVE SPACE

Here a reproduction of the logo can be found. The depiction helps to guarentee the exact proportions are used in any application.

In any type of atmosphere there should a “breathing” space. It is the same with a logo. In this case it should be all around it in order to let it stand by itself with no visual and/or design distractions.

The overall proportions are (1:4) one by four and must always be respected. Be aware of the position of the paired typefaces, more especifically, the space between them.

Hence, a space not less than a third of logo’s height should be reserved as free on all sides. An example of the proposed statement is provided.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

THE COLOURS

80


VISUAL STRATEGY

THE COLOURS Color is a design element that can evoke differents effects in the viewer with minimal changes. Hence, in order to provide a visual consistency in color is important to commit to use the designated ones to avoid confussion. However, there are instances or special circuntances as well when the original colors cannot be applied. These cases may include too dark environments or too bright. When any of this occur the

81

resolution has to be consulted to and decided by Tapandmunch. However, do not use black as background. Tap and Much corporate main colors are Pantone 123c and Pantone 4975c, together with white. Remaining colors are meant to be used to organize information and give structure. The tint specified here it is used as overlay in photographs in some cases.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

RGB: 255 199 44 HEX: FFC72C CMYK: 0 22 91 0 PMS: 123 c

RGB: 82 82 82 HEX: 525252 CMYK: 64 56 56 33 PMS: 425c

RGB: 53 18 18 HEX: 351212 CMYK: 52 78 72 75 PMS: 4975c

RGB: 127 104 101 HEX: 7f6865 CMYK: 27 40 37 39

52%

tint

RGB: 255 255 255 HEX: FFFFFF CMYK: 0 0 0 0

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

RGB: 139 141 144 HEX: 8b8d90 CMYK: 0 0 0 54 PMS: 8c

82


VISUAL STRATEGY

83

((

((

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

LOGO CONTRUCTION GRID

PROTECTIVE SPACE

Here a reproduction of the logo can be found. The depiction helps to guarentee the exact proportions are used in any application.

In any type of atmosphere there should a “breathing” space. It is the same with a logo. In this case it should be all around it in order to let it stand by itself with no visual and/or design distractions.

The overall proportions are (1:4) one by four and must always be respected. Be aware of the position of the paired typefaces, more especifically, the space between them.

Hence, a space not less than a third of logo’s height should be reserved as free on all sides. An example of the proposed statement is provided. THE T YPOGR APHY

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

84


VISUAL STRATEGY

ACCOMPANYING TYPEFACES In order to preserve the harmony throughtout the whole design and also deliver a clear message, the typeface accompanying the brand and within the app must be careful selected. Open Sans is the typeface to be used along tap and munch. Also, in some official collateral and promotional items, Avenir Book is used.

85

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

AA

Open Sans SemiBold

ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 0 1 2 3 4 5 6 7 8 9 !@#$%^&*()_+{ }”:<>?/.,;’[ ]=-`~ Open Sans Regular

AA

ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 0 1 2 3 4 5 6 7 8 9 !@#$%^&*( )_+{}”:<>?/.,;’[ ]=-`~ Open Sans Light

AA

ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 0 1 2 3 4 5 6 7 8 9 !@#$%^&*( )_+{}”:<>?/.,;’[ ]= -`~ Avenir Book

AA

ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 0 1 2 3 4 5 6 7 8 9 !@#$%^&*( )_+{ }”:<>?/.,;’[]=-`~

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

86


VISUAL STRATEGY

87

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

LOGO CONTRUCTION GRID

PROTECTIVE SPACE

Here a reproduction of the logo can be found. The depiction helps to guarentee the exact proportions are used in any application.

In any type of atmosphere there should a “breathing” space. It is the same with a logo. In this case it should be all around it in order to let it stand by itself with no visual and/or design distractions.

The overall proportions are (1:4) one by four and must always be respected. Be aware of the position of the paired typefaces, more especifically, the space between them.

Hence, a space not less than a third of logo’s height should be reserved as free on all sides. An example of the proposed statement is provided. ADDITIONAL VISUAL ASSETS

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

88


VISUAL STRATEGY

ICON SET As part of the branding solution used to complement the friendly approach of the tap and munch brand some icons were crafted. These are used within the app and they also can be found in some collateral products for visual support.

89

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

90


VISUAL STRATEGY

IMAGERY STYLE It is true that a story can be told through a photograph. Therefore, the images to be used along with the tap and munch brand should be expressive but not crowded, clear but eye-catching. The photography is used as a visual support to convey the right message the right way, and to promote the app features together with the advantages of using it on a regular basis. The following are some examples of the desired approach.

91

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

92


VISUAL STRATEGY

93

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

LOGO CONTRUCTION GRID

PROTECTIVE SPACE

Here a reproduction of the logo can be found. The depiction helps to guarentee the exact proportions are used in any application.

In any type of atmosphere there should a “breathing” space. It is the same with a logo. In this case it should be all around it in order to let it stand by itself with no visual and/or design distractions.

The overall proportions are (1:4) one by four and must always be respected. Be aware of the position of the paired typefaces, more especifically, the space between them.

Hence, a space not less than a third of logo’s height should be reserved as free on all sides. An example of the proposed statement is provided. CORPOR ATE IDENTIT Y

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

94


VISUAL STRATEGY

s tationary s ys tem

95

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

B usiness C ard

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

96


VISUAL STRATEGY

97

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

LOGO CONTRUCTION GRID

PROTECTIVE SPACE

Here a reproduction of the logo can be found. The depiction helps to guarentee the exact proportions are used in any application.

In any type of atmosphere there should a “breathing” space. It is the same with a logo. In this case it should be all around it in order to let it stand by itself with no visual and/or design distractions.

The overall proportions are (1:4) one by four and must always be respected. Be aware of the position of the paired typefaces, more especifically, the space between them.

Hence, a space not less than a third of logo’s height should be reserved as free on all sides. An example of the proposed statement is provided.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

COLL ATER ALS

98


VISUAL STRATEGY

P romotional Tote B ag

99

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


VISUAL STRATEGY

P romotional M ugs

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

100


101

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


07. MARKETING STR ATEGY

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

102


MARKETING STRATEGY

THE FACT It is a fact that young consumers are trending toward healthier eating habits. There are more people also interested on eating a homemade meal over a processed food. These type of foods would not even give the nutrients we need. In addition, people are making better use of the information available, getting used to replace junk food for real food. They are paying more attention to the nutritional values of what they eat and of course how this saves them a better upcoming future. However, this does not mean that the brand target is just people who are worried about their health.

having favorites recipes, which is the perfect combination for tap and munch objective. That being said, in order to communicate the message and aggressively become a competitive option in the market tap and munch uses mainly the resources of the social media and word of mouth to complete its own strategy. Minimal use of print collateral is used though, as a way to spread the word in groceries shops that would make a good alliance due to the common interest of both sides.

If this is a trend and more people are investing their time and effort to make a better self , this translates into shopping for groceries, cooking more meals and

103

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


MARKETING STRATEGY

It is also is important to make use of social media to engage with users. It can help to increase the audience, go viral but at the same time avoiding not to become annyoing. It is all about building value and motivate users to give feedback and share their views, opinions and ideas. These type of strategies could be implemented through facebook and twitter mostly, where a quick and short message is enough. The following are examples of printed material to market the app as well as a landing page where the visitors can learn about the features of the app, know the interface and have a tour using the prototype and discover the app by themselves.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

104


MARKETING STRATEGY

105

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


MARKETING STRATEGY

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

106


MARKETING STRATEGY

Friendly Cards

107

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


MARKETING STRATEGY

Friendly Cards

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

108


MARKETING STRATEGY

109

((

((

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


MARKETING STRATEGY

L ANDING PAGE

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

110


MARKETING STRATEGY

111

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


MARKETING STRATEGY

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

112


CONTACT

CONTACT Doris Nunez doris.nunez@gmail.com dorisnunez.com 646.510.1624

113

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

114


115

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


GLOSSARY

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

116


GLOSSARY

Brand:

Color:

It is an image or summarized expression

Visual perception of objects with respect

of a product or service themselves,

to light reflected by the object.

also collaterals and promotional items, symbols, words, etc, or any combination of

Cookbook:

these that identifies a product or service.

In the present guideline it refers to the

In this guideline it refers to Tap and Munch.

section of the app where the user saves their recipes.

Collateral Product: Collection of media, products or services

Discover:

to support communicate

a message or

In the present guideline it refers to the

to sell a product. It is often called sales

section of the app where the user search

support tool.

for recipes.

CMYK:

Food preferences:

It refers to the (4) four colors model used

In the present guideline it refers

in printing: Cyan, Magenta, Yellow and Key

to the section of the app, located in the

black.

user’s profile, where the user specifies their diet preferences.

117

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


GLOSSARY

Grid:

Missing Ingredients:

Visual framework or structure compound

In the present guideline it refers to the

of parallel spaced bars to each other that

section of the app where it is indicated

helps to organize and place an element in

the ingredients that are not in existance

space in a rational way.

in the user’s pantry within the app.

Grocery list:

Official Signature:

In the present guideline it refers to the

In the present guideline it refers to the logo

section of the app where the user create

itself, the graphic mark that represents

grocery list, list of ingredients to shop.

Tap and Munch.

Hex:

Pantone:

This number refers to the hexadecimal

A system for matching colors, used in

representation of a color normally used

specifying printing ink, specified by a single

in web applications, HTML.

number.

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

118


GLOSSARY

Pantry:

Tap and munch

In the present guideline it refers to the

It is a mobile app that helps users track

section of the app meant to be used as

their pantry, make grocery list, create

a tracker for user’s ingredients in stock

cookbooks and set reminders based

at home.

on shopping lists and or events. It is designed to suggest recipes based on the

Reminders:

information collected from users ,pantry

In the present guideline it refers to the

and diet preferences.

section of the app where the user set alarms notifications linked to grocery list

Track:

and events.

In the present guideline it refers to the section and feature of the app where the

RGB:

user keep record of the ingredients they

It refers to the color system that uses the

have and run out of, in order to facilitate

combination of Red, Green and Blue to

the shopping process and also the recipes

construct all the remaining colors to be

recommendations

used in a computer display. Visual Consistency: It refers to the use of visual elements in a consistent, even manner.

119

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

120


121

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


BIBLIOGR APHY

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

122


BIBLIOGRAPHY

Sifferlin, Alexandra, and Alexandra

“Whaz in the Fridge – Windows Apps on

Sifferlin. “Good News! We’re Eating Better

Microsoft Store.” Microsoft Store. Web.

(At Least At Home).” Time. Time. Web.

19 Apr. 2016.

Spring 2016. Watson, Elwood D. “Younger Consumers

“The Mobile Design Process.” Code

Are Trending Toward More Health-

Envato Tuts. Web. Spring 2016.

Conscious Eating.” The Huffington Post. TheHuffingtonPost.com. Web. Spring 2016. “Millennials Infographic.” Goldman Sachs. Web. Winter 2015. “American Adults Are Choosing Healthier Foods, Consuming Healthier Diets.” U.S. Department of Agriculture. USDA. Web. Spring 2016.

123

TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016


TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

124



TAP AND MUNCH SENIOR PROJECT BOOK | 05.2016

126



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.