How Stripe Built Their New Website

Chapter 1 · Narration: WOW Mentor

How Stripe Built Their New Website

WOW Mentor breaks down how Stripe's head of design, Katie Dill, rebuilt the company's homepage. What looks like a payments company refreshing its website was really a first-principles act built on one idea — that a website is a manifesto. The old site stepped aside not because it aged, but because the business had outrun its story; the new one translates trust into a live global-GDP counter and compresses a sprawling product suite into a Bento of progressive disclosure. Motion becomes evidence of care, images become punctuation that make you pause, and AI accelerates exploration without ever replacing craft. Through it all, the team fights the gravitational pull to mediocrity and keeps standing in the user's shoes by walking the store.

Today, WOW Mentor breaks down how Stripe rebuilt their new website, and the person at the center is Katie Dill, Stripe's head of design. She and her team shipped a brand-new homepage, and she walked through everything behind the scenes, framing it not as a change of screens but as a decision about how the company explains itself to the world. The first thing WOW Mentor highlights is that what looks like a website refresh was really a brand rewriting its own identity. Tellingly, she compares choosing a homepage to picking the clothes you will wear for the next six years. Products for users have to ship tomorrow, but this homepage was for Stripe itself, so the team refused to rush and poured more than a year into it. She turns first to the old site, built in 2020, and is quick to credit the team that made something which held up so well. The reason to change it was not that it had aged — the host even admits it looked like it could have launched yesterday. The real problem was that the business had evolved far past the story the site was telling. Payments were once the heart of the company, but Stripe now supports enterprises across subscriptions, usage-based billing for AI companies, tax, revenue recognition, and moving money for platforms like Shopify. She notes that over 78 percent of the Forbes AI 50 use Stripe — and yet that entire story lived on the old site as a single small tile. What WOW Mentor highlights is her diagnosis that the page showed only a sliver of this expanded suite. Over time the team kept bolting on sections aimed at different users, and with each addition the narrative grew fainter. It had become a page you scrolled until you happened to hit the section right for you. The visual language was due for a refresh too — not because it had gone out of fashion, but because it no longer carried the sophistication the business had earned, with little internal clarity on how to use the twelve-degree bar, the colors and overlays, or the typography. So what do you ask first? The team went back to first principles. She repeats a question Patrick raised in a meeting: what is the point of a website anyway? Her answer is that a website is a kind of manifesto. Whether or not you call it that, the site demonstrates who you are, what you do, and why you do it. What WOW Mentor wants to underline is that this declaration is not made of sentences alone. How you build the site, which colors and typefaces you choose, the details you care about and the ones you let slide — every choice speaks, indirectly, to the company's character. The paradox WOW Mentor draws out is that an internal project with no deadline pressure needs even more discipline to hold the bar high. One sentence survived untouched onto the new homepage: financial infrastructure to grow your revenue. They kept this core promise and, around it, placed more varied cues so a wider range of users could recognize Stripe was right for them too. What caught the host's eye was the GDP counter near the top: a live share of global GDP running through Stripe — not just US GDP but the whole planet's, a figure very few companies could ever display. She notes that anyone building a website wrestles with how to prove trust, and that for a company serving everyone from a micro-entrepreneur to a vast enterprise, it matters whether Stripe is dependable at their scale. What WOW Mentor highlights is that Stripe translated that trust not into the usual logo wall but into a number only it could offer — a slice of the world's GDP. Below it sits the word billionth, quietly signaling that if you do billions of transactions, Stripe is the right fit.

The next section she calls the Bento, where the old homework — expressing the sheer scale of the offering — finally gets solved. Payments including in-person terminal, billing spanning usage-based charges and subscriptions, the role AI plays inside organizations, issuing and stablecoins, and tooling for platforms and marketplaces all sit together. The goal is not to overwhelm: there is a lot packed in, but very little text, and the point is to show rather than tell, so imagery leads. For anyone who wants more, a large overlay modal opens — and even then it never carries the user off the homepage. What WOW Mentor highlights is the philosophy of progressive disclosure. Behind six tiles sit dozens of products that could never fit on one screen, but instead of dumping them at once, the team lets users lift one layer at a time. Sending users off the page would lose someone too early, so the section is built as a light browsing experience with buttons to jump ahead or keep scrolling. What WOW Mentor takes away is the restraint of handing the user control precisely when there is the most to show. On the motion inside each card, she confesses it is a very difficult balance. One card had too many lines at first, then too few, and the ball moved too fast, so it had to be fine-tuned again and again. Her reason loops back to the manifesto: if the visible care is real, users assume the same care goes on behind the scenes in how Stripe moves money and protects information. What WOW Mentor wants to underline is that, for Stripe, motion is not decoration but evidence of trust. Movement also gives the site a living presence — yet she warns that going too far becomes distracting. So the motion must be delicate, responding when a user touches something and signaling that yes, this is clickable. The host observes that none of these animations are motion for motion's sake; each carries an intention tied to the message of its number. They look like fun, but they are never random. She reflects that we are entering an era where websites can be fun again — her hope being that as AI carries us to good almost instantly, the freed time can push something genuinely playful one level further. She is especially fond of the section showing the big metrics. Numbers about global scale or uptime drift and move here, and it is not a rigorous data visualization but, in her words, just fun and just beautiful. What WOW Mentor highlights is the decision that came out of it: because of this section, the site launched not in December but in January. All four animations existed, but the transitions between them were a little cludgy. Facing the option to do only three, or only one, or to let them sit still, the team decided together to wait and do it right — pushing another week over the holidays was far better for the whole composition in the long run than shipping something that felt unfinished. In the section introducing users, the Stripe brand and its customers' brands meet inside a single custom-made image, carrying each brand's personality alongside Stripe's parallelogram. Here she is candid about a common illusion: the team assumed AI would knock these out beautifully in a day, but making something with AI still demands the maker's love, care, and attention. The story she tells with a laugh is about bubbles — in one image of ice and bubbles, the team spent a startling amount of time on each individual one, attaching a critique of where it fell short every time it looked ready to ship. In the Urban Outfitters example it looked convincing at a glance, but on a second look an arm was off, a hand missing, a shadow wrong. What WOW Mentor highlights is her conclusion: AI dramatically accelerates exploration, letting you look at twenty ideas in the time it took to look at two, but it does not replace craft, taste, or attention to detail. For her, the images are also punctuation — moments, like beats in a song, where a fast scroller is made to pause. However fast the tools get, the judgment of what to make and why stays with people.

… The rest of this chapter continues in the full edition, available with a subscription.

Listen to this chapter