ケーススタディ

Roma 1975 — Drugstore Museum 向け Web 音声ガイド

文化省と連携してローマ特別監督局のために開発された、1975年の聖年ローマをテーマにした写真展向けのオフライン音声ガイド付き Web アプリです。

クライアント: ローマ特別監督局 (SSABAP) / 文化省年: 2025

1975年ローマ。Fabio De Angelis による写真 — Drugstore Museum 展示会アーカイブより。

01 · 課題

ネットワークなしでのリスニング

Drugstore Museum では一般向け Wi-Fi が提供されておらず、ほぼすべての展示室でモバイルネットワークも圏外でした。目標は、アプリストアからのダウンロードを必要とせず、入場後は通信環境に依存せずに、スマートフォンで利用できる完全なデジタル音声ガイド (イタリア語・英語のテーマ別トラック 31 本) を提供することでした。

Drugstore Museum で開催された写真展「Roma 1975: 聖年の都市、人々、そして物語」のための、オフライン音声ガイド付き Web アプリです。ローマ特別監督局が文化省および SSABAP と共同で企画したこの展覧会は、フォトジャーナリスト Fabio De Angelis 氏による未公開写真 3,000 枚以上を 5 つのテーマセクションで展示しました。

Roma 1975 Web アプリのホームページ。Audioguida Italiano と English Guide のカードが表示されています — メイン画面：2つの言語の音声ガイドへ直接アクセスできます。

展開された音声トラックの詳細。ナラティブテキスト、写真クレジット、プレイヤーが表示されています — 音声プレイヤーとナラティブコンテンツが統合された、展開されたトラックのビュー。

02 · 解決策

スマートな事前読み込みと包括的な音声制作

初回アクセス時 (来場者がまだ通信圏内である入り口にいるとき) に、音声とテキストのすべてのコンテンツを事前に読み込むブラウザベースの Web アプリを設計しました。技術開発に加えて、スタジオ録音、編集、ポストプロダクション、SIAE の楽曲権利管理など、音声制作の全工程を担当しました。

03 · 実装

軽量なアーキテクチャ、豊かな体験

依存関係やフレームワークは一切使用せず、HTML、CSS、Vanilla JavaScript だけで構築し、あらゆるデバイスで最大限の互換性と信頼性を確保しました。
5つのテーマセクションからなるアコーディオンシステムを採用し、一度に1つのトラックのみを再生し、他のトラックは自動的に一時停止します。
ネイティブのアクセシビリティ：キーボードナビゲーション、ARIA ラベル、スクリーンリーダーのサポート、視差効果を減らす設定 (Reduced Motion)、44×44px のタッチターゲット。
イタリア語/英語のバイリンガル対応、専用ページ、スマートフォンにスタンドアロンアプリとしてインストールできる Web App Manifest を備えています。