渋谷区公式サイト
アイコンと一言テキストで、役所の「わかりにくさ」を払拭しているシンプルなデザイン。
UI / UX
目的のページをすぐに見つけることができる
「お役所」のページは情報が整理されていなくて、アクセスしてもわかりにくい印象がありましたが、
渋谷区のHPは、情報が整理されているのでとてもわかりやすいです。
アイコンがカラフルで単調ではないのもポイントだと思います。
一段ずれるホバー効果
色の変化+一段文字が横にずれる動きは
操作している感がよく伝わるのでわかりやすくて良いなと思いました。
できるできないの区別
不可のものも記載することで、訪れたユーザーに対応不可・可のものを伝えることが可能。
※お問い合わせ→対応という時間をとりそうなやりとりも軽減できそう。
ポイント
ページが短い
4000pxという短さが良い。