Imagr is a startup aiming to change the way the world shops. With Imagr's AI-powered shopping carts, items are automatically registered on the App as they go in. Imagr came to us with 2 major project requests: one was to improve the current Customer App, and the second was to develop a Support App to monitor shopping carts at the store and troubleshoot for customers.
We designed a tablet application with a defined design system and enhanced the user experience of the mobile Customer App. The two applications that we crafted demonstrated Imagr's core business values: automation and frictionless customer experience.
We conducted workshops to identify current user pain points, requirements from different supermarket chains, and technical constraints. After the project requirements were fully clarified, we proceeded to write user stories and mapped out the information architecture of the applications.
User stories are short descriptions of a feature or functionality from the perspective of the end user. They helped the development team understand the user’s needs and goals, and provide a framework for designing. Information architecture is the process of organizing and structuring content in a way that is intuitive and easy to navigate.
Based on the user stories we developed for 2 personas: store customer and support staff, we mapped out the user flows of the Apps.
User flow is a visual representation of the path that a user takes to complete a task. We used user flows to understand how users interact with a product and to identify areas where the user experience can be improved.
The design process starts with wireframes and low-fidelity prototypes that focus on testing user flows and how information is presented. As the concept for a design becomes closer to the stakeholders’ expectations, we gradually worked toward high-fidelity prototypes that are closer to a representation of the final product.
We’ve worked on plenty of other projects. Check out what we’ve made here.