John Doe
Example text


ShopAid

⸺ App
My Roles:
Product Designer // Visual Designer


Tools: 
Figma // Ai

Team:
Monique Ho, Sally Huang, Vikram Singh, Jamil Shah Foridi, Serena Patel, and Kaleb McKinney

ShopAid aims to generate a safe game plan for your trip to local stores, helps reduce panic buying, and encourages social distancing. The original idea came out of a 48-hour virtual hackathon that brought together many talented people from all over the world with one goal in mind - to help improve the lives of those affected by the COVID-19 crisis.







The Problem


During the pandemic, we have all experienced panic buying, inventory shortages, and long lines at grocery stores at some point. There is no real-time stock availability or price information from stores today. Shoppers don't know where they can get what they need, or how much of it is available, or what it costs without going to the store. How can we make the local shopping experience easier, faster, and more efficient for shoppers? 



The Process


Within the first 24 hours, our team sent out surveys, conducted competitive analysis, gathered data & info around local shopping behaviors during the pandemic, and identified key pain points so we can focus on MVP features, On the design side, we started to map out user flows, constructed information architecture, and sketched out wireframes. At this point, I started to explore interface and visual design using variety of tools (pen & paper, Illustrator, Figma, etc,) in order to rapidly iterate on a wide variety of ideas.





High Level User Flow

Style Guide & UI components


Key Features


︎ Check item availability and stock level from the comfort of your home or anywhere you are.
︎ Make the most out of your trip! Find stores that carry the majority items in your shopping list, or choose from your favorite stores.
︎ See stores peak hours to avoid crowd.
︎ Save your shopping lists to save time and shop smarter.
︎ Contribute to the community and help other shoppers by quickly marking stock level information.



First Time User Experiences


Onboarding screens

Setup flows 



The Outcome


ShopAid was well received by the judges and other participants. Though we did not win first place, we were a Runner-up! Check out the article they wrote about our project here. 

Next steps we are working on ways to get data from local stores for our initial launch. Along with that, we are looking to add more features like turning recipes into a list of items to buy, budget management, using AR camera to quickly report stock level, etc.


Lastly!


︎ Feel free to checkout the prototype here.

And if you read to the very end, thank you!



UX/UI         ENTERTAINMENT         INFO             ︎