How Stripe Built Their New Website

원본 영상: How Stripe Built Their New Website · 채널 Y Combinator

Part 1 — 핵심 인사이트

홈페이지는 소개문이 아니라 회사의 선언문이어야 한다.
사업이 확장되면 기존 서사는 더 이상 제품 전체를 담지 못한다.
신뢰는 카피보다 구조와 증거로 더 강하게 전달된다.
복잡한 제품군일수록 '전부 나열'보다 '묶어서 보여주기'가 중요하다.
디자인 시스템이 커질수록 시각 언어의 규칙을 먼저 정리해야 한다.

Part 1 — 요약

이 영상은 Stripe가 새 홈페이지를 만들며 왜 기존 사이트를 바꿔야 했는지, 그리고 어떤 원칙으로 새 디자인과 메시지를 정리했는지를 다룬다. 핵심 문제는 예전 사이트가 나쁘다기보다, 사업이 확장되면서 결제 중심의 이야기로는 Stripe의 현재 제품 범위와 고객군을 충분히 설명하지 못하게 됐다는 점이다. 그래서 Stripe는 웹사이트를 단순한 홍보물이 아니라 '우리가 누구이며 무엇을 믿는가'를 보여주는 선언문처럼 보고, 고객 신뢰를 만들 수 있는 서사와 시각 언어를 다시 설계했다.

또한 홈페이지 상단의 GDP 카운터, 다양한 제품을 묶어 보여주는 Bento 섹션, 적은 텍스트와 강한 이미지 중심 구성 등은 모두 '말하기보다 보여주기'를 위해 선택된 장치다. 이 과정에서 Stripe는 AI, 대기업, 성장 스타트업, 플랫폼 비즈니스 등 서로 다른 대상에게 동시에 설득력을 가지려면 한 줄 카피가 아니라 구조 자체가 메시지가 되어야 한다는 점을 드러낸다. 영상 후반은 새 사이트의 각 섹션이 어떻게 브랜드의 확장성과 신뢰를 전달하는지 차근차근 설명한다.

Part 2 — 핵심 인사이트

좋은 웹사이트는 정보를 숨기는 게 아니라 순서로 보여준다.
모션은 장식이 아니라 브랜드의 성격을 전달하는 언어다.
재미는 목적이 될 수 있지만, 반드시 의도가 있어야 한다.
완성도는 감이 아니라 반복 실험과 미세 조정으로 나온다.
사용자가 스크롤을 빨리 넘긴다면, 멈추게 하는 지점이 필요하다.

Part 2 — 요약

이 영상은 Stripe가 새 웹사이트를 만들며 왜 단순한 정보 나열이 아니라 ‘점진적 공개(progressive disclosure)’와 재미있는 모션을 선택했는지 설명한다. 한 페이지에 모든 제품을 다 보여주면 사용자가 압도되므로, 모달과 카드, 스크롤 흐름을 통해 탐색하게 만들고, 각 요소는 기능적 설명과 브랜드 인상을 동시에 전달하도록 설계했다.

또한 애니메이션, 숫자 표현, 이미지 구성, 다크 배경, 섹션별 톤 변화까지 모두 우연이 아니라 ‘회사 철학을 드러내는 장치’로 다뤄진다. 과도한 장식은 방해가 되지만, 적절한 움직임과 실험은 사이트를 살아 있게 만들고 Stripe의 세심함과 기술력을 사용자에게 체감시킨다는 점이 핵심이다.

Part 3 — 핵심 인사이트

디자인은 보드 위보다 실제 맥락에서 더 정확히 판단된다.
선택지를 많이 만들수록 결론은 느려지지만 학습은 빨라진다.
사용자가 스캔하는 화면은 '클릭 유도'보다 '즉시 이해'가 중요하다.
AI는 탐색 속도를 올리지만, 완성도를 대신하지는 못한다.
좋은 웹 비주얼은 미감보다 읽기 쉬움과 조화가 먼저다.

Part 3 — 요약

이 영상은 Stripe가 새 웹사이트, 특히 웨이브 비주얼과 Bento 섹션을 어떻게 설계하고 선택했는지 보여준다. 단순히 예쁜 화면을 고르는 것이 아니라, 색감·질감·움직임·읽기 쉬움·페이지 맥락까지 고려해 수많은 변형을 빠르게 실험하고, 사용자 입장에서 가장 자연스러운 방향으로 좁혀가는 과정이 핵심이다.

또한 AI가 이 프로세스에서 어떤 역할을 하는지도 다룬다. AI는 사실적인 이미지를 빠르게 탐색하고 프로토타입을 대량으로 만들어 주지만, 최종 품질은 여전히 디테일에 대한 감각과 크래프트가 결정한다는 점을 강조한다. 결국 이 영상의 메시지는 '속도'와 '취향'을 함께 가져가야 좋은 웹사이트가 나온다는 것이다.

Part 4 — 핵심 인사이트

AI는 기준을 낮추는 게 아니라, 기준을 더 높여야 하는 이유다.
좋은 디자인은 예쁜 화면이 아니라 사용자 결과를 바꾸는 일이다.
조직이 커질수록 디자인 시스템은 일관성의 최소 안전장치가 된다.
'충분히 좋음'은 편하지만, 장기적으로는 품질을 갉아먹는다.
MVP보다 중요한 건 신뢰를 잃지 않는 최소 품질이다.

Part 4 — 요약

이 영상은 Stripe가 새 웹사이트를 만들며 디자인의 역할을 어떻게 정의하는지에 초점을 맞춘다. 핵심 메시지는 AI와 새로운 도구 덕분에 누구나 더 빨리 '괜찮은' 결과를 만들 수 있게 되었지만, 그래서 오히려 디자이너는 평균에 안주하지 않고 더 높은 기준과 더 나은 인터랙션을 끝까지 밀어붙여야 한다는 것이다.

또한 디자인 시스템, 품질 기준, QA, 사용자 관점의 테스트가 단순한 운영 절차가 아니라 규모가 커질수록 제품의 일관성과 신뢰를 지키는 핵심 장치라고 강조한다. 결국 Stripe는 '빠르게 만드는 것'보다 '실제로 좋은 것을 내놓는 것'을 우선하며, AI 시대일수록 프로토타이핑과 실사용 검증, 그리고 기대 품질을 지키는 문화가 더 중요하다고 말한다.

Part 5 — 핵심 인사이트

좋은 제품은 기능이 아니라 전체 흐름의 조화로 판단된다.
내가 만든 화면만 보면 실제 사용자 경험을 놓치기 쉽다.
조직이 나뉘어도 경험은 한 덩어리로 이어져야 한다.
다른 직군의 시선이 모일수록 사용자의 실제 감각에 가까워진다.
관찰과 점검을 문화로 만들 때 품질이 개인 역량을 넘는다.

Part 5 — 요약

이 영상은 Stripe가 웹사이트와 제품 경험을 만들 때 왜 'walking the store' 같은 관찰 방식이 중요한지 설명한다. 핵심은 제품을 만드는 사람의 시선이 아니라 실제 사용자의 흐름으로 전체 경험을 봐야 한다는 점이다. 한 팀의 업데이트가 다른 팀의 화면, 흐름, 맥락과 충돌하면 사용자 경험 전체가 어색해질 수 있으므로, 여러 사업부와 역할이 함께 보며 연결성을 점검해야 한다고 말한다.

또한 이런 관찰은 한 사람의 감각보다 다양한 관점이 모일 때 더 강해진다고 강조한다. 엔지니어, 프로덕트 리더, 데이터 과학자가 함께 보면 서로 다른 문제를 발견하고, 그 차이가 곧 사용자 이해의 깊이를 만든다. 마지막에는 이런 뒤편의 시행착오와 노력 자체가 디자인의 일부이며, 자주 이야기되어야 한다는 태도로 마무리한다.