브랜드 사이트 · 인터랙티브
OBLIQUE MANAGEMENT — 모델 에이전시 공식 사이트
캠페인 히어로·모델 디렉토리·스튜디오·컨택 등 브랜드 사이트 전 구성 구축
사이트 열기oblique.celis.co.kr
프로젝트 · 자체 기획·구축 프로젝트스택Next.jsReactTypeScriptWebGL
oblique.celis.co.kr
문제 — Problem
모델 에이전시는 첫인상이 곧 실력의 증거이므로, 로딩 직후의 화면 자체가 캠페인처럼 보여야 함.
모델 디렉토리는 인물이 주인공이면서도 이름·수치 정보가 정확히 읽혀야 하는 상반된 요구를 동시에 만족해야 함.
움직임이 많은 화면에서 텍스트 가독성과 성능이 함께 무너지지 않아야 함.
접근 — Approach
01
캠페인 촬영 현장을 담은 풀블리드 영상 위에 대형 타이포를 얹어, 스크롤 이전에 이미 브랜드가 전달되는 히어로를 구성.
02
흑백 단일 톤으로 통일해 인물 이미지가 서로 충돌하지 않게 하고, 이름·시즌·번호는 얇은 라틴 타이포로 절제해 정보만 남김.
03
영상·전환 연출은 GPU 가속 속성 위주로 제한하고 텍스트 레이어를 분리해, 움직이는 화면에서도 가독성과 반응 속도를 유지.
결과 — Result
—
패션·엔터테인먼트 업의 시각 문법을 그대로 구현해, 브랜드 사이트에서 요구되는 연출 수준을 화면으로 제시.
—
"보여주는 것이 곧 제품인 업"의 홈페이지를 다룰 수 있음을 증명하는 레퍼런스.
이 작업의 서비스
기업 홈페이지 · 랜딩페이지
다음 케이스
세일즈핏 — 영업인 커뮤니티 & 회사 리뷰 플랫폼
만들고 싶은 게 있으시면 편하게 문의해 주세요.
될지부터 솔직하게 말씀드립니다.