Dishkit product design & UIUX design
School: ArtCenter College of Design, Visual & Interaction
Contributor: Rachael Drapper(Instructor), Brain Boyl(Instructor)
Focus: UIUX Design, Branding Design
School: ArtCenter College of Design, Visual & Interaction
Contributor: Rachael Drapper(Instructor), Brain Boyl(Instructor)
Focus: UIUX Design, Branding Design
World Cuisine is a virtual brand which targets on people who are culinary adventurers who seeking to explore and enjoy high-quality cooking experiences.
(In this project) The brand enable the users to cook worldwide famous dishes at home by pre-portioned ingredients and exclusive traditional recipes.
Unlike brands focused on healthy diets and subscription plans, World Cuisine conveys a spirit of explorative, adventurous, and high-quality attitude.
As the brand offers pre-portioned ingredients and recipes, to craft a friendly and holistic experience, its experience starts from ordering at website, to the first touch of the package and cooking with recipe app.
• A quick view of the brand’s mission and tone
• Showcase of top dishes with click-to-view details
• Highlights of the chef team and unique features.
• Explore all dish choices with filter and preferences.
• Simple and easy-understanding guide of the dish;
• Build customized dish kit by choosing the ingredients.
• Explore all dish choices with filter and preferences.
• Simple and easy-understanding guide of the dish;
• Build customized dish kit by choosing the ingredients.
• The purchased recipes will be shown in the collection as cards.
• Cards provides appealing visual of the dish and clear goal.
• Accesse to all recipes and scanning recipe.
• Quick step jumps and displaying step durations.
• Switch between image or video mode.
• Very detailed and fitting recipe for each kit.
I dismissed the idea of a healthy, green look because it feels more suited for long-term use, rather than evoking the excitement and curiosity of ordering a specialty dish at a fine dining restaurant. I need a visual that’s impactful but not chaotic.
In the UI design, I used octagonal shapes to carry over the branding from the packaging. In fact, I initially designed the packaging first. Inspired by Chinese mooncake boxes, The intricate octagonal design attracted me and the complexity and elegance make the gift feel more precious, so I incorporated this visual element into the brand visuals.
First goal is to make it visually appealing, I intergrated a dark background with gold accents for an elegant feel. I combined large serif fonts for headings and modern sans-serif fonts for body text, balancing tradition and modernity. It went through 2 versions by user tests, the main improvement is what I gradually turn text-heavy websites into more interactive and information chunked layout.
After several revisions, I concluded this：
If users can't quickly find the next step, they'll close the page.
Multiple page tests and timing calculations show that homepage efficiency is about 5s, and the dish details page is about 6s.
The goal of this stage is to fully understand the current market for trendy prepared food products and to learn about the user community. To successfully achieve this goal, I analyzed competing products and applications, and completed the user experience research process.
The goal of this stage is to fully understand the current market for trendy prepared food products and to learn about the user community. To successfully achieve this goal, I analyzed competing products and applications, and completed the user experience research process.
How might we provide pre-portioned ingredients and step-by-step recipes to help these cooks easily discover and prepare diverse, high-quality dishes?
By analyzing each competitor's services and applications to identify their strengths and weaknesses, I can discover potential innovative concepts and features to differentiate myself.
As a culinary enthusiast keen on exploring diverse tastes, I sought to understand people's current food interests and needs. I distributed 157 questionnaires, receiving 124 effective responses. Here's what I learned.
The interviews were driven by open-ended questions aimed at understanding users' habits and pain points regarding purchasing ingredients, cooking, and recipes. I gathered information from individuals who are interested in cooking and enjoy trying new recipes. From this, I could understand the social behaviors of potential users on other platforms and what might satisfy them.
Based on these assumptions, we categorized the selection criteria for the interviewed users as follows:1. Individuals who cook and are interested in trying new recipes: 4 participants.2. 21-45 years old;3. Cooking time > 1h;4. Using cooking app or recipes to cook.
After creating the persona, I needed to define the design challenges and frame them as problems to help me better brainstorm a range of solutions.
I created the first edition app map for World Cuisines that shows how the features will be idesigned.
I started by creating a task flow that identified key tasks that all users completed in the same way.
After a long process of drawing low&mid-fidelity diagrams, I had the first high-fidelity wireframes that could be used as prototypes in the first usability tests.
The purpose of testing is to evaluate the usability of functionality, interface design, information flow, and information architecture. The four tests were conducted, with a total of 4 participants participating in the usability testing.
The main problem is that the interface is not clearly expressed enough, which causes some understanding problems for users. But overall users can get the corresponding information.
After a long process of drawing low&mid-fidelity diagrams, I had the first high-fidelity wireframes that could be used as prototypes in the first usability tests.
