Xylem is one of the largest innovative water technology solutions in the world
I got hired as a Senior Product Designer to redesign their Saas products to support the Assessment Services team
My role includes redesigning web apps intended for commercial use, that are easy to navigate, considering non-expert users as one of the main goals from the Product team is to commercialize the digital products.
The Assessment Services hired me to collaborate with the Product team to lead a refresh of the Water Leak specialized tool experience AFO (Acoustic Fiber Optic) Leak, the Data Store, and the Smart Ball projects. I used a greater stack of tools to manage this project, providing daily status to the stakeholders, and review the updates with the development team.
I used Figma, and Figjam to create and share quick lo-fi wireframes and hi-fidelity prototypes, I also used Adobe Illustrator and Photoshop to create complementary assets. The team used Microsoft Teams, and Jira to manage the communication and production work.
As part of the design process, I did basic research and benchmarking for best practices. The previous version of the web app was done by the development team without UX/UI overseeing the process and its experience required a lot of training, and even the expert analyst had trouble when using the tool during the demos sessions. I got inspiration from other web apps to validate best practices for interaction on flows, navigation, dashboards, and more features. I got amazing support from the Product team to understand the current features, flows, and use cases; along with a detailed analysis of the expected interactions.
As part of my role, I validated the interactions from the user's perspective with field analysts by doing user testing sessions with the wireframes. The Product team also got previous feedback, research, and customer data from the current experience to identify pain points.
The Project Management team set up a sprint plan to groom the features, iterate, and review the technical viability of the new interactions.
Data science analysts provided insights from their current tool to understand opportunities to improve
As part of my design process, during the daily standup with the product team I started my early sketches to visually define a direction of the UX/UI
I had the opportunity to work with 2 front-end developers (India), 1 back-end (USA) 1 quality assurance (USA), and 1 Product Owner (Canada), we all worked on 3 projects in parallel: AFO Leak, PipeView, and SmartBall.
Being a very complex product, managed by cross-functional teams I got to review and approve most features with Content, Branding, Marketing, and Legal teams to validate the new experience. To do the user testing sessions I got support from the Product Team to coordinate the schedule with the Analysts Team to get their feedback on the new experience using the prototypes before handing off the designs for implementation.
One of the challenges when designing a Saas product is to align Data Science Analyst and Board members
The UX/UI team had a Design System in place for me to use with the Assessment Services team projects, but after a quick audit, I was able to suggest improvements to manage material 3 and accessibility issues to avoid friction with the new products: better contrast, bigger sizes for fonts, input fields, and buttons. Also, the Design System was done for a generic Saas product but each Saas product has its own set of needs, and interactions and I was able to suggest new components for future implementations. I added a new icon set for the map, and also a small card widget for the devices instead of a regular table with the list of the devices.
The new data store dashboard includes graphs from the main sources of information across the different apps
