Revamping the B2B experience for adidas

Director's commentary

Brief debrief

adidas sells to its retailers through a platform called CLICK, and by 2018 its poor usability was pulling down customer satisfaction. I was brought in to lead the redesign. The goal was a tool that handled dense business data and was still as pleasant to use as a good consumer app. We split the work into two tracks: an 11-week sprint to fix the basic interface problems, then a design team working inside adidas to rethink how retailers buy at scale.

Year
2019
Client
adidas
Credits
Media.Monks
Role
As Head of UX I owned the vision, held the relationship with adidas, and led our designers working inside the adidas team. The aim was to turn a tool retailers dreaded into a modern one they liked using.

Results

  • +$5M in revenue from the interface changes alone
  • 20% faster page loads
  • +33 Net Promoter Score by 2020, up from below zero
The CLICK dashboard: order status, new arrivals and cart tiles above the footwear, football and running categories

The immediate fix: “Pleasant Productivity”

Our audit of CLICK found cluttered screens, too much information at once and navigation that worked against people. In the first track we shrank the sticky header to free up space, made switching between brands clear, and set up an atomic design system (fonts, colour, visual hierarchy) so the fixes would carry across the platform.

That first round landed fast. Pages loaded 20% faster and conversion rose 2%, which added $5M in revenue from the interface changes alone, without a single new feature.

The brand chooser: adidas, Reebok and adidas Locker Room, with order and pre-order beside a running shoe

Rethinking how retailers manage orders

The harder half was rethinking how a retailer works with large amounts of business data. Our UX team joined the adidas Scrum team to map behaviour that depended heavily on the backend. I oversaw the redesign of the Orderbook Toolkit (OBT) so it could handle long order numbers and detailed filters, and pushed for features that warn dealers before something goes wrong, like a “Pending too long” alert.

Fixing these long-standing usability problems turned user sentiment around. The Net Promoter Score (NPS) went from below zero in 2017 to +33 by 2020. We also changed how adidas builds: after moving to a joint production model, the team deployed 220% more often.

The CLICK catalogue: product type and sport filters down the left, a grid of team shirts with wholesale and retail prices

Getting the details right

Business buyers placing big wholesale orders still expect shopping to feel like a good consumer site. I guided a redesign of the product catalogue. We added adjustable tile sizes so buyers could scan products on any screen, and built 360° product rotations into the product pages instead of filling them with more images.

Time on page went up 12%. A lot of this came from getting everyone aligned early: our first strategy workshop scored 9.8 out of 10, the highest score an internal workshop had ever had at adidas. It set the tone for a close, fast-moving partnership that changed how adidas teams approach digital product design.

Explore more

Let’s connect

Want to talk about something you are building?

Connect