MyElkay

An order inquiry online tool for Elkay's reps.

MyElkay is an online portal for order inquiries for any of Elkay's reps. It is one of the first projects at Elkay with which I have introduced the UXPin collaboration and prototyping tool to the team. It allowed me to easily share and get incremental feedback on multiple layout iterations. It was a fun project as I got to collaborate with development teams more than with regular projects at Elkay.

The challenge was to design a step-by-step process to search orders and view them with the help of more robust search functionality and display of search results. Some of the main activities for the app's users to complete while using MyElkay were:

  • Look up the latest information on orders and download sales order acknowledgments.
  • Find and download invoices, past and present.
  • Manage users for individual and group accounts.

After the launch of the product, we handed out a survey in which 91% of users were pleased with the redesign and considered the tool extremely user-friendly.

Tools Used:

Sketching Board, Photoshop, UXPin

What are the systems, channels and touchpoints involved?

The myELKAY ecosystem supports a continuous order management journey, centralizing fragmented systems into a single portal that enables sales and support reps to maintain visibility, ownership, and customer trust across the entire order lifecycle.

Who are the people we are designing for?

The myELKAY Order Management Portal is designed for operations, procurement, and customer support teams responsible for managing high volumes of orders, invoices, and account activity across multiple projects and stakeholders. These users balance tight timelines, budget accountability, and frequent internal and customer inquiries—often while working across multiple systems and data sources. They need fast, reliable access to order status, billing, shipping, and documentation, along with clear, consolidated views that reduce back-and-forth communication. The experience prioritizes speed, clarity, and accuracy, enabling teams to confidently answer questions, resolve issues quickly, and keep operations moving without disruption.

Purpose of Lo-Fi Wireframes?

These low-fidelity wireframes were used to explore and validate the core information architecture and user flows across the myELKAY portal, including login and dashboard access, order search, order details, and supporting resources. By stripping away visual styling, the focus remained on layout, content grouping, and task efficiency—ensuring users could quickly locate information, understand order status, and take action without unnecessary friction. Insights from these wireframes informed refinements to navigation, data hierarchy, and interaction patterns before progressing to high-fidelity design.

What is the Hi-fidelity design?

The myELKAY Order Management Portal applies Elkay’s design system to transform complex order and account data into clear, scannable, and action-oriented interfaces, enabling enterprise users to work efficiently while reinforcing trust in the Elkay brand.

Key Takeaways