Save-on-Foods Feature Redesign
Sep 2024 - Dec 2024
Team Project
UX Design
Project Overview
My Role
The Save-On-Food redesign project focuses on enhancing and engaging website usability through the User-Centered Interface (UCI) design process. It involved collecting and analyzing data through methods such as direct observation and interviews, progressing from low-fidelity to mid-fidelity prototypes, and conducting pilot tests to improve functionality. Final deliverables included reports on each phase, as well as featured designs showcasing the comparison baskets developed.
-
Project Coordinator
-
UI & UX Designer
-
Data Analyzer
Low-Fidelity
The lo-fi design phase for the project focused on creating two horizontal prototypes: a "Shopping Shelves" interface and a "Shopping Employee" chatbot interface. These designs explored intuitive ways for users to compare grocery items based on price and nutritional details,dietary restrictions and budgets. The "Shopping Shelves" design utilized a familiar metaphor of physical store shelves, allowing side-by-side comparisons in a basket feature. The "Shopping Employee" design simulated a conversational experience with a virtual assistant, guiding users through tailored recommendations. Both prototypes emphasized high-level navigation, essential features, and usability feedback, serving as a foundation for further refinement and testing.
Report:
Low-fi Prototype 1
Low-fi Prototype 2
Mid-Fidelity
Our mid-fi prototype for the redesigned Save-On-Foods website focuses on improving the online grocery shopping experience, particularly for users who prioritize budget, dietary restrictions, and comparing product information. Key features include the 'Filter Profile,' which allows users to save and quickly apply personalized dietary and purchasing preferences, and the 'Comparison Basket,' which simplifies product comparison and selection. These features were developed based on feedback from our low-fi prototype, addressing issues of discoverability, usability, and efficiency. By taking a horizontal approach, our prototype integrates these features seamlessly across the site, ensuring cohesive navigation and functionality. This iteration demonstrates significant progress toward creating an intuitive, engaging, and personalized shopping experience, laying the groundwork for further refinements.
Report:
Mid-fi Prototype
Project Planning
The project planning for this Save-On-Foods redesign project was structured to ensure efficiency and collaboration at every phase. Using Jira, we organized tasks into sprints, breaking down the project into manageable milestones. Each phase of development, from research to low-fi and mid-fi prototyping, spanned several weeks and included clearly defined goals and deliverables.
To streamline the workflow, the team was divided into sub-groups focusing on specific aspects such as interface design, usability evaluation, and feature implementation. Weekly meetings were held to align progress, discuss challenges, and refine deliverables. This structured approach ensured continuous feedback and adaptation throughout the development process, fostering an iterative and collaborative design environment.
Jira Interface