How Stripe Built Their New Website

Stripe Head of Design Katie Dill breaks down the year-long redesign process behind the 2026 homepage, including AI’s real role in the workflow.

• Over 78% of the Forbes AI 50 use Stripe; usage-based billing for inference costs is now a core product pitch missing from the old site.
• The old homepage was from 2020 and held up visually, but the product suite had outgrown the story it told — payments became just one of many verticals.
• Stripe’s GDP counter (percentage of global GDP processed) was chosen because almost no other company could credibly display that metric on a homepage.
• The bento-box layout with in-page modals beat accordion and per-section scroll designs in testing because users are in lean-back browse mode, not click mode.
• AI sped up image generation and prototyping but didn’t replace craft — bubble reflections in AI-generated imagery required pixel-level critique and multiple rounds of revision.
• The metrics animation section wasn’t in the December launch; the team delayed to January rather than ship a version where transitions felt clunky.
• Katie Dill’s principle: AI raises the floor to a 7/10 quickly, but designers must use the saved time to push new interaction paradigms (e.g., agent UX), not just ship more 7/10s.
• Stripe’s ‘walking the store’ ritual includes founders demoing the live product to the whole company every Friday to surface cross-product UX gaps.

2026-04-22 · Watch on YouTube