マックスコネクト様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績
計6つのサービスの優先順位を整理し、ユーザー行動に基づく効果的な導線設計を行うことで、新規顧客からのお問い合わせを後押し
| クライアント | マックスコネクト様(東京都 千代田区) |
|---|---|
| 制作プラン | Meta定額制30プラン |
| カテゴリ | コーポレートサイト コーポレートサイト・事務所 |
| URL | https://maxconnect.co.jp |
| 制作チーム |
|
POINT
制作のポイント
お客様のご要望
- 集客(新規)を増やしたい
決済代行のスペシャリストとして、多業種におけるキャッシュフローの最適化を支えているマックスコネクト様のコーポレートサイトをリニューアルいたしました。
今回のリニューアルの主要な目的として、「新規顧客からのお問い合わせを増やしたい」というご要望をいただきました。そのため、「トップページ」のセカンドビューに各サービスページへの導線を配置しました。
ホームページを訪れたユーザーの約40~60%は、セカンドビュー到達後に離脱やページ遷移などの行動を起こすというデータに基づき、ホームページの中でも特に訴求したい各サービスページへの導線を上部に配置することで、より多くのユーザーを取りこぼさない設計にしております。
また、グローバルナビゲーションの「サービスメニュー」にマウスを重ねた際に、メガメニューが表示されるようにいたしました。そうすることで、計6つのサービスの中から、目的のページに迷わず到達できるユーザビリティーの高い設計に仕上げています。
![]()
ディレクション
M.Ono
今回、リニューアルの主要な目的として、「新規顧客からのお問い合わせを増やしたい」というご要望をいただきました。そのため、トップページのセカンドビュー直下に「当社について」「導入事例」「サポート体制」「セキュリティ」「よくあるご質問」という5つのページへ遷移できる導線を配置しました。これらのページは、各サービスページと併せてユーザーが知りたい情報が記載されているため、安心感のあるお問い合わせを後押しする設計となっております。
また、各サービスページのファーストビューでは、サービスにおける3つ特徴をアイコンとわかりやすいキャッチコピーで伝えています。そうすることで、ユーザーがサービスの強みを一目で理解でき、お客様のサービスならではの魅力をしっかりと訴求できる設計となっております。
![]()
Webデザイン
Y.Shinojima
ヘッダーでは、ハンバーガーメニューの左横にサービスページへの導線ボタンを固定表示しました。こちらのボタンをクリックすると、アイコンやイラストを用いたサービスページのメガメニューが表示されます。各サービスへの導線ボタンは、訴求したいサービスの優先順位に合わせてサイズを変更しています。最も訴求度の高い「銀行振込決済サービス」を最上部に画面幅いっぱいに表示することで、ユーザーへの訴求を強める工夫を施しています。
また、各サービスページでは「無料相談」フォームに遷移する導線ボタンを、画面下部に固定表示しました。そうすることで、ユーザーが興味を持ったタイミングでスムーズにお問い合わせができる導線設計となっております。
![]()
Webデザイン
Y.Shinojima
デザイン面では、サービス内容を視覚的にわかりやすく伝えるため、ホームページ内の随所に作図やイラストを配置しております。たとえば、トップページの「銀行振込決済サービス」コンテンツでは、「ユーザー」「マックスコネクト提供口座」「マックスコネクト」「貴社サーバー」という一連のサービスの流れを、円形の図や矢印を用いて表現しました。
そうすることで、一見理解の難しいサービス内容でも、視覚的にサービスの仕組みや流れを理解できるように仕上げています。
![]()
エンジニア
T.Taguchi
システム面では、安心感のあるお問い合わせを後押しできるよう「導入事例」ページをオリジナルのCMSで自社開発しました。こちらのCMSでは、「導入後の決め手」や「導入後の効果」など、ユーザーが知りたい情報を管理画面から簡単に登録できるシステム設計となっております。
さらに、「銀行振込決済サービス」「銀行振込代行(ふりこみくん)」「ECサイト」など、各サービス・目的別に事例を絞り込める機能も実装しており、導入を検討しているサービスの事例をスムーズに確認できます。
![]()
マーケティング
M.Ono
制作時に、弊社のマーケティングチームが競合サイトを調査の上、検索ボリュームの多いキーワードを選定・対策することで、SEOによる流入を強化したホームページリニューアルを実現しております。
また、各サービスページでは、弊社のプロライターが対策キーワードを効果的に配置した、質の高いコンテンツを作成することで、SEOをさらに強化しています。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ

リニューアル前のホームページは、当初メインサービスであった「クレジットカード決済代行」に関する情報が主となっており、現在のお客様のサービス内容や優先順位とは合っていないことが課題でした。また、SEOについても課題を感じており、流入数が思ったように伸びないことに悩まれていました。

リニューアル後は、現在のお客様の事業内容に合わせてサービスページの優先順位や内容を整理し、お客様ならではの強みを全面的に押し出した設計へと刷新しました。また、各サービスページでは対策キーワードを踏まえたページ構成を行い、SEOを強化しております。
さらに、活用シーン別の導線として、「ECサイト」「サブスク・定期購入」の2ページを新たに作成しました。ユーザーが自身の利用シーンに合わせて情報を確認できるため、安心感のあるお問い合わせを後押ししています。
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン


SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン



WORKS