Back to Projects.

Designing the Meal Kit Experience for Chop

Designing the Meal Kit Experience for Chop

Back to Projects.

Back to Projects.

Designing the Meal Kit Experience for Chop

Back to Projects.

Context

Chop App is a UK-based food delivery startup designed to make ordering meals as seamless as possible. By the time I joined the project, the team had already fleshed out most of the app’s core functionalities.


However, the Meal Kit feature, a unique offering that would let users order pre-portioned ingredients to cook meals at home, was still missing. I was brought in to help design this experience from the ground up, ensuring it integrated smoothly with the rest of the app while delivering real value to users.

Role

Timeline

Product Designer

Two weeks

Scope

The goal of this project was to design an end-to-end experience for Chop App’s Meal Kit feature. Beyond simply enabling purchases, the flow needed to guide users through every stage of the journey—from discovering meal kits based on dishes they wanted to cook, to completing their order with minimal friction.

Once a kit was purchased, the app had to provide all the resources a user would need to cook confidently at home.


This included clear visibility of the ingredients provided, step-by-step written recipes, and supporting cooking videos that catered to different learning preferences. The challenge was to ensure all of these elements came together in a way that felt seamless, intuitive, and consistent with the rest of Chop App’s design language.

Approach

To bring the Meal Kit feature to life, I focused on designing a clear and intuitive user journey that would feel both familiar and distinct within Chop App.


The process began by creating a dedicated navigation tab for Meal Kits, ensuring the feature had visibility and a clear entry point. Since it was a new concept for many users, I also designed a quick introductory modal to explain what Meal Kits are and how they work, helping set expectations upfront.

Dedicated nav bar for visibility and intro modal educates first-time users

Dedicated nav bar for visibility and intro modal educates first-time users

Once a purchase was completed, users gained immediate access to step-by-step recipes, cooking videos, and an itemized list of ingredients. Meanwhile, the physical kit was delivered to their doorstep, creating a seamless bridge between the digital and physical experience.


From there, the user flow was structured to mirror a natural shopping experience:

  1. Browse or Search for available meal kits.

  2. View Details including description, ingredients, cooking time, and price.

  3. Add to Cart and proceed to checkout.

  4. Order Tracking integrated with Chop App’s main order page so users could manage all their deliveries in one place.

Once a purchase was completed, users gained immediate access to step-by-step recipes, cooking videos, and an itemized list of ingredients. Meanwhile, the physical kit was delivered to their doorstep, creating a seamless bridge between the digital and physical experience.


From there, the user flow was structured to mirror a natural shopping experience:

  1. Browse or Search for available meal kits.

  2. View Details including description, ingredients, cooking time, and price.

  3. Add to Cart and proceed to checkout.

  4. Order Tracking integrated with Chop App’s main order page so users could manage all their deliveries in one place.

Closing

Working on the Meal Kit feature gave me valuable experience in designing for hybrid journeys that span both digital and physical touchpoints. One of my key learnings was the importance of onboarding users into new concepts—something as simple as a quick modal can help build trust and reduce friction when introducing an unfamiliar feature.

Screens showing the process of purchasing and watching meal kits.

Screens showing the process of purchasing and watching meal kits.

Screens showing the process of purchasing and watching meal kits.

Closing

Working on the Meal Kit feature gave me valuable experience in designing for hybrid journeys that span both digital and physical touchpoints. One of my key learnings was the importance of onboarding users into new concepts—something as simple as a quick modal can help build trust and reduce friction when introducing an unfamiliar feature.

Closing

Working on the Meal Kit feature gave me valuable experience in designing for hybrid journeys that span both digital and physical touchpoints. One of my key learnings was the importance of onboarding users into new concepts—something as simple as a quick modal can help build trust and reduce friction when introducing an unfamiliar feature.

Designing the Meal Kit Experience for Chop

Back to Projects.

Create a free website with Framer, the website builder loved by startups, designers and agencies.