複雑だった事業情報を再設計。サービスページ到達率・問い合わせ数UPを実現したディマージシェア様

商談の場で、サイトを見たうえで来た相手から改めて事業内容を説明し直すことが起きていました。サイトが説明の手間を減らすどころか、増やしている状態です。

会社紹介のページには事業の話が入り、事業紹介のページにはサービスの話が入り、サービス紹介のページには再び会社の強みが書かれていました。どのページを読んでも似た情報が出てくるため、読み進める理由がなくなります。

その結果、トップページを見た人の多くがサービスページまで進まずに離れていました。到達率は17.1％です。

当初は、会社全体を表す新しいキャッチコピーをつくる案もありました。ただ、扱う領域が広いほど、それを1文で言い切ろうとすると「テクノロジーで未来を」のような、どの会社にも当てはまる言葉に寄っていきます。

その言葉を読んでも、訪問者は自社の課題を頼めるかどうかを判断できません。判断してもらうために必要なのは、抽象度を上げることではなく、依頼できる単位まで具体を下ろすことでした。

そこで、まとめる方向をやめ、会社・事業・サービス・実績という4つの層に分ける方針に切り替えました。トップページの役割も「全部を説明する場所」から「どの層に進むかを選んでもらう場所」に変えています。

メインビジュアルは方向性の異なる複数案を提示しました。先進性を強く出す案は目を引く一方で、BtoBの発注先として見たときに軽く見える危険があります。

選定の基準は「格好よく見えるか」ではなく、「この会社に見積もりを依頼できると感じられるか」に置きました。決裁者が社内で共有したときに違和感が出ないかどうかです。

採用した案をそのまま完成とはせず、色、文字、写真、余白の扱いを1つの方針に揃えるところまで調整しています。

動きが強いと、最初に読んでほしい一文が読まれる前に視線が奪われます。実際に社内で読み比べ、文章を読み切れる速度まで落としました。

調整したのは、動き始めるタイミング、動きの速さ、切り替わる間隔の3点です。利用者が意識しない程度の差ですが、ここを詰めるかどうかで最初の一文が届くかが変わります。

改修前は、どのページも末尾に同じ問い合わせボタンがある構成でした。ただ、ヒートマップを見ると、ページの最後まで到達する人は限られています。

サービスの対応範囲を読み終えた位置、実績を1件読み終えた位置など、判断が固まりやすい箇所に導線を追加しました。ページ末尾のボタンも残しています。