トーラス様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績
地域ごとの施工実績や補助金情報を届ける「エリアページCMS」を開発し、狙ったエリアからの集客を強化
| クライアント | トーラス様(沖縄県 那覇市) |
|---|---|
| 制作プラン | Meta定額制30プラン |
| カテゴリ | コーポレートサイト コーポレートサイト・事務所 その他 |
| URL | https://torus-i.co.jp/ |
| 制作チーム |
|
POINT
制作のポイント
お客様のご要望
- 集客(新規)を増やしたい
沖縄県全域で太陽光発電システムをはじめとする再生可能エネルギーの普及に貢献する、トーラス様のコーポレートサイトをリニューアルいたしました。
今回のリニューアルの主要な目的として、「新規顧客を獲得したい」というご要望をいただきました。そのため、ユーザーが1回の訪問で見るページ数は平均1.5~2.5ページであることを踏まえ、3ページ以内にお問い合わせまでたどり着ける導線を設計しております。
具体的には、サービスページを「個人のお客様向け」と「法人のお客様向け」に分け、さらに個人のお客様向けのサービスを「家庭用太陽光発電」「家庭用蓄電池」「オール電化」「V2H」という4つに細分化し、それぞれ個別のページを作成しました。そうすることで、ユーザーが目的のサービスや必要な情報へ最短でたどり着ける設計に仕上げています。
さらに、各サービスページでは、「導入するメリット」「選ばれる理由」「補助金・減税制度」「施工事例」など、ユーザーがサービスを検討するうえで知りたい情報を8つのコンテンツで構成しております。1ページで必要な情報を確認できる設計とすることで、そのままお問い合わせへとつなげる構成にしました。
![]()
ディレクション
Y.Goda
今回、リニューアルの主要な目的として、「新規顧客を獲得したい」というご要望をいただきました。
そのため、トップページのメインビジュアル直下に、お客様が放映されているTV CMの動画を配置しました。ホームページを訪れたユーザーの目に入りやすい位置に動画を設けることで、企業やサービスの魅力を視覚的に伝える工夫を施しております。
また、TV CMをホームページ上にも掲載することで、「テレビで見たことがある」「知っている会社」という親しみや安心感を醸成する効果があります。初めて訪れたユーザーも、お客様への信頼感を持ってページを読み進められる設計としました。
さらに、各サービスページでは、サービス内容までスクロールすると目次が画面上部に固定表示される仕様としました。現在閲覧しているコンテンツはカレント表示で色を変えることで、ページ内のどの位置を見ているのかを直感的に把握できるようにしています。目次から気になるコンテンツへ直接遷移できるため、目的の情報をスムーズに確認できる構成となっております。
![]()
Webデザイン
Y.Goda
「電気代を安く抑えたい方」「災害(停電)対策をしたい方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を8:2に想定し、モバイルファーストで設計しております。
トップページの「事業紹介」コンテンツでは、訴求したいサービスの優先度に合わせて表示にメリハリをつけております。特に訴求度の高い「家庭用太陽光発電」「法人向け事業用太陽光発電」という2つのサービスにはお写真とキャッチコピーを配置し、その下に「もっと見る」という導線ボタンを設けました。
スマートフォンの限られた画面幅でもサービスのメリットが的確に伝わるよう情報を整理することで、ユーザーの視線をメインのサービス導線へ自然に誘導し、遷移を促す導線設計に仕上げております。
また、各サービスページの「補助金・減税情報」コンテンツの下部には、電話とメールのお問い合わせ導線を配置しました。補助金や減税に関する情報は、ユーザーの関心を引きやすいコンテンツです。このような情報を確認した直後に問い合わせができるよう導線を設けることで、興味や関心が高まったタイミングを逃さず、お問い合わせへスムーズにつなげられる構成としています。
![]()
Webデザイン
Y.Goda
デザイン面では、ホームページの随所にコンテンツ内容に合わせた3D風のイラストを取り入れることで、誠実で信頼感のある印象を与えながら、視線を引きつけるアクセントとして活用しております。
また、お客様の主力サービスである「太陽光パネル」を連想できるよう、グリッド線を背景に取り入れるなど、サービスとのつながりを感じられるデザインに仕上げました。
![]()
エンジニア
S.Ogata
システム面では、「施工事例」ページをオリジナルのCMSで自社開発しました。こちらのCMSでは、管理画面からお客様ご自身で施工内容ごとに施工事例を簡単に登録することができる設計となっております。
また、「施工内容」と「沖縄県内の市町村」の2つの条件から絞り込み検索ができる機能を実装しました。自身の地域や目的に合わせて施工事例を探しやすくすることで、実際の施工内容を具体的に確認できるため、安心感のあるお問い合わせを後押しするコンテンツとなっております。
![]()
マーケティング
M.Hotta
「個人のお客様」「法人のお客様」というターゲットごとにページを明確に分け、弊社のマーケティングチームが競合調査およびキーワード分析を実施しました。各ターゲットに適したキーワードを設定することで、検索意図に応じた流入を狙える構成としています。
また、弊社のプロライターが対策キーワードを適切に盛り込んだ原稿を作成し、ユーザーの検索ニーズに沿ったコンテンツを充実させることで、検索からの流入を促しながら、必要な情報を的確に届けられる構成に仕上げました。
さらに、「対策キーワード+地域名」などの地域検索からの流入を目的に、各エリアに特化したページも作成しました。地域ごとの検索ニーズに対応することで、ミドルワードの対策と各エリアからの集客につながる構成としています。
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