Stripe Redesign

Landing Page Redesign (Unofficial)

I've fallen in love with web design — capturing the essence of whatever I'm designing for. After Bird Dog and UI Playground I wanted a real challenge: take something considered “perfect,” the gold standard, and see if I could do better… and I think I did.

In tech, Stripe was THE landing page — every design nerd drooling over it. I went to take a closer look and, wouldn't you know, they'd just launched a fresh redesign. Perfect timing… and my challenge just got harder. Onwards.

This is Stripe's new landing page, widely considered the gold standard for SaaS. My honest reaction: way too overwhelming. Looking through the lens of someone with no prior knowledge, I had no idea what Stripe actually does after scrolling — an endless pit of attention-grabbing animations (impressive, though) and info dumps.

Stripe got so huge, with so many products, that it's almost impossible to communicate all of it and help you find what you need. And the kicker: Stripe became the gold standard, so every SaaS copied the playbook — blurple, logo carousels, animations — until Stripe's page looks no different than a brand-new startup's. A company that big should not have a site that looks like everyone else's. (And don't get me started on that footer.)

Okay, off my chest — here's the redesign. A few pillars I worked around: make it simpler but keep Stripe's playfulness; emphasize the human element (Stripe has millions of real users — highlight that); trim the fat to only what's needed to convert; and whisper, don't shout. Open the actual site and scroll — there are some fun little easter eggs.

The hero was the first idea I had before starting. Stripe's real hero is notoriously cool, but I wanted something more human — highlighting “Stripe moments” from real users, so a visitor might see themselves in a clip. I love the “Get started” button animation; I took a liking to Stripe's parallelogram and wanted to use it in fun ways. I tucked “Trusted By” in the bottom right — whisper, don't shout. It's there, people will be impressed, but it doesn't need to do the work.

The “Why Stripe?” section took me the longest, even though it looks the simplest. I'd originally built a bento-style section like Stripe's, full of animated cards. It sucked — and that's where this airy, light framework was born. The job is to literally answer “why Stripe?” — it works at 10 customers and 10 million; whatever might go wrong, we already handle it. It's meant to read the user's mind and answer their questions before they finish the thought. The mix of images, editorial text, and (brutally hard) animations ties together really well.

The integration section was a surprising win. All I knew was I wanted to show that one simple integration unlocks a whole suite. I went to the source — Stripe's “backbone of global commerce” section, which I always scrolled back to — and rebuilt it as an editorial section. The particle animations weren't too bad and are close to Stripe's quality. Funny part: I accidentally made the canvas too small, so instead of full-bleed it framed into a rectangle — and I thought it was beautiful. A happy mistake.

Finally, the end — the final CTA. We had one in the hero, but maybe they weren't convinced; this is where we convert if we've earned their trust. I had a “sandwich” idea I don't see often: a really nice closing hero to bookend the opening one. I love it. I framed the CTA inside a parallelogram company image (this one made for Hertz). You'll notice the brazen logo carousel too — a small one up top, a larger one down here felt right. And the footer… I didn't do much, but it's at least better than that encyclopedia Stripe has.