Overview This UX/UI case study focuses on creating an accessible desktop e-commerce experience for users with specific dietary needs. Working in a team of three, we designed a high fidelity prototype that combines intuitive navigation, personalized product discovery, and a scalable design system.
Key Facts
An overview of the project, my role, and the key areas where strategy, design, and marketing came together.
-
The objective was to design a user friendly desktop e-commerce platform that enables customers to easily discover, filter, and purchase products tailored to their dietary needs.
Based on a predefined user story, the experience needed to support intuitive navigation, informed purchasing decisions, and an engaging shopping journey. Deliverables included a high fidelity prototype, a comprehensive design system, usability testing, and iterative improvements based on user feedback.
-
Designing for a niche audience required balancing accessibility, usability, and engagement. Users needed clear product information, intuitive filtering options, and a seamless shopping experience tailored to specific dietary requirements.
At the same time, the project challenged us to integrate interactive and gamified elements without compromising usability. Building a consistent design system and completing research, design, testing, and presentation within a tight 10 day timeframe added another layer of complexity.
-
Our approach followed a user centered design process, starting with research into the needs, expectations, and challenges of people with food intolerances.
Based on these insights, we defined design principles focused on accessibility, simplicity, and engagement. We then developed user flows, wireframes, and a visual direction before creating a comprehensive design system including typography, colors, UI components, and interaction patterns.
The wireframes evolved into a high fidelity desktop prototype featuring product filtering, shopping cart functionality, and interactive micro interactions. Through usability testing and feedback sessions, we identified areas for improvement and refined the experience before presenting the final solution and supporting documentation.
-
The project reinforced the importance of designing for accessibility while maintaining an engaging user experience. User testing validated the value of clear navigation, product filtering, and simplified purchasing flows, while also highlighting opportunities for further optimization.
Working within a short timeframe strengthened my skills in UX research, design systems, prototyping, usability testing, and collaborative problem solving. The project demonstrated how thoughtful design decisions can make specialized products more accessible and easier to discover for niche audiences.
-
PROTOTYPE NOTE
Due to the limited project timeframe, the prototype was built around a specific testing flow and only selected interactions are fully functional.
Tested User Flow:
Home → Browse Products → Filter by Gluten Free → Filter by Vegan → Select Seeded Bread → Add to Cart → Return to Product Overview → Add Chocolate Cookies → Add Christmas Stollen → Open Shopping Cart → Complete Purchase
DISCLAIMER
All content, branding, wireframes, prototypes, and supporting materials shown in this project were created exclusively for educational purposes as part of the UX/UI Bootcamp.
The company, products, and associated brand are entirely fictional. The website was never officially launched and may contain placeholder or protected content used solely for demonstration purposes.
