Hmart Helper - Food Shopping Assistance App

  • 817 views
Uploaded on

Hmart Helper is an app that provides shopping assitance and food recipe suggestions for food shoppers at Hmart, an American chain operated by the Hanahreum Group. The app allows users to scan food …

Hmart Helper is an app that provides shopping assitance and food recipe suggestions for food shoppers at Hmart, an American chain operated by the Hanahreum Group. The app allows users to scan food items to gain information, search and save food recipes, and use shopping lists to find food items.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
817
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Sylvia Lee | sylvee16@gmail.com Case Study | Hmart Helper Ver 1.0 Thu Oct 10 2013
  • 2. Hmart Helper Case Study | Product Challenge The Challenge Food shoppers do not prepare and cook ethnic food dishes because they do not know where to obtain ingredients. A pain point that was frequently mentioned was the difficulty in finding cer tain ingredients in an ethnic food supermarket. Hmart wants to introduce a wide variety of ethnic food products that is not offered in other supermarkets to its food shoppers and gain profit.
  • 3. Hmart Helper Case Study | Product Description Scan Search The Solution Spicy Seafood Ramen Shio Ramen with Tempura . . Hmart Helper is an app that provides shopping assistance and food recipe suggestions for food shoppers at Hmart, an American chain operated by the Hanahreum Group. The app allows users to scan food items to gain information, search and save food recipes, and use shopping lists to find food items.
  • 4. Hmart Helper Case Study | Product Opportunities Multicultural food selection Social Media sharing E-commerce capabilities Marketing
  • 5. Hmart Helper Case Study | Competitive Analysis Competitive Analysis Trader Joe’s Fairway Stores Whole Foods Market
  • 6. Hmart Helper Case Study | Competitive Analysis Smartphone User Friendly Wholefoods Market Trader Joe’s Hmart Fareways Store Non-ethnic food availability Ethnic Food Availability Customer Assistance
  • 7. Hmart Helper Case Study | User Research and Method The Method Of the many who were surveyed, 8 of them were interviewed. They were asked to describe their food shopping experience. They were also asked to walk through their food shopping in detail.
  • 8. Hmart Helper Case Study | Project Findings Findings - Food shoppers buy food only when necessary, i.e. when there is no food in the fridge. - Food shoppers who enjoy cooking take time supermarkets to look for food items on their shopping list. - Food shoppers prefer to eat ethnic food in restaurants than to cook them because they do not want to invest time and energy in buying ingredients, preparing, and cooking ethnic meals.
  • 9. Hmart Helper Case Study | Project Opportunities Opportunities identified Provide a convenient shopping experience for food shoppers when searching for ethnic food products based on bar code and recipes.
  • 10. Hmart Helper Case Study | Opportunities Identified Convenience Persona 4 Primary Secondary Persona 2 Leisurely Shopping Persona 3 Time-conscious shopping Persona 1 Utilize Effort Opportunities Identified : Food enthusiasts Adventurous eaters
  • 11. Hmart Helper Case Study | Personas “I love Asian food. I want to make them.” James White (Age 26) Title: Asian-Food fanatic Occupation: Ph.D Candidate for Linguistics at Columbia University Likes: James enjoys reading Japanese history and cooking Japanese food, particularly ramen. James reads Japanese food blogs on his spare time. Pain points and frustrations: - Map/location of the food products in the supermarket - Can’t read the labels because it’s written in foreign language Wants: - Meal recipes saved/stored in electronic devices - Pictures of the food product and/or meals Scenario: James find an amazing recipe for a ramen that he wants to make. He prints out the recipe and heads to his local Asian supermarket. On the way, however, James loses the paper and cannot retrieve the same recipe on his smartphone. He asks one of the supermarket employees and describes the dish that he wants to make, but because of language barrier, James could not get help. Instead, James goes on the supermarket app, finds the recipe, and checks the photos of the food items. He finds out which ones he needs, and puts them in the cart for check-out. Scenario 2: James decides to go again at the Asian supermarket, James prints out the recipe, and he also saves the recipe in the website for extra measure. James is feeling confident as he picks up ramen noodle packet, but that feeling dissipates as he notices 9 different types of noodle. The problem also didn’t help that the packets were also written in Japanese. He then pulls out the supermarket app, and opens up saved recipes. The recipes that he saved from the website back at home was synced to his phone, so James didn’t have to print out recipes. As for which ramen noodle, James looks through the photos, and picked the right one (egg noodle). James walks over to the check-out.
  • 12. Hmart Helper Case Study | Personas “I want to cook a variety of Chinese food dishes.” Ting Ting Guo (Age 22) Title: Passionate foodie Occupation: Illustrator/visual designer Likes: Tiffany loves to draw in her sketchbook, browse through the internet for newest fashion trends, and cook Asian-style dishes (mainly Chinese). She spends a good portion of her time looking at cooking blogs/websites for dishes to prepare, go to specialty supermarkets to find the ingredients, and cook up the meals. Pain points and frustrations: - Don’t know what to cook for dinner. - Wants to cook other dishes but does not want to make the effort to look for ingredients Wants: - Food recipe recommendations - Meal suggestions based on food product Scenario: It’s 8:37pm on a Tuesday night, and Tiffany has just finished her big freelance work for Martha Stewart Magazine. She’s feeling hungry and thinks about what to cook. Tiffany doesn’t know what to make, but she definitely doesn’t want to eat stir-fried vegetables and rice again for the fourth night in a row. Right before she left, she went on Hmart website, and saved a recipe before she left her house. Tiffany heads over to her local Asian supermarket and looks for food to buy. At the supermarket, Tiffany opens up the supermarket app, uses the recipe check-off list that was already synced from her home computer. She collected her groceries, went to the check-out, and walked home to make her food.  
  • 13. Hmart Helper Case Study | Personas “I want to feed my girls with the best meals without hurting my budget.” Eun-Jee Hwang (Age 35) Title: Budget-conscious food consumer Occupation: Stay-at-home mom Likes: Taking care of her two girls. Pain points and frustrations: - Looking for high-quality food products for her girls on a tight budget. - Can’t spend time at a supermarket without leaving her girls at home. Wants: - Someone or something to tell her when food stuff is one sale. - Wishes there was an easy way to schedule food grocery trips Scenario: Eun-Jee wants to be the best mom for her two daughters, so she takes great care in food shopping and cooking healthy food for her children. She wants to search for fresh food, but Eun-Jee cannot spend too much time at the supermarket because either (1) her 2 daughters get restless at the supermarket and/or (2) she left her 2 daughters with their grandmother and needs to go back home as soon as possible. Eun-Jee is also on a budget, so she needs to find cheap food products without sacrificing the quality of the them. She also wishes there was a function that alerts her of sale prices instead of looking through them in the Korean newspapers. She opens up the hmart app, plans out her shopping throughout the week.
  • 14. Hmart Helper Case Study | Personas “I just want food to be waiting for me on the table when I get home from work. Is that too much to ask for?” Hannah Wilson (Age 29) Title: Time-efficient eater Occupation: Real estate consultant Likes: Anything but cooking. Pain points and frustrations: - Don’t want to cook, but also don’t want to buy groceries because of time constraint - Don’t want to wait in lines Wants: - Pre-made food for certain food dishes - Purchase food on-line and pick it up on the go. Scenario: Hannah likes to eat home-cooked Korean food, but Hannah does not have time to invest so much in cooking because of her work schedule. She also does not want to spend too much time in a supermarket, searching for ingredients, and Hannah definitely does not want to wait in the lines. Instead, Hannah pulls out the supermarket app, pick a dish that she wants to pick, and uses the list to find the food. In this list, it shows the food products and the aisle number that these products are shelved in. At the end, Hannah finds all the food products, purchases them, and drives home. Scenario 2: Hannah goes home with expensive Korean food that she bought at Korea Town in midtown. She enjoys the food, but feels guilty that she spent over $25 for a $9 meal. The following day, Hannah decides to make the dish herself, so she drives herself to the supermarket. Hannah pulls up the app, finds the groceries, and buys them at the check-out. Once she paid, the app alerts her: (1) how much she spent, (2) how much she saved from discount sales, and (3) how much she saved compared to buying the meal at a restaurant. Hannah likes how much money she is saving, so she drives home happily.
  • 15. Hmart Helper Case Study | First Iteration Carrier 1 12:49 PM Carrier 12:49 PM Carrier 1 12:49 PM Japanese Ramen 1 Japanese ramen recipes Sale Items Saved Recipes See More.. Napa Cabbage Fruits and Vegetables Aisle 2 $12.99Sale! $10.29 Featured Recipes See More.. Japanese ramen noodles recipes Napa Cabbage Fruits and Vegetables Aisle Japanese ramen instant Japanese ramen cold Recommended Recipes $12.99 Sale! $10.29 See details.. See More.. Recommended Recipes See More.. 2 Shredded Kimchi Korean side dish Prep time: 40 min Difficulty: Easy Shredded Kimchi Korean side dish Prep time: 40 min Difficulty: Easy Recommended Recipes See details.. Suggested Recipes Suggested Recipes See More.. See More.. Ramen Soup Japanese noodle soup Prep time: 40 min Difficulty: Medium See More.. Akamaru Ramen Japanese noodle soup Prep time: 30 min Difficulty: Medium See More.. Akamaru Ramen Japanese noodles Akamaru Ramen Japanese noodles 1 Search bar to search for items 1 A collection of recipes 2 Food Item that lists information 2 More information provided 1 Auto-suggest from search bar
  • 16. Hmart Helper Case Study | First Iteration Carrier Carrier 12:49 PM 12:49 PM 1 1 Napa Cabbage Fruits and Vegetables Aisle $12.99 Sale! $10.29 Seaweed and Laver See details.. See More.. 2 Green-Tea Flavored Seaweed Korean side dish $5.69 See details.. Pocky Sticks Korean snack 2 1 Scanner 1 Shopping cart 2 Screen shot button of bar code 2 Add recipes into My Recipes
  • 17. Hmart Helper Case Study | Usability Testing Usability Testing Conducted usability testing after building the wireframes. Specific tasks were created for the test users such as browse for a food product and add ingredients of one recipe into the shopping list to discover any mistakes or confusion.
  • 18. Hmart Helper Case Study | Second Iteration Back Search Bar Scan Back 1 Search Bar Scan Back 1 Scan Search Bar 1 Japanese ramen Japanese ramen recipes Japanese ramen noodle recipes Japanese ramen akamaru Shio Ramen with Tempura Q W A E R T Y U I O Home Saved List Setting Home 2 Saved List D F G H J K Z Japanese Spicy ramen S X C V B N P L 2 M 2 123 Home Setting 1 Added more photos on browse 1 Enlarged photos for better view 2 Added Setting into navigation bar 2 Added title for each photo 1 Saved space List return Setting Enlarge auto-suggest to full page
  • 19. Hmart Helper Case Study | Second Iteration Back Search Bar Scan 1 1 Shio Ramen with Tempura 2 Japanese Spicy ramen Home 1 Refined scanner and deleted camera button. Saved List Setting 1 Enlarged photos for better view 2 Added favorites
  • 20. Hmart Helper Case Study | User Flows User Flows Created user flows of the Hmart Helper app to find seamless ways to maneuver within the app. User flows were created
  • 21. Hmart Helper Case Study | Screen Flow Charts Use Shopping List Scan S e a rc h S e a rc IngredienthShopping List Japanese a rc h S e Ramen Soup Recipe Japanese Ramen soup Kung Pow Chicken 2 cups water Kimbab 4 tbsp soy sauce Spicy Crab Noodle soup 375g ramen noodles Bulgogi 1/2 tsp Chinese five spice Samgulpsal Spicy Seafood Ramen 3 cups chicken stock 4 tbsp soy sauce 375g ramen noodles 1/2 tsp Chinese five spice 4 tbsp soy sauce 375g ramen noodles 1/2 tsp Chinese five spice Shio Ramen with Tempura . . . . . . 1.0 Main Page 5.0 Shopping List 5.1 Specific Shopping List Users can look through recipes on the home page. Users can access shopping lists from the Shopping List icon in the navigation bar. Specific shopping lists can be found on the Ingredient Shopping List.
  • 22. Hmart Helper Case Study | Screen Flow Charts Search for Recipes Scan S e a rc h Scan JapanesehRamen S e a rc Scan S e a rc h Main Dishes Recipes Japanese ramen info Bread Recipes Japanese ramen Dessert Recipes Japanese ramen recipes Breakfast & Brunch Recipes Japanese ramen noodle recipes Special Diet Recipes Spicy Seafood Ramen Holiday Recipes Ethnic Recipes Q W A Shio Ramen with Tempura E S R D T F Y O K Z X C V B N Shio Ramen with Tempura P space Q W L return A E D T F Y G U H I O J K P M 123 S R Z X C V B N Shio Ramen with Tempura M . . H I J 123 G U space . . L return . . 1.0 Main Page 2.0 Main Search 2.0 Specific Search User can browse through the recipes on the main page. Users can find recipes through search from the search bar. The app shows categories for users to search more accurately. Search bar function provides search result predictions, so users can tap on the desirable choice.
  • 23. Hmart Helper Case Study | Screen Flow Charts Search for Recipes (cont.) JapaneseaRamen Soup S e rc h +Add all to list Prep time: 40 min Difficulty: Medium JapaneseaRamen Soup S e rc h Ingredients +Add all to list 4 tbsp soy sauce 375g ramen noodles 1/2 tsp Chinese five spice 4 tbsp soy sauce Japanese Ramen Soup 375g ramen noodles Japanese noodle soup dish that consists of Chinese-style wheat see more... 1/2 tsp Chinese five spice Prep time: 40 min Difficulty: Medium 4 tbsp soy sauce Ingredients +Add all to list +Add all to list 375g ramen noodles 1/2 tsp Chinese five spice 4 tbsp soy sauce 375g ramen noodles Add to shopping list 1/2 tsp Chinese five spice . . 1.0 Main Page From the search results, users can pick a recipe and read more detailed information on the recipe. . . 2.2 Recipe List The recipe result can be scrolled down to show the ingredient list that can be used as a shopping list.
  • 24. Hmart Helper Case Study | Screen Flow Charts Scan Food Items Japanese hRamen Info JapaneseRamen S e a rc Scan Search Hold Steady... Spicy Seafood Ramen Japanese Ramen Noodle Soup Ethnic Recipes Shio Ramen with Tempura Barcode will scan automatically. Try to avoid shadows and glare. Japanese noodle soup dish that consists of Chinese-style wheat noodles served in a meat or fish-based broth, often flavoted with soy sauce or miso, and uses toppings such as sliced pork, dried seaweed, kamaboko, and green onions. Nearly every region in Japan has its own variation of ramen…see more. Search for recipes . . . . 1.0 Main Page 3.1 Scan 2.3 Scan Results User can browse through the recipes on the main page. Users can scan food items to get more information about the food item. The scan automatically loads the inforation about the food item scanned. It also provides a search for recipes for that particular food item.
  • 25. Hmart Helper Case Study | Key Screens and Features 6.1 Shopping List 16 17 JapaneseaRamen Soup S e rc h Japanese Ramen Soup Recipe S e a rc h 17 3 cups chicken stock 18 2 cups water 19 4 tbsp soy sauce List of Recipe Ingredients A list of recipe ingredients is provided, so that users can utilize this feature as they shop. Ingredient item Check Food item ingredient is checked off and is in lighter grey color to note completion. Checkbox Users can use the checkboxes to check off the ingredients that they find in the supermarket. 375g ramen noodles 16 19 1/2 tsp Chinese five spice 4 tbsp soy sauce Japanese Ramen Soup 375g ramen noodles 1/2 tsp Chinese five spice 4 tbsp soy sauce 18 20 Prep time: 40 min Difficulty: Medium +Add all to list 4 tbsp soy sauce 1/2 tsp Chinese five spice 22 22 375g ramen noodles 1/2 tsp Chinese five spice . . 20 21 Ingredients 375g ramen noodles 21 Japanese noodle soup dish that consists of Chinese-style wheat see more... . . Food Recipe Photo Photo of the food recipe. Description Information about the food recipe. Heart User can save the recipe for future use. "+Add all to list" Function Users can add all the ingredients into shopping list.
  • 26. Hmart Helper Case Study | Key Screens and Features 1.0 Home Page 3.0 Scanner 1 2 1 Scan S e a rc h 2 3 7 Hold Steady... 4 8 3 Spicy Seafood Ramen 4 5 Hmart Logo The Hmart supermarket logo is shown at the top left corner of the app. Scan Bar Food items can be scanned here to know more information about them. Recipes can also be retrieved. Food Dish Title Name of the food recipe is shown here. "Heart" Icon Food recipe can be saved for later by clicking on the "Heart" icon. Food Item Photo Photo of the food recipe is shown here. 9 6 5 7 Shio Ramen with Tempura Barcode will scan automatically. Try to avoid shadows and glare. 6 . . 8 9 Navigation Bar Home, Favorite Recipes, Shopping Lists, and Settings can be navigated from the Navigation Bar. Scan Directions Directions are on screen, so users can properly use the food item scanner. Indications Indications are on screen, so users can align the barcode within the orange lines. Barcode Box Scanner reads the barcode in this area and automatically loads results.
  • 27. Hmart Helper Case Study | Key Screens and Features 2.0 Search Bar 3.2 Food Recipe Info 10 10 Scan JapanesehRamen S e a rc Japanese hRamen Info JapaneseRamen S e a rc 13 11 Main Dishes Recipes 11 Bread Recipes 14 Dessert Recipes 12 Breakfast & Brunch Recipes Special Diet Recipes 13 Holiday Recipes Japanese Ramen Noodle Soup Ethnic Recipes Ethnic Recipes Q W A E S R D T F Y G U H I J Z X C V B N Shio Ramen with Tempura 123 space . . O K P L M return 12 Japanese noodle soup dish that consists of Chinese-style wheat noodles served in a meat or fish-based broth, often flavoted with soy sauce or miso, and uses toppings such as sliced pork, dried seaweed, kamaboko, and green onions. Nearly every region in Japan has its own variation of ramen…see more. Search for recipes . . 15 14 15 Search Bar Food items can be searched in the search bar. Search Bar Result Predictions The Search Bar provides predictions, so that the user can stop typing midway and click on the desired search. Keyboard Food recipe can be entered in the search bar by typing in the keyboard provided. Current Location Displays where the user is currently at in the app. Food recipe photo and description A photo and brief description of food recipe is provided. Search for Recipes User is given the option to search for recipes.