Apr 22, 2026 · 43m · y-combinator
How Stripe Built Their New Website · Y Combinator
gold bands on the timeline = statements, start to end. Hover to read, click to jump. CC turns on captions
In this episode of Y Combinator's Design Review, host Aaron Epstein talks with Katie Dill, Head of Design at Stripe, to explore the strategy, custom prototyping tools, AI integration, and culture of craftsmanship behind Stripe's homepage overhaul.
How this conversation actually went
Every chapter scored 0–10 on four independent dynamics. Hover any point for the reasoning behind the score. How this is scored →
speaking balance: gold is the partners, purple is the guest (3 minute bins)
Katie forcefully rejects the temptation to settle for easy, automated outputs, asserting that designers must never accept slop and must fight for craft.
Hardest push from the partners ▶ 14:45 Challenging the value of decorative animation vs measurable ROIAaron presses on whether stakeholders pushed back against bespoke animations on the grounds that every screen element needs clear, quantifiable utility.
Biggest teaching moment ▶ 25:45 User research evidence on accordion failure ratesKatie demonstrates through direct user research why collapsed accordion menus fail on homepages because browse-mode users refuse to tap tabs.
The partners hold their own ▶ 6:58 Identifying the GDP counter as an uncopyable proof pointAaron expertly deconstructs Stripe's value proposition, pinpointing that displaying a live global GDP counter is an authority signal unique to their market position.
the scores for every segment, with the reasoning behind each
| Chapter | Topic | The partners as informed peer | Guest teaching | Guest disagreement | The partners pushing back | Why |
|---|---|---|---|---|---|---|
| Animated Title Sequence for Design Review Show | 4 | 5 | 0 | 0 | Aaron introduces the redesign and notes how well Stripe's six-year-old site held up. Katie educates on why the site had to evolve, explaining that adding incremental sections over years diluted the core narrative and failed to represent their expanded product suite. | |
| Core Principles Behind Stripe's New Website Narrative | 4 | 5 | 0 | 0 | Aaron observes how Stripe historically layered sections for different customer profiles. Katie details their first-principles rethink, describing the homepage as a company manifesto and explaining their decision to spend over a year getting the narrative right. | |
| Hero Headline, Global GDP Counter, and Enterprise Trust | 5 | 4 | 0 | 0 | Aaron highlights the live GDP counter as an exclusive proof point only Stripe can pull off. Katie elaborates on how quantifiable scale builds enterprise trust across both micro-entrepreneurs and massive enterprises. | |
| The Bento Box Layout and In-Page Modal Discovery | 4 | 5 | 0 | 0 | Katie walks through the Bento box layout and in-page modal architecture for progressive disclosure. Aaron validates the technique for maintaining user context without forcing immediate page navigation. | |
| YC Startup School Event Announcement by Diana Hu | 3 | 4 | 0 | 0 | Following a brief YC Startup School ad, Aaron queries the balance between micro-interactions and distraction. Katie explains how delicate motion signals craftsmanship and system responsiveness. | |
| Resisting Rushed Deadlines for Polished User Experience | 4 | 5 | 1 | 1 | Aaron asks whether team members resisted decorative details without measurable ROI. Katie reveals they intentionally delayed the site launch past December because four transitions felt kludgy, prioritizing polish over arbitrary ship dates. | |
| Custom Parallelogram Artwork and AI Image Crafting | 3 | 4 | 0 | 0 | Katie describes creating custom parallelogram imagery blending Stripe with partner brands. Aaron inquires about the transition into dark mode, and Katie explains how visual pacing functions like musical punctuation. | |
| Behind the Scenes: Custom Gradient Wave Experimentation Tools | 4 | 5 | 0 | 0 | Katie showcases an internal web engineering tool built specifically to dial in gradient wave blur, grain, and color mix. Aaron digs into how variations were saved, tested, and vetted. | |
| Executive Review with Patrick Collison and In-Browser Testing | 4 | 5 | 0 | 0 | Aaron asks how decisions are finalized amidst infinite variations. Katie explains Patrick Collison's hands-on review process and stresses the necessity of evaluating design live in the browser alongside real typography and layouts. | |
| Testing Accordions vs. Bento Grids in User Research | 3 | 6 | 0 | 0 | Katie reviews rejected layouts, showing how accordion patterns failed in user testing because lean-back visitors rarely click collapsed tabs. Aaron agrees that interactive tabs impose excessive cognitive friction. | |
| AI Image Generation Pitfalls and Meticulous Design Critiques | 3 | 6 | 1 | 0 | Katie walks through internal critiques on AI-generated imagery, pointing out anatomical errors and unnatural bubble physics. She stresses that while AI accelerates generation, human craft and taste remain irreplaceable. | |
| Design System Evolution and Refusing Generative Slop | 4 | 6 | 2 | 0 | Aaron asks how design consistency survives when non-designers ship code with AI tools. Katie passionately argues against accepting generative 'slop' and explains how AI can dynamically assemble design system components without lowering quality bars. | |
| Fighting Mediocrity and Defining Minimum Viable Quality Products | 3 | 6 | 1 | 0 | Katie warns against the gravitational pull of mediocrity and proposes replacing MVP with Minimum Viable Quality Product (MVQP). Aaron prompts her on guiding team principles, and she distinguishes genuine user-centered polish from paralyzing perfectionism. | |
| Stripe's 'Walking the Store' Tradition and Cross-Disciplinary QA | 4 | 5 | 0 | 0 | Aaron connects QA importance to Stripe's 'walking the store' ritual. Katie explains how cross-functional weekly reviews with founders and engineers prevent disjointed user journeys across disparate product teams. |