マックスコネクト様(コーポレートサイト)|Web制作実績 レスポンシブ対応|ネオインデックス静岡

Works

制作実績

マックスコネクト様
計6つのサービスの優先順位を整理し、ユーザー行動に基づく効果的な導線設計を行うことで、新規顧客からのお問い合わせを後押し

https://maxconnect.co.jp

東京都 千代田区

PC

SP

Web制作のポイント

決済代行のスペシャリストとして、多業種におけるキャッシュフローの最適化を支えているマックスコネクト様のコーポレートサイトをリニューアルいたしました。

今回のリニューアルの主要な目的として、「新規顧客からのお問い合わせを増やしたい」というご要望をいただきました。そのため、「トップページ」のセカンドビューに各サービスページへの導線を配置しました。

ホームページを訪れたユーザーの約40~60%は、セカンドビュー到達後に離脱やページ遷移などの行動を起こすというデータに基づき、ホームページの中でも特に訴求したい各サービスページへの導線を上部に配置することで、より多くのユーザーを取りこぼさない設計にしております。

また、グローバルナビゲーションの「サービスメニュー」にマウスを重ねた際に、メガメニューが表示されるようにいたしました。そうすることで、計6つのサービスの中から、目的のページに迷わず到達できるユーザビリティーの高い設計に仕上げています。

設計・デザインのポイント

ヘッダーでは、ハンバーガーメニューの左横にサービスページへの導線ボタンを固定表示しました。こちらのボタンをクリックすると、アイコンやイラストを用いたサービスページのメガメニューが表示されます。各サービスへの導線ボタンは、訴求したいサービスの優先順位に合わせてサイズを変更しています。最も訴求度の高い「銀行振込決済サービス」を最上部に画面幅いっぱいに表示することで、ユーザーへの訴求を強める工夫を施しています。

また、各サービスページでは「無料相談」フォームに遷移する導線ボタンを、画面下部に固定表示しました。そうすることで、ユーザーが興味を持ったタイミングでスムーズにお問い合わせができる導線設計となっております。


デザイン面では、サービス内容を視覚的にわかりやすく伝えるため、ホームページ内の随所に作図やイラストを配置しております。たとえば、トップページの「銀行振込決済サービス」コンテンツでは、「ユーザー」「マックスコネクト提供口座」「マックスコネクト」「貴社サーバー」という一連のサービスの流れを、円形の図や矢印を用いて表現しました。 そうすることで、一見理解の難しいサービス内容でも、視覚的にサービスの仕組みや流れを理解できるように仕上げています。
Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

リニューアル無料相談

ホームページリニューアルや制作プランの
ご相談などお気軽にお問い合わせください

ホームページをベストの状態へ
無料相談はこちら

PAGE TOP