誰一人取り残さない。渋谷区が目指す「誰も来ない庁舎」

すべての人が快適に利用できるアクセシビリティと、渋谷区らしいデザイン性を両立。

渋谷区は「ちがいを ちからに 変える街。」を未来像に掲げ、Webサイトにおいても誰一人取り残すことなく、年齢やジェンダー、国籍などその人の背景に関わらず、すべての人が快適に利用することを目指している。
Webサイトをリニューアルするにあたって、よくWebサイトを利用する人だけでなく、仕事で使う人、障害を持つ人、日本語を母国語としない人、福祉サービスを必要とする人など、さまざまなペルソナを策定。どこで接点を持ち、どのように行動するか、それぞれのカスタマージャーニーを描き、必要とされるサービスの機能や情報についてディスカッションを重ねた。また、実際に不自由を抱えている方にもヒアリングを行った。
そしてそこから、誰もが求める情報にスムーズにたどり着き、手続きを行い、サービスを享受できる自治体オウンドメディアのあるべき姿を「マルチインデックス型オウンド」と定義。渋谷区が運営するメディアの特性を生かした情報発信や機能を再設計し、あらゆる生活者の環境に合わせたサービス提供を実現することとした。また、さまざまなメディアやタッチポイントからより詳細な情報を求めてオウンドサイトに訪れた場合も、スムーズに求める情報にたどり着けるUX/UIを目指した。

サイトのUIは、アクセシビリティとデザイン性の共存をテーマに、直感的に理解できる独自のピクトグラムを制作。多様な人が行き交い、スタイリッシュで先進的なイメージがある渋谷の街を線の交わりや色で表現しつつ、視認性などのアクセシビリティを確保したユニバーサルデザインを実現した。
また、サイト構築にあたっては、他システムとの連携や将来性、拡張性などを踏まえ、バックエンドとフロントエンドが分離したヘッドレスCMSを採用。これまでそれぞれのページを更新していた問い合わせ先などの情報を一元管理できるようになった。旧サイトからのページ移行は、当初予定していたツールでは対応できないことが発覚したため、スクレイピングツールとCMS自動投入ツールを独自開発することでスピーディーな移行を実現。約3,000ページを一晩で移行し、工数を大幅に短縮することができた。