top of page

Concept Design Google Sprint Challenge

Savr Recipes

SAVr Screen.png
Overview

Savr Recipes is a mobile application which offers recipes for at- home chefs.   In this exercise, I spent 5 days developing a solution to satisfy the needs of the user.  I followed the recommended methods provided by a modified Google Design Sprint

Role

Research, Interaction Design, Interview and Validation, Visual Design

​

Methods

Lightning demos, Crazy 8's, Story boarding

​

Problem

Savr Recipes struggles to offer clear and concise cooking instructions for at-home chefs.  Users are complaining of :

  • Difficult to know if user is on the right track while cooking

  • Not fully prepared to cook meal, surprises occur

  • Lack of instructions for advanced cooking techniques

Goal

Improve the Savr Recipes experience for following new recipes and cooking at home.  Offer clear instructions throughout the user experience

Day 1 - Discovery

Improving the user flow for a high quality cooking experience was vital to ensuring a simple and concise process to preparing a delicious meal

Design Sprint Savr Recipe User Map.png

Day 2- Lightning Demos

Lightning Demos provided a quick study of competitor solutions for user experience and interface inspiration

291-2914098_sidechef-logo.png
Screenshot_20220110-233513.png
tasty.png
Screenshot_20220110-233649.png
1920px-AllRecipes-Logo.svg.png
Screenshot_20220110-235033.png

SideChef - The video layout and recipe format offers a clear view of instructions for the user

Tasty - Step-by-step mode gives users the chance to follow easily. UI elements are clean and clutterless.

AllRecipes - Detailed cooking instructions ensure chefs stay on track.  Video instruction feature is excellent for learning advanced cooking techniques

Day 2 - Crazy 8's

To challenge the solution and generate ideas, I sketched 8 unique frames within a minute.   After careful evaluation, I decided to focus on the most critical screen that will improve the user experience, which is the video instruction screen 

Crazy 8s.png

The critical screen :

  •  Users will notice clear and easy instructions to follow.

  • Prepare ahead by utilizing the visual ingredient list. 

  • A video option in addition with text instructions.

Day 3 -  Storyboard

Sketching the storyboard prior to creating lo-fidelity wireframes

Storyboard.png

Day 4 - Wireframes

Preparing lo -fidelity wireframes for usability testing and validation

Home Page 1.png
Prep menu Pop Up.png
Next Step Menu Pop Up.png

Day 4 - Wireframes

Key design features were introduced to the application to help users use the product

Step 3 Menu Pop Up.png
Meat Expandable Card.png
Vegetable Description.png
  • Cooking techniques are highlighted, so the chef is not surprised while cooking

  • Step-by-Step instructional videos to easily follow the recipe

  • A visual ingredient list to help with preparing before the meal

  • Clickable ingredients for information and videos of proper cooking techniques unique to the dish

Day 5 - Testing and Validations

Recipe Playing.png
Star Copy.png
Participants
  • 5 Participants

  • Ages 33-68

  • Cook 2-3x a week

  • Remote and in person interviews

Cooking technique.png
Star Copy.png
Full Screen Mode.png
Star Copy.png
Star Copy.png
Star Copy.png
Findings
  • The visual ingredients further prepares at-home chefs

  • The ability to select the speed of the video is convenient for staying on track

  • The addition of video aids at-home chefs when learning new techniques in the kitchen

  • The Tools list solves the issue of at-home chefs being unprepared during a recipe

What's next?

Development of hi-fidelity frames utilizing the results from usability testing

Additional user testing with the hi-fidelity mockups to deliver a final product

Screen Shot 2022-07-31 at 1.30.07 PM.png
Questions?
SAVr Screen.png

Savr Recipes

Concept Design Google Sprint Challenge

bottom of page