FGグループ様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績
フルオーダーメイドの設計・デザインにより、強みを多面的に訴求
クライアント | 株式会社FGグループ様(東京都豊島区) |
---|---|
制作プラン | Meta定額制30プラン |
カテゴリ | コーポレートサイト コーポレートサイト・事務所 その他 |
URL | https://fggrp.jp/ |
制作チーム |
|
POINT
制作のポイント
中小零細企業をメインとして、製造業・サービス業など様々な業種の事業再生をサポートしている「FGグループ様」のコーポレートサイトをリニューアルいたしました。
今回リニューアルの目的として、「新規のお問い合わせを増やしたい」というご要望を頂きました。
そのため、「長期的な資金調達方法を専門家に相談したい」製造業経営者や、「後継者不在で事業継続に困っている」老舗旅館オーナーなど、特に50代~70代の経営者をメインターゲットに設定し、PCとスマートフォンの使用比率は5:5と想定しPCとスマートフォンどちらからでも見やすい設計にいたしました。
今回、さまざまな業種の経営者がターゲットになるため、メインビジュアルには複数の仕事風景動画を自動切り替えで設置いたしました。何度もホームページに訪れるユーザーにも飽きが来ないよう、数種類の動画をランダムで表示するなど、ユーザーにより興味を持って閲覧していただくための工夫を施しております。さらに、サービスコンテンツには通常のサービス説明だけでなく、実際のユーザーから頂いた「喜びの声」を写真付きで配置することで、説得力をさらに高めております。
また、事業に行き詰ってしまった経営者が、まずは相談先として顧問税理士や保険会社の担当者などを選択することを想定し、「税理士事務所・保険会社の皆様へ」ページを新設いたしました。弊社では、ターゲットの様々な行動パターンをシミュレーションし、より多くのCVを獲得するためのフルオーダーメイド設計を行っております。
さらに、CV率を向上させるため、「不安を抱えるユーザーに、希望を持ってお問い合わせいただきたい」という想いを込めて、淡いグラデーションカラーを使用したCV導線をページ上部のヘッダーに固定表示しております。さらに、メインビジュアル上に、「初めての方へ」ページへの導線を配置し、笑顔のスタッフ写真や丸型の装飾、淡いカラーを用いることで、初めてのユーザーが安心感を持ってご相談いただけるよう工夫いたしました。
Webデザイン
モバイル用サイトでは、ユーザーに情報を直感的に認識していただきやすいよう、テキストよりも図を優先して表示しているほか、ハンバーガーメニュー内では主要コンテンツへの導線バナーを大きく見せる形で配置するなど、各コンテンツの優先順位に基づいて配置順や見せ方を工夫いたしました。弊社では、PCとスマートフォンそれぞれ個別に設計・デザインをいたしますので、どのデバイスからでも快適に閲覧していただけるユーザビリティの高い設計となっております。さらに、ユーザーがいつでもすぐにお問い合わせしていただけるよう、ページ下部のフッターにお問い合わせフォームへのリンクバナーを設置いたしました。
また、「白黒のテキストだけのページでお客様の特徴をうまく訴求できていなかった」旧サイトのサービスページを一新いたしました。まずは、綿密なヒアリングのもとページ構成の企画・提案を一から行い、ユーザーに重要な情報を直感的に伝えるため写真や図を効果的に使用し、最新のトレンドを取り入れたデザインを行うことで、お客様の強みがしっかりと伝わるサービスページとなっております。
Webデザイン
デザイン面では、メインビジュアルに動画を使用し、写真を大きく見せる形で配置することで、競合他社よりもインパクトのあるデザインを意識いたしました。さらに、あえて枠からはみ出す「ブロークングリッドレイアウト」を採用しているほか、強調したいポイントにグラデーションカラーを使用するなど、最新のトレンドを取り込んだデザインを行っております。
また、「新規のお問い合わせを増やしたい」というご要望をいただいたため、資金調達に問題を抱えるユーザーの不安を解消できるよう、「初めての方」専用ページを新設いたしました。さらに、サイト全体に「明るい色」や「丸みのある装飾」を多く使用することで、事業に困っている経営者の方に安心感を与え、会社の未来に希望をもっていただけるデザインを心がけております。
エンジニア
システム面では、お客様がブラウザ上で簡単に更新していただけるよう、「お知らせ」「事業再生事例」用にCMSを開発し、「ブログ」にWordpressを取り入れております。そのため、ホームページ公開後も継続してコンテンツを増やすことができ、CVをアップさせるためのツールとしてご活用いただけます。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ
リニューアル前のホームページは、訴求したい情報が伝わりにくい設計となっている点が課題でした。デザイン面もモノクロの文字がメインで簡素なものから、競合他社と差別化できるデザインにリニューアルしたいというご要望をいただきました。
お客様のサービスの特徴として、はじめて利用するユーザーが多いとのことでしたため、「初めての方」ページを新規作成し、導線バナーをメインビジュアルに配置しました。そうすることで、お客様のサービスをどのように利用したらいいか悩んでいるユーザーが安心感を持ってお問い合わせできる後押しとなるコンテンツとなっています。デザイン面では、メインビジュアルに動画を大きく配置し、競合他社にはない「お客様の声」をサービスコンテンツに入れることで、差別化と訴求を高めたホームページを実現しています。
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン
SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン
WORKS