📌 HALIDE - 영상 제작사 웹사이트
🔹 프로젝트 개요
🔹 프로젝트 목적
HALIDE는 코펜하겐에서 브랜드·아티스트·문화기관의 필름, 광고, 뮤직비디오를 연출하고 촬영해 후반까지 마무리하는 영상 제작사입니다. 이런 스튜디오는 결국 화면 한 컷으로 평가받기 때문에, 커서가 닿는 곳마다 영상이 나오도록 사이트를 짰습니다. 홈은 전면 릴 위에 HALIDE FILMS라는 큰 글자로 시작하고, 그 아래 흩어진 크레딧에 커서를 올리면 그 작품으로 화면이 바뀝니다. 홈의 작품 목록, 필름 인덱스, 아티스트 목록까지 제목이 나열된 곳은 전부 영상이나 인물 사진으로 답합니다. 나머지는 덜어냈습니다 — 서체 두 개, 가는 선, 괄호 속 라벨, 넓은 여백. 화면의 색은 오직 작업물에서만 나오게 하는 것이 이 프로젝트의 과제였습니다.
🔹 핵심 기술 및 구현 기능 (Key Technical Features)
The Reel as Hero (릴이 곧 히어로):
워드마크 뒤로 여섯 편의 작품이 일정 시간마다 전면으로 바뀝니다. 지금 장면만 재생하고 나머지는 멈춰 두어, 한 번에 한 편만 디코딩합니다.
크레딧은 화면 아래쪽에 정해진 자리로 흩어져 있고, 커서가 지나가면 바로 그 작품으로 넘어가며 타이머가 다시 시작됩니다. 하단 번호 막대로도 릴을 넘길 수 있습니다.
Titles That Play (재생되는 제목):
홈의 대표 작품은 큰 대문자 한 줄씩으로 쌓여 있습니다. 한 줄에 커서를 올리면 나머지가 흐려지고 그 작품의 작은 미리보기 영상이 나타납니다.
미리보기는 매 프레임 보간되어 커서를 살짝 늦게 따라와, 목록을 훑어 내려가는 것이 움직이는 밀착 인화지처럼 읽힙니다.
One Archive, Three Views (하나의 아카이브, 세 가지 보기):
필름 인덱스는 호버하면 카드가 재생되는 그리드, 작품이 한 줄로 화면을 지나가며 스크롤에 따라 3D로 기우는 컬럼, 커서를 따라오는 미리보기가 있는 리스트로 전환됩니다.
작품을 열면 전체 화면 플레이어와 함께 정보·장면·다음 작품으로 이어집니다.
Stills on a Horizontal Wheel (가로 휠 위의 스틸):
사진 프로젝트는 마우스 휠로 넘기는 가로 갤러리로 열립니다. 사진마다 원래 비율 그대로 화면 높이에 맞추고, 옆에 프로젝트 정보를 둡니다.
인덱스 페이지는 필름과 스틸을 한 줄의 가로 띠로 늘어놓고, 스틸 섹션은 메이슨리·그리드·리스트 보기를 따로 갖습니다.
Studio and People (스튜디오와 사람들):
스튜디오, 호버하면 인물 사진이 뜨는 아티스트 목록과 개별 아티스트 페이지, 저널 기사, 아카이브 격자가 모두 같은 글자 체계와 같은 선을 씁니다.
모든 페이지를 데스크톱과 휴대폰 폭에서 확인했고, 모바일에서는 릴 크레딧이 세로 목록으로, 메뉴는 가로 스크롤로 바뀝니다.
🔹 디자인 포인트
🔹 담당 역할