LIVE EVENT NAVIGATION SYSTEM

부스 배치도와 미디어를
하나의 흐름으로 보여주는
인터랙티브 맵

관람객은 부스를 빠르게 찾고, 선택 즉시 이미지와 영상, 링크까지 한 화면에서 확인합니다. 공개 화면은 가볍게, 전시 경험은 더 선명하게 정리했습니다.

Live즉시 반응하는 부스 정보
Media이미지와 영상 동시 노출
Flow검색부터 상세까지 한 화면

CINEMATIC PREVIEWS

실제 현장 이동 흐름을 먼저 보여주는 영상 섹션

동관, 서관, 주차장, 교통 동선을 짧은 프리뷰로 먼저 보여주고 바로 아래 라이브 맵으로 이어지도록 구성했습니다.

EAST HALL

동관 진입 동선

현장 분위기와 접근 흐름을 먼저 보여주고 바로 실시간 부스맵 탐색으로 이어집니다.

라이브 맵 보기

WEST HALL

서관 접근 시퀀스

방문자가 어디로 이동하는지 즉시 이해할 수 있도록 입체적인 시선으로 구성했습니다.

부스 찾기

PARKING

주차장 안내

차량 진입 포인트와 접근 방향을 바로 이해할 수 있는 짧은 장면입니다.

TRAFFIC

교통 동선 1

행사장 주변 진입 경로를 빠르게 파악할 수 있도록 별도 카드로 분리했습니다.

TRAFFIC ALT

교통 동선 2

다른 방향에서 본 접근 시점을 함께 배치해 사용자가 길 감각을 더 쉽게 잡습니다.

INTERACTIVE FLOOR SYSTEM

Interactive Booth Map

검색과 층 선택만 남겨 복잡도를 줄였고, 중앙 맵과 우측 상세 정보에 집중되도록 정리했습니다.

Live Layout

녹화할 때 자동으로 천천히 회전합니다.

EAST HALL WEST HALL

EXPERIENCE LAYERS

단순한 지도보다 전시 경험에 가깝게

맵, 미디어, 모션을 각각 분리하지 않고 하나의 리듬으로 묶는 방향으로 정리했습니다.

Focused Navigation

좌측은 검색과 층 선택만 남기고, 중앙 맵과 우측 상세 패널의 시선을 분산시키는 요소를 제거했습니다.

Motion Feedback

배경 오브, 스캔 라인, 카드 부상감, 스크롤 리빌 효과를 추가해 정적인 인상을 줄였습니다.

Graceful Fallback

Mapbox가 늦거나 실패해도 SVG 배치도가 유지되도록 처리해 공개 화면이 비는 상황을 줄였습니다.

OPERATING GUIDE

운영 가이드

가운데 맵이 또 깨지면 어디를 먼저 보면 되나요?

Mapbox 컨테이너 리사이즈와 토큰 상태를 먼저 확인하면 됩니다. 현재 코드는 리사이즈와 SVG 대체 표시를 같이 처리합니다.

어떤 영상이 있으면 화면이 더 좋아지나요?

6초에서 12초 길이의 무음 루프 영상, 가로형 16:9, 검은 배경이 아닌 현장감 있는 클립이 가장 잘 어울립니다.

공유 카드에서 사이트 이름을 바꿀 수 있나요?

가능합니다. 현재 공개 메타데이터와 OG 정보는 Interactive Booth Map 기준으로 정리되어 있습니다.