Webサイト制作実績（サービスサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、新規作成の主要な目的として、「問い合わせ数を増やしたい」というご要望をいただきました。
そのため、画面の大きなPCサイトのファーストビューには、清潔感のあるブルーを背景に、安心感を与える温かい笑顔の女性の写真を大きく配置しました。写真の左側には、アクセントカラーであるイエローを用いて「一番安くて条件の良い工事保険」というキャッチコピーを強調し、そのすぐ下にはお客様の強みである豊富な実績を具体的な数値とともに表示しています。そうすることで、「どの保険代理店を選べばよいか」と迷っているユーザーに、信頼性や確かな実績が視覚的にしっかり伝わるデザインに仕上げました。

スマートフォンサイトでは、お問い合わせの後押しとなるよう、「トップページ」に「保険料削減実績」コンテンツを掲載し、見せ方にこだわりました。こちらのコンテンツでは、各実績の「保険料削減率」「工事の種類」「年間完工高」に加え、実際にどれだけ保険料を削減できたのか、その理由まで詳しく掲載いたしました。これらの情報を、横スライド形式で複数件数表示できる仕様にすることで、画面幅の限られたスマートフォンでも、ページを遷移することなく豊富な実績をしっかりと伝えるデザイン設計となっています。

また、ハンバーガーメニューでは、「工事保険料を安くしたい」「業種別最安値ランキング」「選ばれる理由」「保険料削減実績」「事故対応サポート」「お急ぎの方へ」という6つの主要なページへの導線ボタンを、ページ内容に合わせたユニバーサルアイコン付きで大きく設置しました。タップエリアを広く確保することで、工事保険に関心のあるユーザーが知りたい情報にスムーズにアクセスできるよう工夫しています。

「選ばれる理由」ページでは、保険料が安くなる仕組みを視覚的に伝えるために、「見直し前」と「見直し後」の年間保険料を比較した図を作成し、削減効果が一目で分かるデザインに仕上げました。

また、大手保険会社のロゴを掲載することで、ユーザーに安心感と信頼感を与えつつ、「大手損保の商品の中から一番安くて条件の良い工事保険をご提案できる」とお客様独自の強みを伝えるデザインとなっています。