HEI MUSEUM - 인터랙티브 전시 웹 플랫폼
전시 콘텐츠를 웹 기반으로 표현하고, 사용자 인터랙션과 미디어 요소를 활용하여 몰입형 경험을 제공하는 웹
프로젝트 개요
HEI MUSEUM은 오프라인 전시 경험을 웹 환경으로 확장하기 위해 개발된 인터랙티브 웹 플랫폼입니다. 기존 전시 웹사이트는 단순 정보 제공 중심으로 구성되어 있어 사용자 참여도와 몰입도가 낮은 문제가 존재했습니다. 본 프로젝트에서는 “콘텐츠 몰입 + 인터랙션 UX + 퍼포먼스 최적화”를 중심으로 설계되었습니다. [1] 미디어 중심 UI 구성 - 전체 화면 배경 영상 및 이미지 구성 - 전시 콘텐츠를 시각적으로 강조하는 레이아웃 설계 - 몰입감을 높이는 비주얼 중심 인터페이스 [2] 인터랙션 기반 UX 설계 - 이미지 클릭 시 확대 및 상세 보기 기능 - 호버 애니메이션을 통한 사용자 반응 유도 - 스크롤 기반 인터랙션 구성 [3] 외부 서비스 연동 - Instagram API 연동 (최신 콘텐츠 자동 노출) - Kakao Map API 연동 (위치 및 방문 안내 제공) [4] 동적 콘텐츠 로딩 - API 기반 콘텐츠 동적 로드 - Lazy Loading 적용으로 초기 로딩 성능 개선 - 이미지 데이터 최적화 [5] 반응형 및 접근성 고려 - 다양한 디바이스 대응 반응형 레이아웃 - 모바일 환경에서 UI 최적화 - 기본 접근성 고려 설계 [6] 사용자 경험 최적화 - 직관적인 네비게이션 구조 - 최소 클릭으로 정보 접근 가능 - 시각적 흐름 중심 UX 설계 [7] 퍼포먼스 최적화 - 이미지 및 미디어 Lazy Loading 적용 - 불필요한 리소스 최소화 - 초기 렌더링 속도 개선 [8] 서비스 구조 [사용자] → 메인 진입 (비주얼 콘텐츠) → 전시 탐색 (이미지/영상) → 상세 콘텐츠 확인 → 외부 링크 / 위치 정보 확인
기술 스택
주요 성과
- 전시 콘텐츠를 웹에서 몰입형 경험으로 재구성
- 이미지/영상 중심 UI로 사용자 체류 시간 및 몰입도 향상
- Kakao Map 연동으로 사용자 편의성 향상
- Lazy Loading 적용으로 초기 로딩 속도 개선