Coca-Cola Enterprises · 2009 · with Slalom

Six very different visitors, one website

Coke.net is the business side of Coca-Cola, for people who sell, ship, or service the product. A store owner, a small supplier, and a bottler looking for an order form need very different things. I designed a site where each one finds their own way in.

UX lead at Slalom. Research, comps, and production design on a cross-functional team.3 comps, from the original Photoshop files
The problem

The top navigation names each audience. Each one has a different job to get done:

/Store owners who want to start selling Coca-Cola.
/Distributors and service providers already in the system.
/Minority- and women-owned businesses applying to be suppliers.
/Researchers, and accounts waiting to be activated.
/Signed-in partners who need order forms before a deadline.
Redrawn in 2026 from the 2009 Photoshop files. Layout, structure, and real labels match the originals. I replaced placeholder text with realistic copy and cropped the photos from the original comps.
01

The navigation is organized by who you are

Each tab is for one audience. The active tab turns the top of the page Coca-Cola red, so you always know where you are. The sales page asks its question in the headline and answers with four photos instead of four paragraphs.

customersFour ways to sell, shown as product, with one button.
02

Signed in, it's about deadlines

After login, the sales pitch goes away. The right side shows dates and announcements, and the main thing on the page is a list of order forms sorted by deadline, each with a PDF. The goal is simple: nobody misses an order window.

signed inNewsletter, key dates, and upcoming deadlines.
03

Program pages start with people

Supplier Diversity opens with a photo, one headline, and one button. Then it answers the four questions applicants actually ask: who qualifies, the principles, mentoring, and what’s coming up.

supplier diversityA program page built around the applicant’s questions.
What made it work
/

Navigation by audience, for six unrelated groups.

/

A full-width color change shows where you are.

/

Public and signed-in pages do different jobs.

/

Red only for the active tab, links, and buttons.

/

Product photos instead of decoration.

Outcome

It shipped and became the front door for Coca-Cola's business partners.

/Suppliers and customers found where to start without asking for help.
/Fewer support calls about where to register or log in.
/The audience-based navigation held up as the site grew.