Tennant is a company with about 4000 employees that provides cleaning products and solutions. We created an internal system for their customers to manage the machines. Inside the portal, you can manage the machines, see critical alerts, assign employees, and see the usage and health of each machine. The portal is created as a web application for both desktop and mobile.
Tennant is a company with about 4000 employees that provides cleaning products and solutions. We created an internal system for their customers to manage the machines. Inside the portal, you can manage the machines, see critical alerts, assign employees, and see the usage and health of each machine. The portal is created as a web application for both desktop and mobile.
Material DesignWe chose to use Material Design for several reasons. Our aim was to create a user-friendly system with a design that feels familiar to our users. By implementing a refined design system like Material Design, we can minimize errors in both the UI and UX. Since this portal is accessed around the clock, users requested both light and dark modes. One of the advantages of Material Design is its ease in working with design tokens to facilitate the creation of light and dark modes.
The web application was built with Ajax model. We had over 10 000 machines in the system some customers like Walmart had +3 000 machines so we had to deal with a big load of data. We design the system in a smart way so you don’t have to always load all of the information but only when we need it.
We wanted to ensure that the user experience is optimal for everyone, particularly for individuals with vision disabilities. Some of the charts had multiple colors, which could pose challenges for people with color blindness or low vision. We conducted tests and implemented changes to comply with all items on the WCAG 2.1 Checklist and beyond.
