Plated

Plated

Recipes Made Simple

September 2024
3 months
Role: UX Lead

CONTEXT

Cooking made easy

Cooking made easy

Plated is a recipe app designed to help beginner cooks feel confident in the kitchen with easy, step-by-step instructions, helpful tips, and visual guidance. As UX Lead, I created an intuitive and supportive experience through research, wireframing, prototyping, and usability testing.

DallasHacks is a local hackathon that brings students and aspiring developers together for a weekend of building, learning, and collaboration. The original website struggled with unclear registration, missing event details, and low engagement. As Lead UX Designer, I created a streamlined, informative, and visually engaging experience to support organizers and participants.

RESEARCH

The kitchen struggle

The kitchen struggle

While many recipe apps exist, they tend to assume a level of prior knowledge overwhelming users with jargon-filled instructions and complex techniques. To address this gap, I set out to create a supportive, step-by-step experience with visual guidance and simple instructions.

Simple Language Make cooking approachable with beginner-friendly language.

Smooth and painless sign-up process increasing turnout and engagement for the event.

Easy Registration

Visual Guidance Simplify cooking with easy, step-by-step visual guidance and support.

nsure that users can find essential information about the event such as the date, location, speakers, registration, etc.

Enhanced Discoverability

Improved Accessibility

Intuitive Learning Encourage learning through intuitive, easy-to-follow interactions.

Design a website that is seamless from desktop to mobile and inclusive to all users.

Persona prioritization

Persona prioritization

I explored six unique personas to reflect the diversity of users who might engage with a recipe app: Beginner Bella, Fast-Track Frank, Gourmet Gabriella, Nutrition Nate, Party Pete, and Seasoned Sally. Each represented different cooking motivations, skill levels, and priorities.

With that being said, I prioritized Beginner Bella—a new home cook seeking guidance, simplicity, and confidence in the kitchen. I chose to focus on Bella not only because her needs aligned closely with the app’s goals, but also because I personally relate to her experience.

To better understand the first-time cooking experience, I created a user journey for Beginner Bella. It traced her path from discovering Plated to completing a recipe, revealing pain points like confusing instructions and fear of mistakes.

Key Insights

Key Insights

Simplicity

Beginner Bella values clear and concise instructions. Avoid jargon and complex terms.

Beginner Bella values clear and concise instructions. Avoid jargon and complex terms.

Accessibility

Ensuring the app is easy to navigate and use, even for users unfamiliar with cooking apps or technology in general.

Ensuring the app is easy to navigate and use, even for users unfamiliar with cooking apps or technology in general.

Personalization

Tailoring recommendations based on Bella's preferences and skill level can enhance her overall experience.

Tailoring recommendations based on Bella's preferences and skill level can enhance her overall experience.

DEVELOPMENT

Design and ideation

Design and ideation

I began the design phase with rounds of task and function sketches to explore key features and user actions. This helped identify essentials like recipe filtering, ingredient-based searches, and personalized recipe recommendations. Sketching early clarified how to simplify tasks for beginners and laid the groundwork for wireframes and prototypes.

To prioritize features effectively, I conducted a MoSCoW analysis that categorized Plated’s functionality into Must-haves, Should-haves, Could-haves, and Won’t-haves. This helped focus the design around core needs like clear navigation, step-by-step instructions, and beginner-friendly filters, while setting aside less critical features for future iterations.

To prioritize features effectively, I conducted a MoSCoW analysis that categorized Plated’s functionality into Must-haves, Should-haves, Could-haves, and Won’t-haves. This helped focus the design around core needs like clear navigation, step-by-step instructions, and beginner-friendly filters,

Use case modeling

Use case modeling

I created use case diagrams to visualize how users interact with Plated’s core features, mapping goals like cooking a meal, finding new recipes to try, or creating a grocery list. This process helped validate functionality, identify edge cases, and ensure a flexible, user-focused experience.

Inputs and outputs

Inputs and outputs

I created an input-output mapping to connect user actions with meaningful feedback. From ingredient searches to serving size adjustments, each input triggered helpful outputs such as recipe suggestions, grocery lists, and nutrition info—making the app more intuitive and supportive for beginners.

Inputs

  1. Ingredient search

  2. Dietary preferences & restrictions

  3. Serving size selection

  4. Weekly meal plan

  5. User-submitted recipe


Outputs

  1. Personalized recipe suggestions

  2. Filtered recipe results

  3. Adjusted ingredients

    & nutritional breakdown

  4. Auto-generated grocery list

  5. Community feedback & reviews


Wireframing

Wireframing

During the wireframing phase, I shaped the app’s structure to support a smooth, beginner-friendly experience. Low-fidelity prototypes helped visualize key flows like browsing recipes, saving favorites, and viewing step-by-step instructions, allowing for quick feedback and iteration before moving to high fidelity.

TESTING

Paper prototype

Paper prototype

After creating wireframes and low-fidelity prototypes, I conducted a paper prototype usability test to evaluate interactions within the app’s core flows. This early-stage testing method helped identify usability issues, gather initial reactions, and validate whether the layout and navigation felt intuitive.

The usability test focused on three key tasks: searching and filtering recipes, adjusting serving sizes, and creating a recipe. These tasks were chosen to reflect common beginner needs and evaluate how well the low-fidelity design supported them.

During the paper prototype test, I observed how a user completed three key tasks and gathered feedback. The participant shared what they liked, suggested improvements, asked questions, and offered new feature ideas—giving insight into how real users experience the design.

Likes

  1. Serving size adjuster

  2. Ingredient substitution

  3. Filter

  4. Navigation

  5. Clear direction & labels

Improvements

  1. Account login

  2. Preset filter options were confusing

  3. Necessary equipment list

Questions

  1. Is there a way to sign into the app?

  2. If I'm allergic to something, where is the substitute list?

Ideas

  1. Add equipment list in addition to ingredients list

  2. Cooking history tracker

  3. Skill-level specific tips

FINAL DESIGN

High fidelity mockups

High fidelity mockups

The final designs brought Plated’s visual identity and core user flows to life, translating early sketches and paper prototype feedback into a polished, interactive design. Insights from the initial usability test directly informed layout, navigation, and feature clarity, which were then evaluated in a second round of remote, unmoderated testing.

SURVEY

Gathering feedback

Gathering feedback

To gather feedback on the overall user experience, I conducted an unmoderated usability survey. It began with a short demographics section to understand participants’ age, profession, and experience with recipe apps. The survey then explored reactions to typography and visual design, and included a brief A/B test comparing different layout and interface options. Based on the responses, I identified several key takeaways from the survey results.

Typography

68% of users preferred a serif typeface, noting it felt more "friendly," "warm," and "easier to read" in the context of a recipe app.

68% of users preferred a serif typeface, noting it felt more "friendly," "warm," and "easier to read" in the context of a recipe app.

Corner Styling

A majority of users favored rounded corners over sharp edges for buttons and cards, saying the softer visuals felt more "approachable".

A majority of users favored rounded corners over sharp edges for buttons and cards, saying the softer visuals felt more "approachable".

Recipe Card Layout

When shown two variations of the recipe browsing screen, 73% of participants preferred the layout with more visible recipe cards, allowing for easier discovery.

When shown two variations of the recipe browsing screen, 73% of participants preferred the layout with more visible recipe cards, allowing for easier discovery.

LOOKING AHEAD

Final notes

Final notes

Designing Plated gave me the opportunity to explore how thoughtful UX can support and empower beginner cooks. From early research to testing visual layouts, each step reinforced the importance of clarity, simplicity, and encouragement in the kitchen. This project helped me better understand how to translate user needs into intuitive design decisions—making cooking feel less intimidating and more accessible.