searchlore

Back to Resource

All Segments

How Stripe Built Their New Website

How Stripe Built Their New Website

24 segments available

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

Segments Timeline

1
0:00 - 0:30
0:30 duration79 words

Intro

"Today, I am thrilled to welcome Stripe's head of design, Katie Dill, back to the show. Katie and her team recently launched a brand new Stripe homepage. She's going to take us behind the scenes of the..."

2
0:30 - 1:30
1:00 duration255 words

The Old Site

">> I saw along with everybody else when you launched the new Stripe homepage and I thought it would be amazing to have you on and kind of take us through the old site and uh things that you wanted to ..."

3
1:30 - 3:01
1:31 duration278 words

Why Stripe Redesigned a Site That Still Looked Good

"that also had been evolving and becoming more sophisticated and reaching, you know, a broader set of users. Uh, but still it was it was a good site. So, I can point out a couple of things that we uh a..."

4
3:01 - 3:31
0:29 duration100 words

The Biggest Thing They Needed To Change

"piece is that, you know, the page grows quite long. There's a lot of trying to be told here. uh we were doing that thing that happens over time where you kind of add on and add on and we're kind of lo..."

5
3:31 - 5:01
1:30 duration320 words

Crafting A New Narrative For The New Site

"of fashion but it also just didn't feel like it took the sophistication of how the business itself evolved. Uh and we were seeing it honestly in the way that our teams were kind of rolling out this de..."

6
5:01 - 5:30
0:28 duration112 words

What Story Was Missing From The Old Site

"monetize in new ways right so usage based billing so that you can uh make the right moves for your inferences costs and how your users are actually using your product and it's a tile on the website >>..."

7
5:30 - 6:00
0:30 duration114 words

“What Is The Point Of A Website?”

"point of a website I think one part of it is it's >> it's your manifesto whether you explicitly call it that or not >> because you're demonstrating who you are what you are doing and why you do it and..."

8
6:00 - 6:44
0:43 duration161 words

The New Site

"and how we're serving them and what we care about. And so that's where, you know, honestly painstaking hours over a year or more is what, you know, ended up going into this. Partly because in some way..."

9
6:44 - 7:10
0:26 duration109 words

New Landing Page Breakdown

"grow your revenue as the first one, >> which is the exact same for a sentence. So, that has remained consistent and it seems like what you wanted to add here was the extra things here that would catch..."

10
7:10 - 7:41
0:30 duration100 words

The GDP Counter: A Homepage Element Only Stripe Could Pull Off

"many companies that could um that could have a live counter of the percentage of the global GDP, not even just US GDP that is running on Stripe. Talk about the decision to put that right up at the top..."

11
7:41 - 8:46
1:04 duration244 words

Building Trust Through Design

"the the potential customer understand like whether or not this is a brand that you could trust and okay, good to know that you've done it for others. As I expressed earlier, like we're, you know, tryi..."

12
8:46 - 10:37
1:50 duration393 words

Inside Stripe’s “Bento Box” Approach to Product Storytelling

"solve some of the problems I talked about earlier about really expressing kind of like the scale of the product offering. And so before you saw like okay we do issuing we do payments. Uh but here we'r..."

13
10:37 - 11:38
1:01 duration237 words

Why Stripe Used Modals Instead of Sending People to New Pages

"the bento box and the modals that you can pop up that give more information directly on the page. It's an interesting smart choice because rather than take people to a dedicated page, you keep them ri..."

14
11:38 - 13:50
2:11 duration496 words

Adding Lively Animations That Don’t Feel Distracting

"cards. Talk a little about about that and and how you can do it without making it too overwhelming or distracting for people. >> Yeah, it's a difficult balance to get. I mean, this is where prototypin..."

15
13:50 - 14:31
0:41 duration141 words

The Value Of Beauty In Web Design

">> Yeah, >> they were fun early on and then it got to a point where every SAS website looked exactly the same. And um, it's really cool to see you focused on things that are just fun for the sake of b..."

16
14:31 - 15:40
1:08 duration214 words

How To Be Intentional With New Design Elements

"sake. There's there's an intention and a purpose behind everything that you're doing and it's connecting to the specific message that you're trying to communicate with each of these numbers and it's e..."

17
15:40 - 16:25
0:44 duration157 words

The Balance Between Getting It Right and Endless Iteration

"decision that we should wait and we should do it right. We could have, well, let's just only do three or let's just only do one or maybe you don't make the move. Um, and you know, for sure what we don..."

18
16:25 - 17:30
1:05 duration237 words

AI-Generated Brand Imagery

"our users but we created these images so it brings together Stripe the brand and the the companies that we serve. So each one of these is custommade uh and it's you know intended to express a bit of t..."

19
17:30 - 19:11
1:41 duration366 words

How A Website Is Like A Song

"trying to communicate uh the type of brand that we work with especially if you're you know not familiar with them. >> And now we've moved to a darker background. >> Is there something intentional behi..."

20
19:11 - 24:48
5:36 duration1287 words

Designing the Perfect Stripe Wave Background

"worked at Stripe now for five years and I cannot even tell you how many different variants of a wave or gradient or gradient wave that I have seen and been a part of. Um I think we are trying to find ..."

21
24:48 - 27:10
2:21 duration526 words

All the Homepage Concepts Stripe Tried Before Landing on the Final Design

">> Oh, yeah. >> I'm curious to see some more of those. >> Yeah. So, this is the bento where we're trying to communicate a lot of different things that we do. >> Uh, and what what's the right way to to..."

22
27:10 - 35:00
7:50 duration1609 words

How AI Is Changing Stripe’s Design Process

">> Talk a little bit about the process and maybe how you used AI in building this. >> Well, so yeah, let's start with the images that but there's other parts of the process there. But these were certa..."

23
35:00 - 40:01
5:00 duration1081 words

Fighting the “Gravitational Pull to Mediocrity”

"another rev and another turn. And, you know, the the way that, you know, our tools today can allow you to kind of go back and like, no, tweak this little bit and tweak that little bit. Uh, and essenti..."

24
40:01 - 43:28
3:26 duration750 words

Walking the Store: Stripe’s Secret to Better Product Design

"all the changes with AI that have been happening. Walking the store is such an important part of building products and experiences because again it like at the end of the day you're trying to understa..."