アイグス保険サービス様
法人・個人向けに保険サービスページを新設し、ターゲットごとに強みを最大限に訴求することで、お問い合わせへ導く
東京都 中央区
- 制作プランMeta定額制30プラン
- カテゴリーコーポレートサイト（PC・タブレット）
 | |
|---|---|
| Web制作のポイント |
保険代理店としてお客様に最適な提案を行い、未来に安心と安全を届けているアイグス保険サービス様のコーポレートサイトをリニューアルいたしました。
今回のリニューアルの主要な目的として、「新規のお問い合わせを増やしたい」というご要望をいただきました。 そのため、トップページのメインビジュアル直下に「法人のお客さま」「個人のお客さま」という2つのターゲットに分けて、各サービスページへの導線を設けました。 初めてホームページを閲覧したユーザーが、目的に合ったページをスムーズに確認できる導線設計となっております。
また、「法人のお客さま」は爽やかで淡いブルー、「個人のお客さま」は明るいグリーンと、お客様のロゴカラーをターゲットごとに使い分けることで、視覚的にも異なるサービスであることを判断できる工夫を施しています。 |
 | |
|---|---|
| 設計・デザインのポイント |
今回、リニューアルの主要な目的として、「新規のお問い合わせを増やしたい」というご要望をいただきました。
トップページの「法人のお客さま」「個人のお客さま」という２つのコンテンツでは、画面の左側に笑顔で保険を提案するスタッフ様のお写真、右側に各ターゲットに向けたお客様ならではの強みをキャッチコピーとサムネイル付きで3つずつ配置しております。 画面をスクロールすると、左側のお写真は固定表示され、右側の強みが縦方向に移動し、コンテンツを段階的に表示する構成となっております。そうすることで、ユーザーの視線を誘導し、自然とサービスの魅力を最後まで読み進められる設計としております。
また、PCの大きな画面を活かし、ホームページ内の背景の随所には、スクロールと同時に曲線が横にゆっくりと描かれていく動きを取り入れました。ユーザーに親しみやすい印象を与えるとともに、コンテンツへの視線誘導を促し、スムーズに情報を閲覧できるデザインに仕上げています。 デザイン面では、ホームページの随所にイラストやアイコンを用いることで、「ここなら気軽に相談できそう！」と親しみやすさを感じられる印象に仕上げております。 例えば、「アイグス保険サービスについて」ページの「法人保険の加入・見直し」コンテンツでは、柔らかいテイストで描かれた会社員の働く姿のイラストを使用しました。また、各サービス内容に合わせたアイコンを配置することで、温かみのある雰囲気を演出するとともに、直感的に内容が理解できるデザインとしております。 一方で、配置するお写真やボタンにはあえて角丸を採用せず、直線的でシャープな印象を与えることで、保険代理店としての信頼感を訴求しております。 |
 | |
|---|---|
| Web制作・運用サポート一覧 |
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング（レスポンシブサイト）、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート |
