Plate Me is a student project Website to help users prepare meals without the need for grocery planning. Users are given meal kits along with recipes, allowing them to customize their meals according to their dietary regimen and preferences.

PROJECT OVERVIEW

Team

Whitin 3 Months

Duration

Individual

Role

UI/UX Desigenr

Tools

Figma ,

Business Needs

• Customization process

• Providing meal kits tailored to dietary regimens.

Target User

• The website is designed for individuals who are following specific dietary regimens, seeking to personalize their meals, and have limited time for grocery shopping, while also enjoying food variety and cooking.

Goals

• Transparency in the design process through step-by-step customization based on user needs and preferences.

Design Process

Discover

To understand users and problems, the following steps has been taken

• Interviews

• Affinity Diagram

• Competitive analyses

• Surveys

Interview

I want to understand:

1. Why do the users with dietary regimens choose a meal kit?

2. Do users customize a meal kit, and if so, based on what criteria?
   

We asked more open-ended questions, allowing for a discussion with the interviewees rather than a straightforward question-and-answer format.

Takeaways

Competitive Analyses

We analyzed 4 similar websites, their features, and workflows. In doing so, we were able to design a more effective information architecture and discover what features our website should have.

During the analysis, I noticed a series of problems that are user needs on other websites but do not exist in our business, such as...

• Limited number of recipes based on diet plan

• Mandatory payment at the initial stage before viewing recipes.

Takeaways

• Product Page

• Recipe Selection Page Filters

• Ability to Add More Ingredients

• Improving Information Architecture Importance

  Based on the business challenges mentioned above, I have included the following features on the homepage:

• Clear indication that users can easily select a minimum of 20 recipes per week for each dietary plan.

• Payment after viewing and selecting recipes.

survey

I surveyed individuals I interviewed and realized they follow specific dietary regimens. I then understood which factors are more important to them when selecting a recipe.

Which of the following factors is more important to you when ordering food?

I want to understand:

Takeaways

• Preparation Time & Difficulty filters on the recipe selection page.

• The importance of displaying macros in each recipe based on the diet plan.

Define

Persona

To guide our design tasks and share user research findings, i created a persona.

Site Map

User Flow

Based on the card sorting, the first version of the information architecture was made.

Design

Mid-fidelity wireframes

The wireframes went through a couple of rounds of iteration before the final content was developed.

UI Design

Upon thorough analysis of all our research data, we gained a comprehensive understanding of the challenges associated with our project and attempted to address them by incorporating a solution into our design.

Challenges and Solutions

The need for "Add More Protein" options tailored to each diet when selecting a recipe.

• Displaying "Add More Protein" options tailored to each diet in three different gram amounts.

Challenges

Solutions

The possibility to select ingredient preferences according to the diet plan.

• Placing ingredients into three macro groups tailored to the diet plan.

Option to select allergies.

• Placing Allergies at the forefront of the customization process.

Completing step-by-step selections and being informed of previous stage choices.

• Designing a step-by-step process for customizing meal kits tailored to the user's diet, including selection of the previous stage and awareness of other stages.

Selecting recipes based on diet and awareness of macronutrients.

• Selecting the diet in the initial stage and displaying recipes accordingly.

Finding recipes with different cooking times and varying levels of difficulty tailored to the user's diet.

• Placing filters for Preparation Time & Difficulty on the recipe selection page.

Informing the user about recipe customization.

• Slogan

• CTA

High Fidelity Mockups