top of page
Snappi_Cover_2.png
Snappi App

This is a conceptual AR app which helps parents easily choose recipes with their kids, using ingredients scanning to determine which dishes to cook. The dishes appear overlayed on the actual environment, which attracts kids's attention to choose a desired dish.  

Role & Duration

​Project in Art Center UX/UI

2018

Deliverables

User Research

Mid-fidelity wireframes

​Hi-fidelity wirframes

Prototypes

Platform

Phone - iOS / Android

The challenge

The main challenge of the project is to figure out the missing parts from the existing cooking apps. Another challenge involved how to make the cooking process more engaging for children.

​?

Gap of existing cooking apps on the market

?

How to involve kids more 

Design Process

We wanted to create an app that bridge a market gap, while helping people live an easier and better lifestyle. We began with ideation to brainstorm possibilities.

Ideation
User Research
Define
​User Flow
Wireframe
Visual Design
Prototyping
IMG_1210.JPG

​Ideation helped our creative process of generating, developing, and communicating new ideas. Through ideation, we evaluated hundred of inspiration files to help bring out concept into focus. During the process, we tried to step beyond obvious solutions while maintaining user friendly approaches. We uncovered new areas of innovation and drew from the strengths of each team member. At the end, we decided to design a mobile app featuring tasty veggie-focused recipes for kids.

Health Oriented recipes

​Kids

recipes

Save time on cooking decisions

Visualized the recipes

AR

Have fun

User Research

Ingredients

userResearch_online.png

We conducted 5 one-on-one interviews, and 10 online surveys. The interviewees all had children, were middle class, and lived in US.

We collected and organized data, then started to define the findings. By keeping our research objective (why users need to use this app) in mind, we searched the data for patterns, themes and stories. From there, we created an affinity map to further interpret the information.  

UserRearch_Snappi.JPG
userResearch_2.JPG
Key Insights
  • Geography impacts the types of nutrition supplements people take

  • Kids favor non-green and sweet vegetables such as corn, red pepper, sweet potato

  • People run out of ideas on what to cook due to the limited ingredients in their home

  • ​Parents like to think of different ways to cook vegetables for their kids

​Needs
  • People needs location-specific nutrition advice

  • Kids want to eat sweet and non-green vegetables, Parents need to convince kids to eat vegetables

  • People need recipes with ingredients they are likely to already have

  • ​Parents need special recipes suited for children

Persona

After the user research, we had a basic understanding of our target audience. Creating a persona helped the team generate reliable and realistic representations. By considering all aspects of the user's life, our design team felt more of a human connection to the project's objectives.

Persona V2.jpg
User Journey Map

Based on the persona, I created a user journey map, which created an aligned mental model for my whole team. This created a memorable format. It gave the team a clear vision to move forward.

Snappi_UserJourneyMap.png
User Flow

Following the research phase, we mimicked a typical user's action to complete the basic functions of the app.  

snappi_userflow.png
​Wireframe

Before going into too much details, I created a lot of sketches on paper. After iteration and testing with parents, I transformed the low-fidelity wireframe into a digital version.

1_WelcomeScreen.jpg
2_QuickQuestion.jpg
3_HP.jpg
4_CameraPopup.jpg
5_Scan_1.jpg
6_Scan_2.jpg
7_Recipe.jpg
Visual Design

I created a "basic elements chart" as a design guide for our team. I also designed an icon for the app

DesignElements.png
Icon_Final.png
Icon with Device_Snappi.png
Prototyping

Ultimately, I created the prototype (you can see it here). We used my prototype to evaluate user interest. 8 out of 10 parents said they were interested in trying the app. Even though this project didn't go live, it pointed toward great future potential.

Final thoughts:

1. Two of my teammates were not familiar with visual design or design tools. I conducted workshops for them before the design phrase. The design principles I set up early on helped the team's whole design process function more smoothly.

2. By integrating AR technology into the project, I was able to find more possibilities for users.

bottom of page