WW Grainger UX  Management

Redefining the target audience for My Account

Defining an opportunity

Grainger is a huge international company. There was a massive E-commerce backlog and initially the team was small. It was important to identify the most important projects to prioritize and activate. I worked with the research and analytics teams to make sure we were focused on the most appropriate projects for growth.

I also helped redefine our target customer for My Account. We had adopted an 80/20 approach of focusing on the things that made the most impact on the most people. So we were given direction to develop tools to support the average customer, who had 1 user and 1-2 addresses on account. I did some research that showed that 80% of our revenue was coming from the top 20% of companies. Most of these were very large organizations with dozens if not hundreds of users on the same account.

While good UX design always scales with the customer, an optimized experience for 1-2 addresses vs 100 could be very different. Our best customers had dozens of addresses on account and needed account tools that would support the complexity of their experience. This simple insight let to big changes in how we approached the My Account section. We focused on simplicity for the long-tail user but made sure the tools supported the needs we were seeing with our largest customers.

My Account Governance and Optimization

The account section of grainger.com was hugely important to the organization. Many of our biggest and best customers were transacting online and needed robust tools to make the experience fast and easy.

We went direct to the customer, gathering feedback through surveys and our Helpdesk to identify pain points we needed to address. Over the years that I managed UX, we systematically improved my account experience. We addressed all known user issues and constantly improved the experience. E- commerce grew from around 20% of total sales to nearly 50%.

MY ROLE

• Art direction, coaching and feedback
• Hands-on Wireframing
• Stakeholder management
• Coordination

DELIVERABLES

• Complete evolving wireframes defining the My Account experience
• Team members including myself, Mehmet Aygar, Ezio Magarotto, Patryck Ploszaj and others contributed to the design

Selected Wireframes for the My Account Administration Experience. 

World Class Order Management

Customer research helped us to identify a gap in the user experience for larger customers. They needed to manage the spend of team members and leverage some kind of order approval system. I worked with my team to develop concepts for an Order Management system that would allow customers to identify an admin on an account who could set spend limit and approval levels and define approval workflows for their team members. For example they might allow a team member to spend up to $500 without approval, but anything over that would require sign-off by a specific approver.

The interactions were complicated but we managed to devise a setup wizard experience that helped the average customer get up and running in a couple clicks. The system also scaled in complexity for those with more advanced needs. Our design earned a patent for order management. In the years since I left I have heard that it is still a highly valued feature on the site. Here’s a YouTube video overview of the offering

MY ROLE

• Project evolved from the roles structure I helped define for account management.
• Initial concept ideation and hands on wireframes
• Art direction, coaching and feedback

DELIVERABLES

• I set the context and suggested the concept
• Team members including Mehmet Aygar, Ezio Magarotto, Chris Munoz, Josh Reichlin and others worked on the experience

OMS Wireframes

The wireframe process for the OMS experience was a best practices process. We began by defining the role structure for the account section of the website. Our larger customers wanted to control employee behavior and spend on the site. In some cases they wanted to lock their employees to certain subsections of the catalog or shipping addresses. We defined that structure for the accounts.

Other customers wanted to control or limit spend. In some cases they wanted employees with authority to approve orders. We defined the general approach and then went through a series of internal revisions, improving the process. Eventually we tested these experiences with customers and refined our designs based on feedback. Finally we developed an expedited method of setup that could serve the 80% of our customers in just a few simple steps, with a more elaborate experience available for those who wanted to further customize. The full scope of functionality could cover about any scenario imaginable. But it could also be setup in minute for the majority of our customers with basic needs. This design quickly gained approval both internally with leadership and with our customers in the field.

Guided Selling Tools – Shoe Finder

The Grainger catalog featured hundreds of thousands of products. While our search was good, we were always looking to provide tools to help customers better identify the products suited to their needs. Our motor match product allowed customers to narrow the options down by answering a few vital questions. This tool had high conversion but was developed over a long period of time by a third party org. We needed a simpler tool that we could develop easily for key product lines. My team was tasked with building a simple shoe finder tool simply by repurposing the search engine facets.

Conversion for this tool outperformed general search and we were soon developing similar experiences for other products.

The customer answers a series of simple questions eventually leading to a subcategory, product or specific item.

MY ROLE

• Art direction, coaching and feedback

DELIVERABLES

• I set the context and suggested the concept
• Team members including Johann Flores and Yaddy Arroyo worked on the design

Grainger.com Mobile Pilot

I was brought onto the UX team at Grainger as a contractor when it was a team of four. I was tasked with developing a quick pilot for a mobile site experience.

Mobile E-commerce was just picking up steam when I worked on the pilot. This was of particular importance to our user base many of whom were contractors on the go, with urgent needs for tools and supplies.

While the scope was very limited, time to market was imperative as we planned to build out a more robust experience during the overall site redesign. I researched UX best practices for mobile, learned what I could about how we expected customers to leverage the interim experience and developed a set of wires that were quickly approved and implemented.

MY ROLE

• Rosie Manfredi and Sophia Drivalas were leads and stakeholders on the project.
• I was lead UXA and Designer. I created wireframes and comps.
• Grainger IT applied the design to the website.

DELIVERABLES

• Complete wireframes for the limited mobile experience.
• Comps for the mobile experience.

Select Wireframes for the My Account Administration Experience.

Transforming the organization

As the UX team grew so did the profile of digital within Grainger. We continuously hit new milestones, from $9 Million days to $10M, $11M, $12M and $13M. A greater and greater percentage of transactions for the organization began to take place online. Grainger was a pioneer in digital E-commerce and it was a pleasure to help deliver quality experiences for their customers