works東京都庭園美術館
プロジェクト概要
Summary
公共施設としての役割を担う「庭園美術館」の公式サイトを、ユーザビリティとアクセシビリティに配慮しながら、最新技術を用いて全面リニューアルしました。
多言語対応や収蔵品検索機能の実装により、国内外のユーザーが快適に利用できる環境を構築。
さらに、膨大な既存記事の移行とサイトパフォーマンスの最適化を実現しました。
クライアントの課題
Business Issue
庭園美術館の公式サイトは、長年運用されてきた結果、1600ページ以上の膨大な記事を抱えており、リニューアルに伴う移行作業の負担が大きな課題となっていました。
さらに、美術館の開館日やカフェの営業状況が変動するため、管理画面上で簡単に更新できる柔軟な運用体制の構築が求められていました。
また、国際的な来館者に対応するため、多言語対応を強化する必要があり、公共施設としてJIS X 8341-3:2016 AAに準拠したアクセシビリティの確保も重要な要件でした。
加えて、画像やWebフォントを多く使用するデザインである一方、現行サイトの表示速度に課題があり、パフォーマンスの最適化も求められていました。
達成成果
Achievements
リニューアルにあたり、WordPressを活用した新しい管理基盤を構築し、サイト全体の運用効率を大幅に向上させました。
特に、美術館の開館日やカフェの営業状況を管理画面から簡単に更新できる仕組みを実装することで、情報の即時反映が可能となり、運用の負担を軽減しています。
記事データの移行については、PythonによるWebスクレイピングを活用し、1600ページ以上に及ぶコンテンツを自動取得・移行することで、手作業による負担を最小限に抑え、スムーズなリニューアルを実現しました。
また、多言語対応の強化として、WordPressのプラグインを活用し、6言語（日本語、英語、フランス語、簡体字、繁体字、韓国語）に対応したサイトを構築。さらに、JIS X 8341-3:2016 AAに準拠したアクセシビリティ設計を採用し、誰もが快適に利用できるWebサイトを実現しました。
加えて、画像の最適化やWebフォントの調整など、パフォーマンスチューニングを実施。デザインの品質を維持しながらも、表示速度の向上を実現し、より快適なユーザー体験を提供できるWebサイトへと刷新しました。
システム開発／Webコンサルティングについて提案いたします
事業やサービスの課題に合わせて、ご提案させていただきます。
打ち合わせでのヒアリングも可能です。
大規模リニューアルの実施と膨大な記事データの移行
- 72ページの主要ページをリニューアルし、さらに記事ページを含む1600ページ以上のデータを新サイトへ移行。
- 既存の静的記事はPythonを用いたWebスクレイピングにより自動取得・移行し、人的負担を大幅に軽減。
- WordPressを採用し、今後の運用を見据えた拡張性の高いシステムを構築。
美術館の運営に合わせた柔軟な管理機能を実装
- 美術館の開館日カレンダーを独自実装し、カフェの営業時間やイベント情報をWordPress管理画面から簡単に更新可能に。
- 収蔵品管理システムと連携し、Webサイト上で収蔵品の検索・閲覧が可能に。
- 週次定例会を通じ、クライアントの要望を反映しながら柔軟に仕様を調整。
アクセシビリティに配慮した多言語対応サイトの構築
- WordPressの多言語プラグインを活用し、日本語・英語・フランス語・簡体字・繁体字・韓国語の6言語に対応。
- JIS X 8341-3:2016 AA準拠のアクセシビリティ対応を実施し、高齢者や障がいのあるユーザーにも配慮。
- 明瞭なコントラスト設定、適切な見出し構造、スクリーンリーダー対応の強化などを徹底。
Webサイトのパフォーマンス最適化
- 画像のフォーマット最適化（WebP化）や遅延読み込みの導入により、ページの表示速度を向上。
- Webフォントの軽量化とキャッシュ最適化を行い、パフォーマンスを改善。
- レスポンシブデザインを採用し、スマートフォン・タブレットでも快適に閲覧可能に。
長期的な運用サポートと改善対応
- サイトリリース後も定期的な改修を実施し、クライアントと連携しながら継続的な改善を推進。
- サイトの運用マニュアルを作成し、クライアントの内部チームがスムーズに管理できる環境を整備。
システム開発／Webコンサルティングについて提案いたします
事業やサービスの課題に合わせて、ご提案させていただきます。
打ち合わせでのヒアリングも可能です。
