The original is one click away. Open original ↗
How Stripe redesigned its homepage after six years
Executive overview
After six years, Stripe's homepage no longer matched the scope of its business. Payments had become one product among many, and the site's narrative had grown fragmented through incremental additions.
The redesign set out to tell a clearer story for a broader audience — from micro-entrepreneurs to multinational enterprises — and to express Stripe's design quality as a proxy for the trust it asks users to place in its financial infrastructure.
A website is your company's manifesto: every visual choice signals what you care about.
Why the old site needed replacing
- The product suite had expanded far beyond payments, but the homepage only hinted at that breadth
- Each new product was added as another section, causing the narrative to fragment
- The design language lacked clear rules — gradient, color overlays, and typography had no consistent system
- The site no longer reflected how the business or brand had matured
Redesign goals and first principles
- Define the point of the site: manifesto, trust signal, and product discovery tool
- Make clear who Stripe serves and how — from startups to Forbes AI 50 companies
- Show rather than tell; reduce text density in favor of visual communication
- Build something worth wearing for the next six years, not just the next quarter
Key design decisions on the new site
- GDP counter placed at the top to signal global scale and dependability without a single word of copy
- Bento layout replaced sequential sections — shows the full product surface at a glance without overwhelming
- Hover modals on bento tiles give progressive disclosure without pulling users off the page
- Animations are intentional, not decorative: each communicates a specific metric or concept
- A dark background in the developer/API section signals a context shift for a technical audience
- The data visualisation section was delayed to get the transitions right — smooth motion was non-negotiable
The wave: one element, months of iteration
- A custom engineering tool let the team tweak blur, grain, rotation, color mix, and texture in real time
- Exploration ranged from monochromatic and bold to full-spectrum rainbow before converging on a final direction
- Patrick Collison was part of the final decision; the team down-selected to a shortlist before review
- Designs that felt right in isolation often changed once placed in context with type, logos, and other page elements
- Getting it into a live coded state as early as possible was essential — static frames can't replicate what users feel
AI in the design process
- AI accelerated prototyping: 20 ideas explored in the time it previously took to explore two
- Used for generating imagery (customer brand tiles with the Stripe parallelogram), but each image required manual critique — AI-generated hands, shadows, and layouts were often subtly wrong
- AI-powered prototyping reduced engineering hours needed to test interaction variants
- Speeds up user testing: copy variations for different audiences can be swapped instantly
- AI raises the floor; it does not replace craft, taste, or attention to detail
Role of designers at Stripe
- Designers aim to push the status quo, not just execute specifications
- The goal: products that are easy to use, powerful, and bring some joy
- AI frees up time that should go toward new interaction paradigms — agent experiences, not just better modals
- Design systems are evolving: AI tools can use component libraries to generate rough layouts, then designers push beyond what the system provides
- The risk: accepting "pretty good" outputs because they arrived quickly — Katie Dill calls this the gravitational pull to mediocrity
Maintaining quality at scale
- Fight the pull to mediocrity: compounding "good enough" decisions produces mediocre products
- Prototype, don't present — show stakeholders the user experience, not the rationale behind it
- MVQP (minimum viable quality product): ship to learn, but don't erode trust with something unfinished
- "Walking the store" is a cultural requirement: everyone, including founders, regularly uses Stripe's products as a user
- Essential Journeys scorecard tracks key user flows as red/yellow/green
- Cross-discipline store walks (engineer + product + data science in the room together) surface different failure modes that no single discipline sees alone
More like this — when you're ready for early access.
Join the waitlist for a personal account and content recommendations based on what you're working on.
No spam. Unsubscribe at any time.
You're on the list. We'll be in touch before launch.