スクリーンショット / ビジュアル
05

Case 05 — Government / Public

Cabinet
Office

Client内閣府
Year2022
RoleDirection / Design / Engineering
Scroll

Overview

Clear & Public.

内閣府のWebサイト制作。公的機関ならではの厳格なガイドライン・情報量・アクセシビリティ要件の中で、最適な情報設計と導線設計を実現することが求められました。

膨大な情報を整理し、市民が目的の情報に素早くたどり着けるナビゲーション設計を徹底。公共性の高いサイトとして、すべての人が使えるアクセシビリティを確保しました。

CategoryGovernment / Public
Period約5ヶ月
My Roleコーディング・画像編集
Tools
HTML/CSSPhotoshop
URLhttps://www.japan.go.jp/tomodachi/index.html
Case 05 screenshot
Case 05 — Government / Public

内閣府

公的機関ならではの厳格な要件の中で、情報の整理と導線設計を徹底。

サイトを見る →

Design Points

The Details.

01
Point — 01

膨大な情報の
整理と構造化

公的機関特有の大量コンテンツを、市民が直感的に目的情報へたどり着けるよう階層設計。カード型UIとパンくずナビを組み合わせ、迷わない情報アーキテクチャを構築しました。

02
Point — 02

厳格な要件内での
最適デザイン

政府標準UIガイドライン・JIS X 8341-3・カラーユニバーサルデザインなど、多数の制約の中で最大限の視認性・使いやすさを追求。制約こそが最良のデザインを生むことを体現しました。

03
Point — 03

すべての人に
届くアクセシビリティ

高齢者・障害のある方・スクリーンリーダー利用者など、あらゆるユーザーが情報にアクセスできるよう設計。WCAG 2.1 AA基準を完全準拠し、誰一人取り残さないWebを実現しました。

Results

The Result.

+89%

目的ページへの
到達率が改善

AA+

WCAG 2.1
アクセシビリティ基準達成

-38%

問い合わせ対応コスト
(情報整理により削減)