OVERVIEW概要
東京国立近代美術館・国立工芸館のウェブサイトをフルリニューアルしました。パソコン・スマートフォン双方のユーザビリティやアクセシビリティ、多言語対応を見直すとともに、展覧会などの膨大なアーカイブデータを整備して移行しています。CMSにはWordPressを採用し、独自ブロックの開発などを通じて日々の運用もしやすい環境を構築しました。
- CLIENT
- 東京国立近代美術館・国立工芸館 様
- RELEASE
- 2022年
- SCOPE
- URL
- https://www.momat.go.jp/
- TEAM
- ディレクター:2人
- サーバーサイドエンジニア:2人
- フロントエンジニア:3人
- デザイナー:1人
- 業務サポート:5人
- 営業:1人
ISSUE課題背景
- パソコンとスマートフォンの双方で情報を読みやすくし、目的の情報へストレスなくたどり着けるユーザビリティが求められていました。
- 障害のある方や海外利用者を含む多様な利用者に配慮し、アクセシビリティと多言語対応を高める必要がありました。
- 過去の展覧会情報など大量のアーカイブデータを適切に移行しながら、日常運用で扱いやすいCMS環境を整える必要がありました。
SOLUTION対応内容
多様な利用シーンを想定した情報設計とUI
利用者ごとの利用シーンを想定してサイト構成を設計し、独自の操作を要求しないシンプルなUIを目指しました。「鮮度が大切な情報」と「蓄積が大切な情報」を整理し、日々の発信とアーカイブの双方を扱える構成としています。
当事者レビューを取り入れアクセシビリティを改善
障害者専門のクラウドソーシングサービス「サニーバンク」を活用し、実際に障害のある方々にプロトタイプを操作してもらう合同レビューを実施しました。画面構成や配色、音声読み上げを考慮したマークアップなどを改善しています。
大量データの移行と更新しやすいCMSを両立
展覧会等の膨大なアーカイブデータを整備して移行しました。WordPressの独自ブロックやACF、WPMLを組み合わせ、美術館・工芸館の運用担当者が更新しやすい多言語CMS環境を構築しています。