Meal Kit Delivery
Kitchin, a concept born from my Mobile App Design Foundation course taken in 2020, envisioned to be a meal kit delivery app designed to bring chef-crafted recipes and pre-prepared fresh ingredients directly to users. In this capstone project, I was responsible for both the UX flows & UI design, focusing on creating an accessible & engaging experience for a diverse user base. The app caters to busy individuals seeking quick yet healthy homemade meals, culinary adventurers exploring different cuisines, and cooking enthusiasts eager to learn from professional chefs.
About the Project
Kitchin is a platform that delivers chef-designed recipes and all-prepped fresh ingredients to our users’ doorsteps only within a few quick steps.
The app aims at (1) busy users who want to make delicious, healthy homemade meals, (2) adventurous users who love to explore different culinary arts, (3) and anyone who loves cooking and learning from professional chefs.
This app is the first UI product I have made during my Mobile App Design Foundation course in 2020.
User Flow
The user flow is divided into 2 main sections: (1) Pre-purchasing, users can explore recipes, review the ingredients that come with it, preview instructions and read reviews from other people. bought before. (2) Post-purchasing, users can get their complete instructions, track their order, contact customer service if there are any problems, and share their exprience/review with future buyers.
Explore
New Recipe
Pre-purchasing, users can either manually search for recipes using the search bar & filter functions, or they could get suggested by our highlighted recipes that get switched out weekly.
Seasonal/special recipe will be highlighted on the top banners with horizontal scrolling. Right below will be our weekly suggested recipes and other related suggestions.
Once users starting searching, along with their previous searches, they will be suggested with top trending recipes (most searched), allow users to try out new things.
Below the suggested recipes sections, users will get their personal picks customized based on the recipes they have viewed. From here, it will become infinite vertical scrolling to reduce waiting time on preload, improving user experience on the app.
Users will also be able to use the filter functions to narrow down to their interest and budget.
Order &
Instruction
Kitchin provides users step-by-step instructions, along with video and step checklist, making it easier for you to follow along.
Pre-purchasing, users can view the list of ingredients and preview our demo instructions for the set.
Reviews from previous customers will also be available under rating, comments, and image/video to make it easier for our users to decide.
Direction tab is designed as a checklist for you to check off completed steps for better following
Once users decide to make the purchase, they can add the ingredient set to their cart and proceed their payment.
Kitchin allows users to either pay with their e-Wallet or adding their cards/bank account directly to the app.
Post Order
Placement
Once users have created the order, they will be able to (1) track their order status, (2) rate their order and share their experience with future customers, (3) contact customer services if there is any dissatisfactions about their orders.
Users can track their delivery status via live update on our app. They will also be able to cancel their order before the package being shipped out.
Users will also get access to our Customer Services Live Chat once the order number is generated, in order to get help on payment, delivery status and other related issues.
To check order history, users can get to their "Recent Orders" page, located inside their hamburger menu, in order to quickly repeat previous order or just to keep track of items purchased.
PROJECT CREDIT
This mobile app project is the capstone project I designed for Mobile App Design Course at Capi Demy (Hanoi, Vietnam)
This UI concept project is for the purpose of study and practice only.
Resource
Royal-free stock photos from Pexels
Illustrations @ Dreamstime, Freepik Premium
Google Material Icon Set
