【ホームページ制作】渡辺社会保険労務士事務所様

この記事では、ある社会保険労務士事務所様のホームページをご紹介します。
こちらはデザインコンペに応募した作品で、デザインのみの制作となります。

制作の経緯と背景

制作の経緯

改めまして！

この作品は、とある社会保険労務士事務所様のホームページデザインの
コンペに応募した際のものです。

ワイヤーフレーム等もなしとのことで、一からの制作となりました。

デザイン募集の背景

今回のデザイン募集に関する情報は以下の通りです。

制作内容

制作の内訳

担当内容	企画・構成、デザイン
制作期間	4日間 （企画・構成2日間、デザイン2日間）
使用技術	Illustrator/Photoshop
対応機種	PC/SP

デザインのこだわり

パソコンサイト

全体

ファーストビュー、おすすめの助成金

親しみやすさを出すために人物の写真を使用し、
右上には問い合わせ先を目立つように表示しました。

おすすめの助成金紹介には、イメージを促す写真を使用し、
黄色で具体的な金額を表示して興味を引くようにしました。

お客様の声、当社が選ばれる理由

実際のお客様からのお声を記載し、助成金をより身近に感じてもらうように工夫しました。

また、当社が選ばれる理由には自社のアピールポイントを盛り込み、
安心して相談してもらえるようにしました。

代表挨拶

代表者の顔写真とコメントを記載しました。
顔写真があることで親しみやすくなり、好感度のアップを狙っています。

助成金受給までの流れ

具体的なフローを盛り込み、実際の流れをイメージしやすいように工夫しました。
アイコンをつけ、視覚的にもわかりやすいデザインになっているかと思います。

よくあるご質問、フッター

Q＆Aはアコーディオン型とし、最初にお客様が知りたいと思われる点をまとめました。

フッターはシンプルにデザインし、Googleマップを埋め込みました。

スマホサイト

基本的には1カラムにし、各コンテンツが見やすいようにしています。
内容はPC版と同じです。

制作を終えて

社会保険労務士事務所様ということで、やや硬めのデザインとなりますが、
その中でも写真やアイコン、色味などを工夫し、いわゆる”今っぽさ”を出せたかなと思います。

助成金というと「難しそう」「ややこしそう」というイメージが付き物かと思いますが、
爽やかな雰囲気で読みやすいサイトを目指しました。

助成金申請代行を全面的にPRしたいとのことでしたので、
様々な助成金の具体的な金額などを盛り込み、ユーザーがイメージしやすいように工夫しました。


「ここなら安心して相談できる！」と思っていただけるようなホームページになっていれば幸いです。