Gusto 🥦

As a college student, grocery shopping and cooking for myself was intimidating. Gusto will help at home chefs from any experience level take control of their health and cooking game.

ROLE

Product Designer, User Interface Designer


TEAM

Solo

ROLE

Product Designer, User Interface Designer


TEAM

Solo

TIMELINE

4 weeks


TOOLSET

Figma, Google Forms, Usability Testing, Pinterest

TIMELINE

4 weeks


TOOLSET

Figma, Google Forms, Usability Testing, Pinterest

Cooking is Hard.

As a college student, stepping into the grocery store and kitchen alone, for the first time, was pretty intimidating. I had no idea what to buy or how to prepare the food I bought.

As it turns out, I was not the only one experiencing this.

“The most difficult thing... is the optionality and freedom/subjectivity of it. Shopping and cooking is not easy” — User A

“The most difficult thing... is the optionality and freedom/subjectivity of it. Shopping and cooking is not easy” — User A

“I have a hard time buying groceries that can be used for other meals. It would be nice to have an app that can identify ingredients that can cook multiple, different meals” — User B

“I have a hard time buying groceries that can be used for other meals. It would be nice to have an app that can identify ingredients that can cook multiple, different meals” — User B

“I often don’t know what to make with what I bought, so recipe ideas and instructions on how to best cook ingredients is most helpful.” — User C

“I often don’t know what to make with what I bought, so recipe ideas and instructions on how to best cook ingredients is most helpful.” — User C

And this is where Gusto comes in.

Gusto is an app that has 3 core functions.

  1. Ask Gusto

Introducing Gusto, an AI chat bot that helps answer any of your questions, on demand. Users can chat with Gusto to solve issues about their recipes immediately.

I often ask my parents all my cooking related questions, so this can be a resource specifically to help if my parents aren't around.

  1. Explore page

This helps users find recipes that are similar to ones they like, based on an algorithm.

These recipes would be tailored for them specifically and be based on past search history and saved recipes.

  1. Master Grocery List

Users can add goods needed for specific recipes directly into their grocery list, which is categorized based on the department they would be located in.

This would help cut time in the grocery buying process by giving users a conceptual map of where their items are located.

So, how did I get here?

I went through 4 phases: Research, Ideating, Designing, Testing

Research

In my research phase, I created and sent out a google form to 16 people who were just like me, college students who were also first time chefs and shoppers. Here were my conclusions:

The top three skills in which they needed help with in the process from start to finish are:

  1. Recipe Creation (81.3%)

  2. Buying Groceries (50.1%)

  3. Cooking Directions (43.8%)

  1. Recipe Creation (81.3%)

  2. Buying Groceries (50.1%)

  3. Cooking Directions (43.8%)

In conclusion, students have trouble with every step in the process. An app, like Gusto, would be able to aid us in learning these skills that seem like only our parents know how to do.

Competition

Even though there are many resources out there, students do not have time to use every individual one, so condensing it into one tool seemed like the best plan. I wanted to create a simple, effective interface that included most functions that these apps have.

Even though there are many resources out there, students do not have time to use every individual one, so condensing it into one tool seemed like the best plan.

I wanted to create a simple, effective interface that included most functions that these apps have.

Ideating and Designing

I started off with creating the brand and design assets.

I started off with creating the brand and design assets.

Moodboard and Style Guide

Site map

I drew 10 wireframes to help myself start to visualize the way I would like the app to flow/look and proceeded to build them with a wireframing library via Figma.

User Testing

After I created my first prototype, I tested using the guerilla user testing method with 3 users who were apart of my target demographic. These were the conclusions:

  1. Menu layout and icons should be adjusted to ensure correct representation of pages and flow

  • List = grocery list (instead of saved lists)

  • Search -> Banner

  • Search bar accessed on explore page to be consistent with other social media apps

Before

Left to Right

Explore, Search, Home, AI Chat, Saved Lists

Left to Right

Explore, Search, Home, AI Chat, Saved Lists

Left to Right

Explore, Search, Home, AI Chat, Saved Lists

After

Left to Right

Explore, AI Chat, Home, Saved Lists, Grocery Lists

Left to Right

Explore, AI Chat, Home, Saved Lists, Grocery Lists

Left to Right

Explore, AI Chat, Home, Saved Lists, Grocery Lists

  1. Inclusion of more visuals (Left: Before, Right: After)

  1. Making the recipe page more legible and easier to read.

  • Adding bullets to the list for legibility

  • Increase padding for negative space

Before

After

Final Prototype
Final Thoughts

I really enjoyed this project as this issue is something I have navigated myself. I wanted to gain more experience with usability testing and talking through my designs and I achieved that. It was fun to be able to show off my work and actually gain constructive feedback that was able to encourage me to improve my design.

If I had more time, I would have loved to show more functions or do more in depth prototyping, for example, slide to delete functions. I would also love to do more testing or animating little parts of the app to make it more fun.

One place where I'd like to improve on is the recipe layout, where I feel like this is a section that is notoriously text heavy. Perhaps by adding in video or image content to add visuals and break up the text, I would want to research different ways in industry that help to break up this text. Hopefully, this would make the user experience better, and make this application stand out on the market.

I really enjoyed this project as this issue is something I have navigated myself. I wanted to gain more experience with usability testing and talking through my designs and I think I achieved that. It was fun to be able to show off my work and actually gain constructive feedback that encouraged me to improve my design with users in mind.

If I had more time, I would have loved to show more functions or do more in depth prototyping, for example, slide to delete functions. I would also love to do more testing or animating little parts of the app to make it more fun.

I also really enjoyed the brand design and finding inspiration part of the project. I actually found inspiration for the logo font while working at my part time job at Wegmans, from a probiotic brand! I would love to explore more branding in the future.

Back to Home