WegDash

Mockup

Inspiration

The inspiration for WegDash stemmed from a desire to make grocery shopping more accessible and convenient for everyone, especially for individuals with visual impairments. We recognized the challenges faced by visually impaired users when navigating existing grocery apps and saw an opportunity to create a solution that would empower them to shop independently.

What it does

WegDash is a user-friendly widget designed to streamline the grocery shopping experience, especially for individuals with visual impairments. Here's what it does:

1. Quickly Add Items to Cart: Users can easily add frequently purchased items to their carts with just a tap, ensuring they never run out of essential products. 2. Delivery Status Updates: WegDash provides at-a-glance information about the delivery status, keeping users informed and allowing them to plan accordingly without navigating through multiple screens. 3. Handy Shortcuts: The widget offers convenient shortcuts for easy access to essential functions such as search, cart, and settings, saving users time and effort. 4. Voice Assistance: WegDash incorporates voice assistance for seamless navigation, allowing visually impaired users to interact with the widget through conversational commands and ensuring inclusivity in the shopping experience.

How we built it

1. User Research: We began by conducting extensive research to understand the needs and preferences of visually impaired users when it comes to grocery shopping. This research helped us identify key pain points and design features that would address these challenges effectively. 2. Low-Fidelity Paper Prototype: We started by sketching out the basic layout and user interface elements of WegDash on paper. The low-fidelity prototype helped us quickly iterate on different design ideas. 3. High-Fidelity Design in Figma: Once we finalized the design direction based on user feedback, we translated the lo-fi sketches into a high-fidelity design using Figma. In Figma, we created detailed mockups of each screen, incorporating color schemes, typography, and interactive elements. 4. Interactive Prototyping: With Figma's prototyping features, we created interactive prototypes that simulated the user experience of navigating WegDash. 5. Accessibility Considerations: Throughout the design process, we paid close attention to accessibility guidelines and best practices. We ensured that the high-fidelity design in Figma adhered to accessibility standards, such as color contrast ratios and keyboard navigation.

Challenges we ran into

1. Designing the elements of the widget while making sure we weren't overcrowding it with a lot of information. 2. Creating the animation for the iPhone of the widget stack. 3. Building for accessibility.

Accomplishments that we're proud of

1. Deciding on the elements to display on the widget all the while making sure that it is simple enough to use not overcrowded with information. 2. Working on the iPhone widget stack animation.

What we learned

Throughout the development of WegDash, we learned the importance of inclusive design and accessibility in technology. We delved into the needs of visually impaired users, gaining insights into the specific challenges they face when using digital platforms. This journey of empathy and understanding helped shape WegDash into a truly inclusive and user-friendly solution.