ABOUT

クライアント

教育関連企業（前職）

依頼内容

既存ページの改良

目的

新規顧客の獲得

目標数値

GA4：離脱率 10%減少

Clarity：ページ下部までのスクロール 10%増加

メインターゲット

小・中学生の勉強が苦手な子どもがいる母親（30~50代女性）

クライアントの要望

GA4・Clarity（ヒートマップ）をもとに現状分析を行い、目標数値達成のための改善提案をしてほしい。

競合分析を実施し、自社との差別化ポイントを明確化してほしい。

CVRが高い『はじめての方へ』ページへの導線を強化してほしい。

公開後3ヶ月を目安に効果検証を行い、必要に応じて追加改良を実施してほしい

担当範囲

データ分析 / 競合分析 / ワイヤーフレーム作成 / 全体デザイン

※FVとはじめての方へ導入画像は別デザイナーが担当

CHALLENGE

TOPページは新規顧客獲得の入り口であり、集客ファネルの起点となる重要なページでした。しかし、GA4とClarityによる分析で以下の課題が判明しました。

  • 離脱率が高く、ページ途中での離脱が目立つ
  • ページ下部までのスクロール率が低く、最後まで見られていない

また、競合分析の結果、以下の問題点も浮き彫りになりました。

  • 情報量が多く、コンテンツが乱雑
  • ページ全体が長く、必要な情報が伝わりにくい構成

これらの分析を踏まえ、離脱を防ぎ、最後まで読まれる構成づくりと、CVにつながる導線強化を目指しました。

IMPROVEMENT

1. ページ構成の再設計

不要なエリアを削除し、ユーザーの行動を促す重要なコンテンツを追加しました。

  • 削除したエリア：決め手ベスト3、先生紹介、サポート紹介、第一志望合格の声

    削除したエリアの画像

  • 追加したエリア：はじめての方へ（導線強化）、選ばれる理由3つ、生徒・保護者の声、SNS紹介

    追加したエリアの画像

目的：情報量を整理し、スクロール率とCVRを向上させる

2. デザイン改善（公開後の追加施策）

  • 『はじめての方へ』バナー：枠線を強調し、クリック数が4倍に増加

    左がBefore、右がAfter

    『はじめての方へ』バナーbeforeとafterの画像

  • 生徒・保護者の声エリア：複数リンクから単一バナーリンクに変更し、クリック数が増加

    左がBefore、右がAfter

    生徒・保護者の声エリアbeforeとafterの画像

RESULT

改良後3ヶ月間の分析結果は以下の通りです。

  • ページ下部までのスクロール率：約5%上昇
  • 『はじめての方へ』バナークリック数：4倍に増加
  • CVR（コンバージョン率）：3%改善
  • ヒートマップ上でのユーザー行動が全体的に活発化

離脱率は大きな変化がなかったものの、CVRとクリック率の改善によって集客効率向上に貢献できました。

DATA

制作期間

ワイヤーフレーム作成：1週間

担当箇所デザイン：1週間

データ分析・デザイン改善：3ヶ月

使用ツール

Adobe XD / Photoshop / Illustrator / GA4 / Microsoft Clarity

BEFORE・AFTER

左がBefore、右がAfter
※合格速報エリアは2〜3月のみ掲載エリアで追加エリアではありません。

全体ビフォーアフター画像