アイグス保険サービス様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、リニューアルの主要な目的として、「新規のお問い合わせを増やしたい」というご要望をいただきました。

トップページの「法人のお客さま」「個人のお客さま」という２つのコンテンツでは、画面の左側に笑顔で保険を提案するスタッフ様のお写真、右側に各ターゲットに向けたお客様ならではの強みをキャッチコピーとサムネイル付きで3つずつ配置しております。

画面をスクロールすると、左側のお写真は固定表示され、右側の強みが縦方向に移動し、コンテンツを段階的に表示する構成となっております。そうすることで、ユーザーの視線を誘導し、自然とサービスの魅力を最後まで読み進められる設計としております。

また、PCの大きな画面を活かし、ホームページ内の背景の随所には、スクロールと同時に曲線が横にゆっくりと描かれていく動きを取り入れました。ユーザーに親しみやすい印象を与えるとともに、コンテンツへの視線誘導を促し、スムーズに情報を閲覧できるデザインに仕上げています。

今回、リニューアルの目的の一つとして、「採用を強化したい」というご要望をいただいたため、「採用情報」ページへの導線ボタンを画面右上に固定表示しております。そうすることで、「保険代理店で働きたいと考えている方」や「営業経験のある方」がホームページへ流入した際、最短導線で採用情報を確認できる設計となっております。

また、各サービスページでは、INDEXが上部に固定表示配置され、＋ボタンをクリックすると目次が開くアコーディオン式を取り入れております。スマートフォンの小さな画面でも視認性を維持するとともに、気になったコンテンツにすぐに遷移できるため、ユーザビリティの向上にも貢献しております。

デザイン面では、ホームページの随所にイラストやアイコンを用いることで、「ここなら気軽に相談できそう！」と親しみやすさを感じられる印象に仕上げております。

例えば、「アイグス保険サービスについて」ページの「法人保険の加入・見直し」コンテンツでは、柔らかいテイストで描かれた会社員の働く姿のイラストを使用しました。また、各サービス内容に合わせたアイコンを配置することで、温かみのある雰囲気を演出するとともに、直感的に内容が理解できるデザインとしております。

一方で、配置するお写真やボタンにはあえて角丸を採用せず、直線的でシャープな印象を与えることで、保険代理店としての信頼感を訴求しております。