How Stripe Built Their New Website

Y Combinator · Beginner ·🖌️ UI/UX Design ·1d ago
Even the most successful websites eventually need a redesign. Take Stripe for example. After six years with the same homepage, they recently unveiled a brand new site that reflects how the fintech giant has evolved over the past few years. So when is the time right for a new landing page? And what should you prioritize in the redesign? In this episode of Design Review YC’s Aaron Epstein sat down Stripe’s Head of Design Katie Dill to pull the curtain back on their high profile redesign and to discuss how their team is evolving in a world dominated by new AI design tools. 00:00 - Intro 00:30 - The Old Site 01:30 - Why Stripe Redesigned a Site That Still Looked Good 03:00 - The Biggest Thing They Needed To Change 03:30 - Crafting A New Narrative For The New Site 05:00 - What Story Was Missing From The Old Site 05:30 - “What Is The Point Of A Website?” 06:00 - The New Site 06:44 - New Landing Page Breakdown 07:10 - The GDP Counter: A Homepage Element Only Stripe Could Pull Off 07:40 - Building Trust Through Design 08:45 - Inside Stripe’s “Bento Box” Approach to Product Storytelling 10:37 - Why Stripe Used Modals Instead of Sending People to New Pages 11:37 - Adding Lively Animations That Don’t Feel Distracting 13:50 - The Value Of Beauty In Web Design 14:30 - How To Be Intentional With New Design Elements 15:40 - The Balance Between Getting It Right and Endless Iteration 16:24 - AI-Generated Brand Imagery 17:30 - How A Website Is Like A Song 19:11 - Designing the Perfect Stripe Wave Background 24:48 - All the Homepage Concepts Stripe Tried Before Landing on the Final Design 27:10 - How AI Is Changing Stripe’s Design Process 35:00 - Fighting the “Gravitational Pull to Mediocrity” 40:00 - Walking the Store: Stripe’s Secret to Better Product Design Apply to Y Combinator: https://www.ycombinator.com/apply Work at a startup: https://www.ycombinator.com/jobs
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Related AI Lessons

The Conversion Rate of Good Design Education: From Student to Professional
Learn how good design education can boost conversion rates from students to professionals in UX design
Medium · UX Design
The Design Mentorship That Money Can’t Buy — But Training Can
Learn how mentorship in creative fields like UX design can be achieved through training and dedication, rather than just financial investment
Medium · UX Design
Colour, Contrast, and Communication: The Science Behind Great Design Teaching
Learn how colour, contrast, and communication impact design teaching and improve your UX design skills
Medium · UX Design
Practical Design: Why Real Briefs Outperform Textbook Exercises
Learn how real briefs can improve your UX design skills and outperform textbook exercises in practical design
Medium · UX Design

Chapters (24)

Intro
0:30 The Old Site
1:30 Why Stripe Redesigned a Site That Still Looked Good
3:00 The Biggest Thing They Needed To Change
3:30 Crafting A New Narrative For The New Site
5:00 What Story Was Missing From The Old Site
5:30 “What Is The Point Of A Website?”
6:00 The New Site
6:44 New Landing Page Breakdown
7:10 The GDP Counter: A Homepage Element Only Stripe Could Pull Off
7:40 Building Trust Through Design
8:45 Inside Stripe’s “Bento Box” Approach to Product Storytelling
10:37 Why Stripe Used Modals Instead of Sending People to New Pages
11:37 Adding Lively Animations That Don’t Feel Distracting
13:50 The Value Of Beauty In Web Design
14:30 How To Be Intentional With New Design Elements
15:40 The Balance Between Getting It Right and Endless Iteration
16:24 AI-Generated Brand Imagery
17:30 How A Website Is Like A Song
19:11 Designing the Perfect Stripe Wave Background
24:48 All the Homepage Concepts Stripe Tried Before Landing on the Final Design
27:10 How AI Is Changing Stripe’s Design Process
35:00 Fighting the “Gravitational Pull to Mediocrity”
40:00 Walking the Store: Stripe’s Secret to Better Product Design
Up next
I wish this is how colors always worked
Kevin Powell
Watch →