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