UpGrocery

Exploring and reviewing grocery products with friends

 
 

A bit of context

UpGrocery is an app for people to recommend, review, and share products in grocery shopping, primarily targeting Millennial customers. The project studied how visual and interaction details can impact the usability and accessibility of the product. The design facilitated the decision-making process in grocery shopping with an intuitive user experience.

Date

Role

April 2019 - July 2019

Product Designer

Frame the problem

Lack of efficiency - two many choices and categories.

Lack of reviews from friends - hard to relate to reviews from random people.

Discovery

I talked to 4 users between the age of 25 to 31 over the phone who claimed to go grocery-shopping at least one time every week. Then I conduced Affinity Mapping - categorizing all the notes into three buckets: before shopping, during shopping, and after shopping. After rounds of ideation, I created a prototype for testing to gauge feedback before diving too deep.

Quick prototype to gauge feedback on navigation

Quick prototype to gauge feedback on navigation

User testing and iterations

The rapid prototype and testing helped me clarify the direction early on. The friction revealed in the testing sessions challenged my original design and I iterated and explored how users can pinpoint the item with least amount of time.

Iteration 1

Iteration 1

Iteration 2

Iteration 2

Iteration 3

Iteration 3

Further testing and iterations

Design Iterations.001.jpeg
Design Iterations.002.jpeg
Design Iterations.003.jpeg

Takeaways

With 3 rounds of user testing, I iterated on the design and delivered all the high-fi prototypes, visual design, and micro-interactions. Users were particularly impressed and pleased with the thoughtfulness behind various interaction details. I have learned a lot about the intentionality behind small details and they can make a positive impact on user expereince.

Homepage

Home to product

Home to product

Rating

Rating

View friend

View friend