Local Grocery Store UX Design

A full comprehensive UX Design for a Local Grocery Store idea. This particular design includes an application and a complimentary website using Progressive Enhancement (smallest to largest) design principles. The design includes a full User Flow and illustrates the skills learned through Google's UX Design Certification program. After Google's UX Design program, Dustin is highly skilled in 7 key UX Design areas.

1. Full Design Process: Empathize, Define, and Ideate
2. Wireframes: Paper Wireframes and Digital Wireframes
3. Low-Fidelity Prototypes: User Flow, Interactive Digital Prototypes, Figma, Information Architecture
4. UX Research: Interviews, Surveys, Data Measurement, Data Analysis
5. High-Fidelity Designs: Mockups
6. High-Fidelity Prototypes: User Flow, Interactive Digital Prototypes, Figma, Finalized Designs
7. Dynamic User Interface: Websites, Apps, Mobile Browsers

Dustin encountered struggles and learning experiences. Notably, learning an entire new career path and editing software. Nonetheless, that didn't stop him. He's edited before and always loved using his computer. He referenced his UX Design course, researched references to UX Design principles, and double checked his Figma practices to ensure a timely and quality design that matched his empathy and define research. Dustin built and engrained good practices and habits to ensure that Figma would be a fantastic asset to his UX Design toolbox. He loves learning about UX Design and is excited to continue learning about the craft in the future!

‍

With the Local Grocery Store UX experience, he identified key areas that users struggled with when using grocery store apps on their phones.

1. Grocery store apps don't always make it easy to find products while you're inside the store. Sometimes aisles might be difficult to follow, the signage might be difficult to read, or the map on the app might not even fully reflect recent changes inside the store.
2. Grocery store apps don't show how healthy the products you're searching for are. American food brands have mixed a lot of ingredients into their foods that can worsen health issues in the human body. Few apps help users see these types of foods clearly.
3. Users don't always find it easy to sort and locate products that are within their budgets quickly. Lots of grocery store apps feel clunky with too many clickable icons. This costs time and energy for users figuring out where to sort and locate filters for products.
4. Many users find shopping time consuming. A strong and well designed app certainly has the potential to speed up the standard shopping experience. A strong accurate in-store map can be a gamechanger. Easy to understand aisle signs can also help users find things in-store.

These key areas were the defining points throughout Dustin's research while designing this experience. You can view more in-depth information in the case study posted below.

‍

View the High-Fidelity Prototype for the App.

https://www.figma.com/design/fZ8XQOTUW0aGkXBVBNOfph/Hi-Fi-Prototype---Local-Grocery-Store-App-User-Flow?node-id=2008-381&t=XqanADpTOzwlOZB4-1

‍

View the High-Fidelity Prototype for the Website.

https://www.figma.com/design/ucpAZhol7uOvdGVLSAqsVH/Hi-Fi-Prototype---Website-Local-Grocery-Store-User-Flow?node-id=0-1&t=Wuv2JwkiC0iB3WBg-1

‍

View the Case Study.

https://docs.google.com/presentation/d/1lVnmODa2-76ykCM5hSOMuNiJtQp2M0YBvamgYVAFKBc/edit?usp=sharing

‍

To full the full size image, right click and open in a new tab.