Origin

Product design · UX leadership

Origin

Drew Rattray

Design leader and product designer. I own the decisions that ship products, at 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.

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.

TBD — the specific flow or decision you're proudest of here (how you structured the self-serve paths, what you cut, how you decided what to automate versus route to a human).

The hard call

TBD — the hardest tradeoff in this project. My guess at the shape: you had to decide how far to push self-serve before it started frustrating people who needed a human. Confirm or replace with the real one.

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.

48%

self-serve resolution, up from 21%, measured in Microsoft Clarity

21% → 48%

shift in customers resolving issues without an agent

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.

The decisions

I made the call to build bluprnt, the design system, and the new site concurrently 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.

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.

3 months

to ship both the design system and the redesigned site

85%

upgrade conversion from the rapid-response microsite

+23%

increase in time on site after the redesign

Spectrum

UI DESIGN · CUSTOMER PLATFORMS

Jun 2018 – Sep 2021

Spectrum

The situation

Spectrum customers who needed to reschedule an appointment had to call in to do it. The customer verbatims were clear about the friction, and the fix touched more than one team: onboarding owned part of the flow, tech support owned another, and the change had to work across both without breaking either.

My role

I designed the in-app appointment rescheduling experience, driven by what customers were actually saying. Most of the work was not the interface. It was solving the experience across constraints owned by teams other than mine.

The decisions

I let the customer verbatims set the priority instead of internal assumptions about what mattered. Rescheduling kept surfacing as a pain point, so that is where I focused, and I designed the flow to satisfy onboarding's and tech support's requirements at the same time rather than optimizing for one and fighting the other.

TBD — the specific cross-team constraint you had to resolve, and how you got both teams to a design they'd support.

The hard call

TBD — the hardest decision here. My guess at the shape: you had to choose whose constraints to bend when onboarding and tech support wanted different things. Confirm or replace with the real one.

What happened

The in-app rescheduling flow drove 10% month-over-month growth for three consecutive months, a sustained lift rather than a one-time launch spike.

10% MoM

growth for three consecutive months after launch

3 months

of sustained month-over-month growth

Parallel Lane

FOUNDER · AUTOMATION FOR AGENCIES

Parallel Lane

Automation for Agencies logo

Automation for Agencies

Founder

The parallel lane

The main line is the work I did inside other companies. This is the product I conceived, designed, and built on my own.

Automation for Agencies is an editorial platform for agency owners who are tired of buying lifetime deals that fall apart the moment they deploy them. I built the Agency Viability Score, a rubric that rates every tool on the five things that actually decide whether it holds up inside an agency: white-label depth, scalability, reseller margin, ecosystem, and support. A polished demo does not move the score. Whether you can run it across fifty paying clients does.

Around the score I built the rest of the product: a leaderboard, written playbooks, and a podcast that puts founders on the record about what their tools can and cannot do. The whole thing runs on one principle, paid, never bought. A tool can pay for a look. It cannot buy the number.

My role is the Translator. I make AI and automation practical and jargon-free for the non-technical agency owners the hype was never written for.

This is the same instinct that runs through every case study on this line. Find the friction, own the decision about how to fix it, and ship the system that holds. Here the system is mine, the methodology is mine, and every call is mine.

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.

    View case study

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.