카메라보다 먼저 로딩되는 사이트를 만드는 법
Overview
Baddies는 아티스트의 이미지를 정의하고 문화를 만드는 해외 크리에이티브 프로덕션이다. 이들의 웹사이트를 새로 만드는 프로젝트를 맡았을 때, 클라이언트가 처음 던진 요구는 단순했다. "우리 영상만큼 사이트도 무게감 있게." 문제는 그 무게감이 대부분 고화질 영상에서 나온다는 데 있었다. Baddies의 작업물은 철저히 영상 중심이고, 사이트에 들어오는 방문자 대부분이 이 영상을 통해 브랜드의 인상을 받는다. 그런데 고화질 영상을 그대로 사이트에 얹으면 로딩 속도가 무너지고, 로딩 속도가 무너지면 그 순간 "무게감" 이전에 이탈이 먼저 일어난다. 비주얼 퀄리티와 퍼포먼스, 이 둘은 언뜻 상충하는 목표처럼 보였다. 처음엔 영상을 사이트 서버에 직접 호스팅하는 방법도 고려했다. 하지만 이 방식은 스튜디오가 새 작업물을 올릴 때마다 개발자를 거쳐야 하는 병목을 만들고, 파일이 쌓일수록 서버 비용과 로딩 속도 모두 나빠지는 구조였다. 대신 선택한 건 Vimeo를 통한 영상 스트리밍이었다. 영상 자체는 Vimeo의 최적화된 인프라를 거쳐 빠르게 전달되고, 스튜디오는 별도 개발 지식 없이도 직접 콘텐츠를 업로드·교체할 수 있는 커스텀 CMS를 함께 구축했다. 결과적으로 Baddies는 지금 개발자 없이도 새 작업물을 사이트에 바로 반영하고 있고, 사이트는 영상 중심임에도 로딩 속도를 잃지 않았다. 겉으로 보이는 화려함 뒤에는 결국 "누가, 얼마나 자주, 무엇을 관리해야 하는가"라는 질문이 있었고, 그 답이 기술적 선택을 결정했다.
Output
디자인이 예뻐 보이는 것과 실제로 쓰기 좋은 것 사이엔 이런 간극이 항상 있다. 좋은 사이트는 첫인상이 강한 사이트가 아니라, 그 인상을 계속 유지할 수 있게 설계된 사이트라고 생각한다. https://baddiesfilms.com/