top of page
How can we improve Ecolab's product ordering experience?


8 weeks


1 Product Designer

1 Product Owner 


Research, UX, UI, Prototyping, Design Sprint

About Ecolab

Ecolab is a chemical company that delivers water, hygienic, and infection protection solutions and services that protect people and vital resources. They currently have customers in more than 40 industries and 30 million customer locations.


What happens in a Service Call?

Salespeople and technicians physically inspect customers’ equipment to ensure things are running efficiently. After that, the whole service call process is reactive, and service people respond to problems when they are on-site. They record all these observations on the ES&S app.




Background research insights

"In a recent poll among Ecolab's sales and service associates, we discovered that more than half of their time was spent in non-customer-facing activities like driving, tracking orders, or doing administrative tasks. "

"Ecolab is trying to free up time for these associates to spend more time creating value for their customers."

Group 41_edited.png
Group 41_edited.png


The current ES&S does not adhere to the design principles and accessibility standards, which are essential for the users to access the app easily.

Screenshot 2023-04-01 at 9.20.01 PM.png

What are the present usability issues of the ES&S product ordering page, and How can these usability issues be fixed?

Group 41_edited.png
Group 41_edited.png

Relevance and Significance

The users, who are corporate account managers and sales agents, frequently complain in-district meetings and other forums about how the inefficiency of the app is causing issues when dealing with customers. Some examples of issues are not being able to find the product requested by the customer, inaccurate product description, and no indication of product availability status. In the district meeting, service agents have been complaining about the poor usability of the app.


This is causing stress among the employees of Ecolab because corporate account managers and sales agents are not able to perform their job efficiently, and the customers may also not be happy based on the feedback received by service agents when visiting the customers as sometimes wrong items end up being delivered, or there are delivery delays.

Group 41_edited.png
Group 41_edited.png

UX Research

Step 1 - Heuristic Evaluation -  We performed the heuristic evaluation of the ES&S app based on Jacob Neilson’s and Prof. Chuck’s ten heuristics and decided the issues that must be targeted.

Step 2 - Competitive Analysis - We then performed a competitive analysis based on some of Ecolab’s competitors, which helped us understand the common issues faced by similar customer service applications.

Step 3 - Usability Test - We then conducted a usability study and a few interviews to test the Ecolab Sales and Service app's product ordering feature and aim to understand how the users interact with the app to order products for their customers. 

Usability Test plan document 

Step 4 - Design Sprint - We then conducted a 2 -day design sprint flying everyone, including CAMs and Service agents, to St Paul, MN.

Design Sprint - Schedule 


Usability Tests Conducted



Participants Profile


60 min usability tests


30 minute interviews


Corporate Account ManagersSales and Service Agents (3 ES&S Champions )

Key research insights

"The Schedule to visit different customers is not customizable, and the recommended schedule is sometimes not time efficient."

" Updates to the ES&S app are not being informed to the users."

Complete Insights 

"No on-screen descriptions for what different color pins mean on the Map"

" Ecolab's Virtual Assistant is not useful as it does not provide useful response"

Information Architecture

Before Wireframing, I created the information architecture diagram to better organize the navigation system of the app

Low Fidelity Designs

I then developed the Lofi designs and worked with the developers to discuss the feasibility of the designs, as we had restricted ourselves to the salesforce design system.

Group 41_edited.png
Group 41_edited.png

Final Designs

After testing the first set of wireframes, I iterated based on feedback from stakeholders and developers to check the feasibility of the designs and created the final prototypes using Figma. 

Screenshot 2023-04-05 at 9.54.47 PM.png

Pagination instead of Infinite scroll

We designed to use pagination so that users can easily navigate to a specific page of content, which can be helpful when looking for something specific.

Screenshot 2023-04-05 at 10.06.00 PM.png

Order of products displayed 

We decided to rearrange the products personalizing them to each user based on the recently ordered products, then contracted products, and then alphabetically arranging them.

Product Information Page

Based on the feedback, we decided to reorganize the product information page so that sales agents find it easy to access information when they are at the customer's location. Also, we included a direct link to the Ecolab sales support product page if the user needs additional information 

Screenshot 2023-04-05 at 10.41.12 PM.png

Added Product availability indications

Added indications to avoid delays due to the user ordering products that are not available.

Screenshot 2023-04-06 at 10.07.33 AM.png


We identified and fixed the usability issues of the existing ES&S app and redesigned it so that it is relatively easy to use.  These designs were then handed off to the development team to integrate these changes into the existing app gradually. I presented my final prototype to Sales agents and received great feedback.

“This would make our job so much easier.”

Corporate Account Manager, Ecolab

"Thank you for connecting our agents who work in the field, as we had no clue it was frustrating them so much."

Product Owner, Ecolab

“ I love these designs I hope Ecolab brings these changes soon.”

Sales Agent, Ecolab


This experience was beneficial for me. I had a chance to experience spreading the gospel of good UX in a company like Ecolab, which recently started developing digital solutions. I had a chance to show them how beneficial good UX is and how happy users will be when we incorporate feedback into our designs.

bottom of page