How Stripe Built Their New Website

Strategic Drivers for Redesign

• The original 2020 homepage remained visually relevant but no longer accurately represented Stripe's evolved business scope beyond payments.
• The team identified a need to clarify messaging for diverse user segments, ranging from micro-entrepreneurs to multinational enterprises.
• The previous site suffered from "add-on" accumulation, resulting in a long, scrolling narrative that lost focus and clarity.
• Visual fatigue and a lack of scalability in the existing design language (e.g., the 12-degree bar, gradients, and typography) necessitated a new system.
• The redesign process took over a year, allowing for extensive exploration rather than rushing to a launch date.

Core Narrative and Manifesto

• The site was re-conceptualized as a "manifesto" demonstrating who Stripe is, what it builds, and why it matters.
• The core tagline "financial infrastructure to grow your revenue" was retained but positioned alongside clearer value propositions for new sectors.
• Over 78% of the Forbes AI 50 are now Stripe users, specifically leveraging usage-based billing for AI infrastructure costs.
• A live GDP counter was implemented at the top of the page to quantify Stripe's global economic impact and build immediate trust.
• The number "billionth" is used prominently to signal transaction scale and reliability for high-volume enterprise clients.

Interface and Interaction Design

• A "Bento box" grid layout was adopted to display multiple product solutions (Payments, Billing, Issuing, etc.) simultaneously without overwhelming the user.
• The team utilized progressive disclosure, using overlays and modals to provide deeper product details without redirecting users to separate pages.
• User research invalidated the accordion navigation model, as users preferred a "lean back" browsing mode over active clicking to explore offerings.
• Animations in the metric section were delayed from December to January to ensure smooth transitions, rejecting a "good enough" release in favor of intentional motion.
• Motion design serves a dual purpose: adding visual "joy" and signaling interactivity to users who might otherwise miss clickable elements.

AI Integration and Design Process

• AI tools were used to accelerate the creation of custom illustrative assets, allowing the team to generate 20 concepts in the time normally required for two.
• Despite AI speed, the team maintained rigorous human critique on details such as anatomy, shadows, and lighting to ensure "realism" and brand consistency.
• AI prototyping enabled rapid testing of micro-interactions, such as accordion movement and modal behavior, saving engineering hours.
• Designers are shifting focus from pixel-pushing to defining new interaction paradigms for AI agents and multi-modal user experiences.
• The team advocates for "Minimum Viable Quality" (MVQP) products, fighting the "gravitational pull of mediocrity" that AI-generated "good enough" outputs might encourage.

Design Systems and Governance

• Future design systems are expected to evolve with AI management, allowing tools to auto-assemble components and identify gaps in the library.
• The team emphasizes that designers must not accept AI-generated "slop" and should actively hunt for exceptional solutions that exceed baseline quality.
• A "Walking the Store" culture requires all employees, including founders, to test end-to-end user journeys to identify inconsistencies across product lines.
• Cross-functional reviews (design, engineering, product, data) during "Walking the Store" sessions ensure diverse perspectives catch user experience blind spots.

Forward-Looking Statements and Philosophy

• Design is viewed as a driver of "global progress," where creating beautiful, intentional experiences contributes to a better world.
• The team prioritizes "progress over perfection," acknowledging that shipping and learning from real-world user behavior is more valuable than theoretical idealism.
• Stripe aims to use AI to raise the baseline quality of routine tasks, freeing up designer time for complex, differentiated innovation.
• The redesign reflects a broader industry trend where websites are returning to being "fun" and playful, moving away from the uniform SaaS aesthetic.