
overview
어피스오브는 예술성과 실험성을 기반으로 활동하는 패션 브랜드로, 시즌마다 다양한 아티스트와 협업 프로젝트를 선보입니다. 기존 웹사이트는 브랜드의 철학을 충분히 반영하지 못한 채, 단순 정보 전달 중심으로 구성되어 있었습니다. STUDIOP는 브랜드의 철학을 화면 안에서 자연스럽게 느낄 수 있도록, 기획부터 디자인, 인터랙션 개발까지 전 과정을 단독으로 수행했습니다.
purpose
브랜드의 방향성과 시각적 언어를 웹사이트 구조에 담아내는 것이 핵심 목표였습니다. 협업 콘텐츠와 제품 정보를 통합해 일관된 브랜드 경험을 제공하고, 단순한 소개가 아닌 '기억에 남는 접점'으로 기능하도록 설계했습니다.
What we did
브랜드 팀에 대한 리서치와 과거 협업 아카이브 분석을 통해 ‘해체와 본질’이라는 핵심 철학을 추출하고, 장식을 배제한 브루탈리즘 스타일을 디자인 키워드로 설정했습니다. 메인 화면에는 큐브 오브젝트를 배치하고, 스크롤에 따라 파편화되며 콘텐츠로 연결되는 내러티브를 설계했습니다.
3D 모델링은 Blender, 인터랙션 구현은 Three.js를 기반으로 했으며, 콘텐츠는 CMS 구조로 구축해 협업 사례와 제품을 일관되게 관리할 수 있도록 구성했습니다. 이후 GA 연동, SEO 최적화, 운영 가이드까지 포함해 실질적인 운영 편의성과 추적 가능성도 확보했습니다.
outcomes
런칭 후 60일 내 방문자 증가
1,000명 이상