스트라이프는 새 웹사이트를 어떻게 지었나

00:00오늘 와우멘토가 해부할 주제는 스트라이프가 새 웹사이트를 어떻게 다시 지었는가입니다.✦ 이 이야기의 중심에는 스트라이프의 디자인 총괄 케이티 딜이 있습니다.✦ 그녀는 팀과 함께 완전히 새로운 스트라이프 홈페이지를 세상에 내놓았고, 한 대담에서 그 무대 뒤편을 하나하나 풀어놓았습니다.✦ 그녀는 이번 작업이 단순한 화면 교체가 아니라 회사가 스스로를 어떻게 설명할 것인가에 관한 결정이었다고 말합니다.✦ 와우멘토가 이 대화에서 가장 먼저 주목하는 지점은, 겉으로는 웹사이트 리뉴얼처럼 보이는 이 프로젝트가 사실은 브랜드가 자기 정체성을 다시 쓰는 과정이었다는 사실입니다.✦ 흥미로운 것은 그녀가 이 홈페이지를 두고 앞으로 6년쯤 입고 다닐 옷을 고르는 일에 비유했다는 점입니다.✦ 사용자를 위한 제품은 내일 당장 나가야 하지만, 이 홈페이지는 많은 의미에서 스스로를 위한 작업이었기에 서두르지 않았고, 팀은 1년이 넘는 시간을 그 위에 부었습니다.✦ 그녀의 설명을 따라가다 보면, 잘 만든 홈페이지 하나가 어떤 전략적 사고 위에서 태어나는지가 선명하게 드러납니다.✦

01:04그녀는 먼저 옛 사이트로 시선을 돌립니다.✦ 그 사이트는 2020년에 만들어졌고, 대담 시점 기준으로 약 6년을 버텨온 화면이었습니다.✦ 그녀는 그 시절 팀이 시간의 시험을 잘 견디는 무언가를 만들었다고 공을 돌리면서, 바꿔야 했던 이유가 사이트가 낡아서가 아니었다고 분명히 선을 긋습니다.✦ 진행자조차 이 사이트가 어제 나왔다고 해도 믿길 만큼 앞서 있었다고 인정할 정도였습니다.✦ 오히려 진짜 문제는 사업이 그 사이트가 들려주던 이야기보다 훨씬 멀리 나아가 버렸다는 데 있었습니다.✦ 처음에는 결제가 사업의 중심이었지만, 이제 스트라이프는 다국적 대기업의 구독 관리, AI 기업의 사용량 기반 과금, 세금, 매출 인식, 그리고 쇼피파이 같은 플랫폼의 자금 이동까지 떠받치는 회사가 되었습니다.✦ 그녀는 포브스가 꼽은 AI 50대 기업 가운데 78퍼센트 이상이 스트라이프를 쓴다는 사실을 예로 듭니다.✦ 이들은 스트라이프의 제품으로 빠르게 몸집을 키우고 사용량 기반 과금 같은 새로운 방식으로 수익을 만들고 있는데, 정작 옛 사이트에서 그런 이야기는 작은 타일 하나로만 존재했습니다.✦ 와우멘토가 주목하는 지점은, 옛 사이트가 이 확장된 제품군을 겨우 한 조각만 보여주고 있었다는 그녀의 진단입니다.✦ 시간이 흐르며 팀은 서로 다른 사용자를 겨냥한 섹션을 계속 덧붙였고, 그럴수록 사이트 전체를 관통하던 서사는 조금씩 흐려졌습니다.✦ 사람들이 자신에게 맞는 구역에 닿을 때까지 스크롤하기를 바라는 방식이었던 셈입니다.✦ 여기에 더해 그녀는 시각적 언어 자체에도 손볼 때가 되었다고 판단했습니다.✦ 옛 디자인이 유행에 뒤처졌다기보다, 사업이 정교해진 만큼의 세련됨을 담아내지 못했다는 것입니다.✦ 실제로 팀 안에서는 12도로 기울인 바를 어떻게 쓸지, 색과 오버레이는 어떻게 다룰지, 서체는 어떻게 적용할지에 대한 기준이 흐릿했고, 상단의 그라데이션 물결도 하나의 요소이긴 했지만 확장성이 좋지 않았습니다.✦ 그래서 팀은 새 디자인 비전을 세우는 동시에 이야기를 다시 써야 했습니다.✦

03:05그렇다면 무엇부터 다시 물어야 했을까요.✦ 그녀는 팀이 첫 번째 원칙으로 되돌아갔다고 말합니다.✦ 웹사이트란 대체 무엇을 위한 것인가.✦ 그녀는 패트릭이 회의에서 던졌다는 질문을 그대로 옮깁니다.✦ 웹사이트의 존재 이유는 무엇인가.✦ 그녀가 내놓은 답은 웹사이트가 일종의 선언문이라는 것이었습니다.✦ 명시적으로 그렇게 부르든 아니든, 사이트는 우리가 누구이며 무엇을 하고 왜 그것을 하는지를 드러낸다는 뜻입니다.✦ 와우멘토가 여기서 강조하고 싶은 것은, 그 선언이 문장으로만 이루어지지 않는다는 그녀의 통찰입니다.✦ 어떻게 사이트를 짓는지, 자신을 어떻게 내보이는지, 어떤 색을 고르고 어떤 서체를 쓰는지, 무엇에 정성을 쏟기로 하고 무엇을 그냥 지나치는지, 그 모든 선택이 간접적으로 회사의 태도를 말한다는 것입니다.✦ 그래서 팀은 누구를 위해 무엇을 하고 무엇을 중요하게 여기는지를 극도로 선명하게 만드는 데 매달렸고, 그녀의 표현대로 뼈를 깎는 시간을 1년 넘게 쏟아부었습니다.✦ 그녀는 이번만큼은 서두르지 않았다고 덧붙입니다.✦ 사용자를 위해 무언가를 만들 때는 그들이 그것에 의존하기에 내일 당장이라도 나가야 한다는 압박이 있지만, 이 홈페이지는 스트라이프 자신을 위한 작업이었기에 올바른 디자인의 냄새를 끝까지 따라갈 여유가 있었습니다.✦ 여러 주, 여러 달에 걸친 탐색 속에서 마음에 드는 안이 나와도 이건 아니라고 되돌린 적이 많았습니다.✦ 앞으로 6년을 입고 다닐 옷을 아무렇게나 고를 수는 없었기 때문입니다.✦ 와우멘토가 이 대목에서 배우고 싶은 것은, 마감의 압박이 없는 내부용 프로젝트일수록 오히려 기준을 더 높게 붙잡는 규율이 필요하다는 역설입니다.✦

04:46새 홈페이지의 첫 화면에서 그대로 유지된 문장이 하나 있습니다.✦ 매출을 키우는 금융 인프라라는 헤드라인입니다.✦ 그녀는 이 핵심 약속은 그대로 두고, 대신 스트라이프가 자신에게도 맞는 제품임을 알아챌 더 다양한 단서들을 주위에 배치했다고 설명합니다.✦ 진행자가 특히 눈여겨본 것은 화면 상단의 GDP 카운터였습니다.✦ 스트라이프 위에서 돌아가는 거래가 전 세계 GDP에서 차지하는 비율을 실시간으로 보여주는 장치인데, 미국만이 아니라 지구 전체의 GDP를 기준으로 삼는 이런 지표를 내걸 수 있는 회사는 많지 않습니다.✦ 그녀는 웹사이트를 만드는 사람이라면 누구나 신뢰를 어떻게 증명할지 고민한다고 말합니다.✦ 우리가 만들어낸 영향, 우리를 믿어도 되는 이유, 이미 우리를 택한 사용자들이라는 사회적 증거가 그것입니다.✦ 미세 창업가부터 거대 기업까지 모두를 돕는 회사에게는 스트라이프가 믿을 만하고 안정적이며 그들의 규모에서도 작동한다는 사실이 무엇보다 중요합니다.✦ 와우멘토가 주목하는 지점은, 스트라이프가 이 신뢰를 남들이 흔히 쓰는 방식이 아니라 오직 자신만이 내놓을 수 있는 수치, 곧 세계 GDP의 한 조각으로 번역했다는 선택입니다.✦ 화면 하단에는 십억 번째 거래를 뜻하는 단어가 놓여 있어, 수십억 건을 처리하는 회사라면 스트라이프가 맞다는 신호를 조용히 보냅니다.✦ 그녀는 이것이 자신들이 감당해 온 거대한 영향과 책임을 정량적으로 드러내는 방법이라고 말합니다.✦