Origin

PRODUCT DESIGNDESIGN SYSTEMSUX LEADERSHIP

Drew Rattray

Design leader and product designer. I own the decisions that ship products, at Popular Bank, PepsiCo, and Bluebeam.

THE MAIN LINE

Employed roles

The work I shipped inside Popular Bank, PepsiCo, and Bluebeam.

PepsiCo

PRODUCT DESIGN · SUPPORT · ENTERPRISE PLATFORMS

Sep 2023 – Mar 2024

PepsiCo

The situation

PepsiConnect is how PepsiCo's business customers order and manage their accounts. When something went wrong, too many of them had no way to fix it themselves, so they waited on an agent. Support load was high and the customer experience was slow, and the fastest lever was not more agents. It was letting people solve their own problems.

My role

I designed the support flows for PepsiConnect, including a WhatsApp self-serve channel built for how these customers actually communicate. The goal was deflection that felt like help, not a wall between the customer and a human.

PepsiConnect WhatsApp self-serve support flow designed for PepsiCo business customers

The decisions

I designed for the channel customers already lived in rather than forcing them into a portal. Meeting them in WhatsApp removed the friction of logging in somewhere new to ask a simple question, and it let the support flow live where their attention already was.

PepsiConnect WhatsApp support flow showing self-serve paths designed for the channel customers already used

Speed was the constraint. PepsiConnect needed an MVP fast, so I ran a tight loop: daily syncs with the PM to lock priorities, regular check-ins with stakeholders to pressure-test the customer flows against reality, and standups where I walked the team through each flow so nobody was designing in the dark.

PepsiConnect self-serve paths prioritized from call center data for high-volume issues like reward points, order tracking, and password resets

The flows themselves weren't guesses. We pulled them straight from call center data, the issues generating the most inbound calls and emails: missing reward points, order tracking, password resets. If it was creating friction at scale, it earned a self-serve path.

The hard call

The pressure was to automate everything. I drew the line at flows where a wrong answer costs the customer money — those kept a fast path to a human. Self-serve that traps people isn't self-serve.

What happened

Self-serve resolution rose from 21% to 48%, measured in Microsoft Clarity. Nearly half of customers now resolved their issue without ever reaching an agent, which cut support load and gave customers a faster path to an answer.

Outcome snapshotPre → post redesign
Self-serve resolution
0.0%

Up from 21%, measured in Microsoft Clarity.

Bluebeam

DESIGN MANAGER · BLUPRNT DESIGN SYSTEM

Sep 2021 – Aug 2023

Bluebeam

The situation

Bluebeam's legacy website needed a full redesign, and it had no design system underneath it to build on. The honest way to do this was sequential: build the system, then build the site on top of it. That was also the slow way, and the timeline did not allow for slow.

My role

I led the redesign as Design Manager, and I owned both problems at once: the new site and the design system it would stand on. I managed a small team of designers through it.

bluprnt design system overview showing the foundation built alongside Bluebeam's redesigned site

The decisions

I made the call to build bluprnt, the design system, and the new site concurrently in Figma instead of one after the other. It was the riskier sequencing, because the foundation was being poured while the house went up on top of it. But building them together meant every component was validated against a real page the moment it was made, and it was the only path that fit the three-month window.

Figma workspace showing bluprnt components being built concurrently with Bluebeam site pages

In ideation, we sketched ideas against the personas and the business goals we had already set. I brought stakeholders into those sessions to test our thinking early, so the design system supported what the new site actually needed to do.

Bluebeam site architecture and page structure designed concurrently with the bluprnt system
Bluebeam architect persona hero page built on the bluprnt design system
Bluebeam engineer persona hero page built on the bluprnt design system

The hard call

I chose to build the design system and the website at the same time rather than finishing the system first. It meant living with ambiguity and reworking components mid-build, but sequencing them the safe way would have blown the deadline. The concurrent build is what made three months possible.

What happened

Both shipped in three months. A rapid-response microsite drove 85% upgrade conversion, and time on site rose 23% after the redesign. bluprnt outlived the project as the system the team kept building on.

Outcome snapshotPost-redesign results
Ship time
3months

To ship both the design system and the redesigned site.

Upgrade conversion
0.0%

From the rapid-response microsite.

Time on site
+0.0%

Increase after the redesign.

Resume

CAREER LINE MAP

Resume

  1. Popular Bank

    Senior Product Designer

    Led a bank-wide design system and managed a team of two designers. Drove design and stakeholder alignment across the Association Banking platform, turning fragmented product surfaces into a consistent, governed system.

    View case study
  2. PepsiCo

    Senior Product Designer

    Designed customer support and conversational experiences for enterprise platforms, including a WhatsApp support channel used by global stakeholders. Owned digital solutions across PepsiCo websites, product applications, and mobile apps.

    View case study
  3. Bluebeam

    Design Manager

    Led the redesign of the Bluebeam legacy website and built the bluprnt design system concurrently in three months. Managed a small team of designers.

    View case study
  4. Spectrum

    Sr. UI Designer

    Designed UI for Spectrum's customer-facing digital platforms, improving customer experience and adoption across the product suite.

Connect

END OF THE LINE

Connect

LAST STOP · STAMFORD BRANCH

End of the line.Start of the conversation.

If any of this landed, I would like to hear from you. Whether you are hiring a design leader or a senior product designer, or you just want to build something worth building, the conversation starts here.