CINEMATIC PREVIEWS
실제 현장 이동 흐름을 먼저 보여주는 영상 섹션
동관, 서관, 주차장, 교통 동선을 짧은 프리뷰로 먼저 보여주고 바로 아래 라이브 맵으로 이어지도록 구성했습니다.
PARKING
주차장 안내
차량 진입 포인트와 접근 방향을 바로 이해할 수 있는 짧은 장면입니다.
TRAFFIC
교통 동선 1
행사장 주변 진입 경로를 빠르게 파악할 수 있도록 별도 카드로 분리했습니다.
TRAFFIC ALT
교통 동선 2
다른 방향에서 본 접근 시점을 함께 배치해 사용자가 길 감각을 더 쉽게 잡습니다.
INTERACTIVE FLOOR SYSTEM
Interactive Booth Map
검색과 층 선택만 남겨 복잡도를 줄였고, 중앙 맵과 우측 상세 정보에 집중되도록 정리했습니다.
녹화할 때 자동으로 천천히 회전합니다.
EXPERIENCE LAYERS
단순한 지도보다 전시 경험에 가깝게
맵, 미디어, 모션을 각각 분리하지 않고 하나의 리듬으로 묶는 방향으로 정리했습니다.
Focused Navigation
좌측은 검색과 층 선택만 남기고, 중앙 맵과 우측 상세 패널의 시선을 분산시키는 요소를 제거했습니다.
Motion Feedback
배경 오브, 스캔 라인, 카드 부상감, 스크롤 리빌 효과를 추가해 정적인 인상을 줄였습니다.
Graceful Fallback
Mapbox가 늦거나 실패해도 SVG 배치도가 유지되도록 처리해 공개 화면이 비는 상황을 줄였습니다.
OPERATING GUIDE
운영 가이드
가운데 맵이 또 깨지면 어디를 먼저 보면 되나요?
Mapbox 컨테이너 리사이즈와 토큰 상태를 먼저 확인하면 됩니다. 현재 코드는 리사이즈와 SVG 대체 표시를 같이 처리합니다.
어떤 영상이 있으면 화면이 더 좋아지나요?
6초에서 12초 길이의 무음 루프 영상, 가로형 16:9, 검은 배경이 아닌 현장감 있는 클립이 가장 잘 어울립니다.
공유 카드에서 사이트 이름을 바꿀 수 있나요?
가능합니다. 현재 공개 메타데이터와 OG 정보는 Interactive Booth Map 기준으로 정리되어 있습니다.