WEB

Web制作

アウトライン

町田市 原油価格等高騰対策 事業者給付金ホームページ

町田市 原油価格等高騰対策 事業者給付金ホームページ WEBサイトパソコンイメージ
町田市 原油価格等高騰対策 事業者給付金ホームページ WEBサイトスマートフォンイメージ

SPEC

  • WEBデザイン
  • WEBコーディング
  • レスポンシブ対応
  • サーバー管理
  • SEO対策

町田市・町田商工会議所が行う、市内中小企業者に対する支援事業の一つ

未だ落ち着きを見せないコロナ禍ですが、原油価格や電気・ガス料金等を含む物価の高騰も問題となっています。
その影響を受けた市内中小企業者を支援するため、直近1年間に支払った水道光熱費(電気料金、ガス料金、水道料金)及び燃料費(ガソリン、灯油、軽油、重油等)に要した経費に応じて給付金を支給するという支援事業サイトの作成依頼をいただきました。
※現在は受付終了

どんな人でも使いやすいデザイン

多くの人が利用するサイトは、どんな人でも使いやすいデザインが求められます。今回制作したサイトも様々な年代の方が利用することを想定し、文字サイズを一般的なサイトより大きめにしたり、背景色や文字色などの配色も視認性の高いものにしています。

また、一番強調したいお申し込みのボタンは上部に固定で表示しました。
申請方法によって色分けした上で、各所に散らばるボタンや説明は色をリンクさせ、どの項目がどの申請方法に対応しているのかが一目で分かる使いやすいデザインになっています。

↑ボタンの色や説明ブロックの背景色を、各申請方法で統一させて分かりやすく

イラストやアイコンを使用して分かりやすく

重要な項目の冒頭にはイラストを使用して目立たせたり、用語の説明にアイコンを用いて一目で内容が分かるようにしました。

重要な情報をトップページにまとめ、ページ遷移を少なくシンプルに

申請に関わる条件や申請方法などの重要な情報はトップページにまとめ、不要なページ遷移をさせない作りにしています。スクロールするだけで重要な情報を得られるシンプルな作りにすることで、「あの情報はどこで見れるんだっけ」などの混乱を防ぐことができます。

↑申請条件や申請方法、申請先などの重要な情報はトップページにまとめました

複雑な情報は表で表現したりタブ分けをすることで、見やすく分かりやすく

必要書類などのボリュームの多い複雑な情報は、表にして理解しやすいようにしました。
また、対象者ごとの条件はタブで切り替えられるようにし、自分に必要な情報だけを表示できる作りに。複雑な情報を見やすくすることで、使いやすいサイトを目指しました。

今回は給付金申請サイトという多くの人が利用するサイトなので、使いやすさを重視して制作しました。間接的ではありますが、少しでも支援事業の役に立てたのなら大変嬉しく思います。

この度はご依頼ありがとうございました。