사례 연구

Roma 1975 — Drugstore Museum을 위한 웹 오디오 가이드

로마 특별 감독관청과 문화부의 협력을 통해 개발된 1975년 희년 로마 사진전을 위한 오프라인 오디오 가이드 웹 앱입니다.

클라이언트: 로마 특별 감독관청 (SSABAP) / 문화부연도: 2025

1975년 로마. Fabio De Angelis의 사진 — Drugstore Museum 전시 아카이브.

01 · 과제

네트워크 연결 없이 듣기

Drugstore Museum은 일반 대중에게 Wi-Fi를 제공하지 않았으며, 거의 모든 전시 공간에서 모바일 네트워크 연결이 불가능했습니다. 목표는 앱 스토어 다운로드 없이, 그리고 박물관 입장 후 네트워크 연결에 의존하지 않고 스마트폰에서 사용할 수 있는 완전한 디지털 오디오 가이드(이탈리아어 및 영어로 된 31개의 테마 트랙)를 제공하는 것이었습니다.

Drugstore Museum에서 열린 사진전 "Roma 1975: 희년의 도시, 얼굴, 그리고 이야기"를 위한 오프라인 오디오 가이드가 포함된 웹 앱입니다. 로마 특별 감독관청이 문화부 및 SSABAP와 공동으로 기획한 이 전시회는 사진기자 Fabio De Angelis의 미공개 사진 3,000여 장을 5개의 주제별 섹션으로 구성하여 선보였습니다.

Audioguida Italiano 및 English Guide 카드가 있는 Roma 1975 웹 앱 홈페이지 — 메인 화면: 두 가지 언어의 오디오 가이드에 직접 액세스할 수 있습니다.

내러티브 텍스트, 사진 크레딧 및 플레이어가 포함된 확장된 오디오 트랙 상세 정보 — 통합 오디오 플레이어 및 내러티브 콘텐츠가 포함된 확장된 트랙 보기입니다.

02 · 해결책

스마트한 사전 로딩 및 포괄적인 오디오 제작

방문객이 박물관 입구의 네트워크 가능 구역에 있을 때 첫 접속 시 모든 오디오 및 텍스트 콘텐츠를 미리 로드하는 브라우저 기반 웹 앱을 설계했습니다. 기술 개발뿐만 아니라 스튜디오 녹음, 편집, 포스트 프로덕션, 그리고 SIAE 음악 저작권 관리에 이르는 오디오 제작의 전 과정을 담당했습니다.

03 · 구현

가벼운 아키텍처, 풍부한 경험

종속성 및 프레임워크 제로: 모든 장치에서 최대의 호환성과 안정성을 보장하기 위해 HTML, CSS 및 Vanilla JavaScript만으로 구축되었습니다.
한 번에 하나의 트랙만 재생하고 다른 트랙은 자동으로 일시 중지하는 아코디언 시스템을 갖춘 5개의 테마 섹션 구조입니다.
기본 접근성 지원: 키보드 내비게이션, ARIA 라벨, 화면 판독기 지원, 모션 감소(reduced motion) 설정, 44×44px의 터치 영역.
독립적인 페이지와 스마트폰에 독립형(standalone) 앱으로 설치할 수 있는 Web App Manifest를 갖춘 이탈리아어/영어 이중 언어를 지원합니다.