MyezH2O and Elkay

A portal to track status of bottle filling stations.

Elkay filtered ezH2O bottle filling stations reduce lead and other harmful contaminants, delivering clean water and sustainable design. It provides a rapid fill of drinking water to quench thirst and minimize plastic bottle waste in the environment.

MyezH2O is an online portal that allows users to track their bottle filling stations, view unit diagnostics and filter status, manage media and graphics content, and manage their accounts. The app is ideal for businesses that use bottle filling stations across large establishments such as gyms, schools, and airports to track the number of bottles saved as well as receive reminders when a filter needs to be changed to keep the water clean and filtered.

This is meant to be a solution to make environmentally friendly ways to stay hydrated easy to come by, saving environmental resources and money!

Tools Used:

Sketching Board, Photoshop, Figma

Implementation of User Centered Process

The ux process needed a revamp with the establishment of a process that would engage and involve end users more in order to gather valuable insights on their behavior and challenges they may face when using Elkay's web properties.

It took a lot of trial and testing of the process to get the team on board with the new methodologies introduced such as qualitative and quantitative research, design workshops, design systems, and hi-fi to lo-fi prototyping.

The process was well received and enhanced cross-functional collaboration and user engagement.




Elkay Landing Pages and Websites

Collaboration With Internal Stakeholders at Elkay Manufacturing









Responsibilities:

  • Management of UX/UI and visual design for Elkay's large-scale, data-driven plumbing and cabinetry web properties and employee portal IT homepage.

  • Management of sketching/ideation workshops.

  • Rapid prototyping and user testing of unstructured and structured content pieces.

  • Development of CSS3/HTML5 style guide for Elkay's web properties.

  • Front-end web development and responsive design best practices for unstructured content.

  • Collaboration with product managers, marketing, business analysts, and web development teams from communication efforts of business and functional requirements to design and execution of the final product.

  • Development and incorporation of more user-facing design process, meeting end users to conduct interviews and usability testing.

  • Planning and execution of design workshops including ecosystem mapping, persona creation, journey mapping, and empathy mapping.

  • Design system creation within UXPin collaboration and prototyping tool.

  • Quality assurance and keeping track of the success of core KPIs through Google Analytics.

  • A/B testing, regression testing, five-second testing, and card sorting.

Tools Used:

Sketching Board, Photoshop, Ilustrator, UXPin, Dreamweaver, CSS3/HTML5, IBM Websphere, Sharepoint, Whiteboard

Key Takeaways

“Klara was on my team for about five years, helping me lead digital initiatives at a 100 year old manufacturing company. As our first UI/UX designer, she shared her vision and shaped our UX process: from discovery and research; prototypes and style guides; to user testing and development. She's collaborative, creative, strategic and thoughtful with her approach, a wonderful colleague!” ~ Khristine Anderson

  • 91% of user found order management portal very user friendly.

  • Reduction of landing page bounce rate by 20%.

  • Implementation of a user centered design process.