A Fam-to-Table Experience
FoodFam is a mobile application that allows users to find a recipe on the internet and cook a meal together with their "fam". With personalized profiles and intuitive task division, FoodFam makes cooking together easy-peasy-cheesy!
Cooking Together with FoodFam
Users can add an avatar, choose a nickname and complete their profile with food preferences to start seeing a curated recipe feed on their home page.
FoodFam - Profile Creation
Stress-Free Team Cooking
Choosing “Let’s Cook” allows users to select the profiles that will be collaborating. All kitchen tasks are divided among the profiles based on the age specified during profile creation. Parents never have to worry about how to keep their child engaged (and safe!) in the kitchen again.
Memories for Every Moment
FoodFam tasks involve taking photos and videos of your team partner during the food mission. When the tasks are complete, users can watch a montage of all the exciting things they did together on the mission and share those memories with the world!
Making Memories to Cherish
How We Got There
Testing the design at an early stage was extremely helpful for the team. The low-fidelity prototype was designed to test the concept & task flow we had imagined for a mobile application that is intended for team play. Therefore, the usability tests revealed to us what users were skeptical about and what excited them about the concept.
The key insights from the discovery stage played an important role in finalizing how this concept would be brought to life. The apprehension about hackable devices (such as Amazon Echo, Google Home, etc.) led us to believe that designing an app for the mobile phone would be the least intrusive way to introduce conviviality in the kitchen & dining spaces for families.
By combining the affinity of children to adapt to new technology and the importance of involving them in the kitchen to reduce neophobia, FoodFam gives precedence to treating parents and children as equals in the game. When children are instructed to obey adults, it takes the fun out of an activity. FoodFam tasks are divided such that people of all age groups have a task to complete in every step of the recipe. Since the app assigns age-appropriate tasks to each profile, parents can focus on having fun with the children instead of worrying about how to keep them engaged and excited in the kitchen.
The choice of typography, colors, and logo design were inspired by brands that cater to children and adults. For example, Lego, HopScotch, and Toca Boca.
According to Debra Gelman, author of Designing for Kids: Digital Products for Playing and Learning, when you are designing for adults—even when designing games for adults—the goal is to help them cross the finish line. When you are designing for children, the finish line is just a small part of the story. Our visual design choices focus heavily on making the app experience fun and interactive for both user groups.
Colors: Bright, colorful and cheerful hues of orange and teal.
Gestures: Children mostly use simple intuitive gestures such as tap and scroll. So we designed a mobile app with minimal complex actions.
Interactions: Children need an instant reaction and in a game form, so loading screen, profile creation phase, and the final montage screens have bouncing food items or characters to keep the users motivated.
Navigation: To cater to both type of users, all navigation elements are large and clearly articulated. We also ensured that each step in “Let’s Cook” has simple instructions and an easy opportunity to go back.
The name of the app, FoodFam is a combination of two words, “food” and “fam”. Fam is an informal term for family and slang used as a form of address, especially a close friend. FoodFam intends to bring people closer through food-based activities. Our use case is specific to parents and children, but in the future scope of this application, FoodFam can also be a great way to involve family and friends in the kitchen during special occasions.
The logo we designed embodies the fun element of the game while symbolizing the details of FoodFam within the design. By stacking alphabets on top of each other like building blocks, the design communicates the playfulness of the app itself. The font used is Raleway Heavy.
Usability tests were conducted by simulating a scenario in which the participants would use FoodFam in their lives. We were able to validate some of our assumptions and make necessary changes to the app to cater to the different things we learned from those tests. An example of how a low-fidelity screen evolved over time into the final screen is below.