플러스프로젝트 배경
인테리어 회사의 첫 화면은 공간의 분위기를 즉시 전달하면서도 프로젝트·재료·설계 과정을 설득력 있게 보여줘야 합니다. 이를 위해 실제 공간 이미지 5장과 스크롤 시네마틱을 중심으로 브랜드 경험을 설계하고, 완공 소식과 공간 노트를 외주 수정 없이 운영할 수 있는 CMS까지 함께 구현했습니다.
프로젝트 성과
25.2초 공간 여정, 스크롤 3막 전환
주거·갤러리·재료 공간을 잇는 영상과 카피를 스크롤 위치에 맞춰 세 장면으로 전환해 첫 화면의 몰입도를 높였습니다.
공간 이미지 5장으로 브랜드 일관성 확보
주거·리테일·업무·재료·현장 이미지를 같은 색감과 재료 언어로 구성해 프로젝트 전 구간의 시각 톤을 통일했습니다.
데스크톱·모바일 가로 넘침 0
1440px와 390px 화면에서 레이아웃 가로 넘침 없이, 모바일은 영상 대신 포스터를 보여 데이터와 동작 부담을 줄였습니다.
발행과 초안의 공개 경계 유지
발행한 글만 공개 목록과 상세에 노출하고 초안 전환 즉시 같은 주소를 닫아 미완성 콘텐츠가 방문자에게 보이지 않게 했습니다.
팝업 노출을 세션당 1회로 제어
방문자가 팝업을 닫으면 같은 세션에서 다시 나타나지 않고, 운영자는 여러 팝업 중 하나만 활성화할 수 있게 했습니다.
핵심 기능
공간을 잇는 스크롤 시네마틱
스크롤이 영상 시간을 직접 제어해 공간 사이를 탐색하는 감각을 만들고, 세 장면의 메시지가 같은 위치에서 자연스럽게 바뀝니다.
진행 단계
브랜드 전략·공간 언어 정의
2026.08.
Meridian의 기준선 개념을 비례·빛·재료·동선으로 풀고 인테리어 스튜디오의 메시지와 시각 원칙을 정리했습니다.
프로젝트 상세
고급 인테리어 스튜디오의 공간 철학과 프로젝트를 한눈에 전달하고, 담당자가 완공 소식과 공간 노트를 직접 운영하는 브랜드 웹·CMS를 구축했습니다. [스크롤 시네마틱] 방문자의 스크롤에 맞춰 주거 공간에서 갤러리와 재료 라이브러리로 이동하는 25.2초 영상이 재생됩니다. 데스크톱에서는 세 장면의 카피와 영상이 함께 전환되고, 모바일과 모션 감소 환경에서는 정적 포스터로 자연스럽게 대체됩니다. [포
