Aisleworx Media maintains their core product, the Digicart, a grocery cart with digital screens, through an internal management platform that allows them to perform various tasks relating to the product. This platform sees a need to continue to evolve as new features are being added.
Me: UX Designer
1 Product Manager
2 Software Developers
September 2023 - June 2024
As the lead designer, I was responsible for the redesign of the desktop screens and design of the mobile screens for the duration of the whole design cycle until handoff to the developer team. I conducted research, iterated and tested designs, and finalized screens for coding. During this process, I collaborated with our product manager, the developer team, and our field technicians.
Aisleworx Media’s grocery shopping carts with digital screens (Digicart), enables shoppers to entertain their children while also advertising grocery store products. The current internal service site had been initially built to contain information important to the maintenance of the Digitcart, and track other relevant pieces of data, serving as a hub for technical operations. While the existing site was functional, there were many opportunities to improve upon it as the site grew.
When looking at the users, I found that several different technicians could use this site for different purposes, but much of the time, this site would either be accessed at the grocery store, which was where the carts would be operated, or within the warehouse where carts were maintained before being sent out.
We broke the users down into four groups of technicians who were responsible for maintaining the carts remotely and in store.
I spoke with the team of 7 technicians to understand how the site was used on an everyday basis and how that could guide the redesign to serve the most important issues first. Along with understanding how the current site could be improved, I also wanted to know what new features the team needed to plan for future designs.
To further understand more about the site’s pain points, I walked through the site myself and noted any areas that could potentially be improved. My resulting findings showed that the site could benefit from improved hierarchy and better information organization.
The mobile version of our desktop site was designed to be more minimal, with less information on the page than seen on the desktop site, and prioritizing the main key functions that are needed to maintain the carts in the field. This version would primarily be used on site by the technicians and would allow them to quckly document or diagnose any issues found with the carts.
Users were tasked with locating a piece of information on the screens while being timed. First I asked members on the team who didn’t usually use the website to find something on the current site and then later asked other team members to find something using the redesigned screens. Results showed that those who used the redesigned screens were able to locate things at a 65% rate faster than those who had been using the original screens.
Designs were shown to engineers throughout the design process, ensuring that design were in line with software constraints and feasible within the release timeline.
Implementing more accessibility: Making sure that text that is clickable can be seen as such in various ways.
Responsive Screens: Continue designing for mobile and tablet views so that technicians will have the options to use an optimized version of the site on whichever device they choose to use.
Additionally, I will continue to further refine site as new features are found to be needed and developed.
After handing off my designs, our development team began implementing the design changes to the desktop site. This is the current state of the cart detail page. Unfortunately, the live site is no longer available for viewing as our startup was shut down in June 2024.
