ABOUT

クライアント

教育関連企業（前職）

依頼内容

既存ページの改良

目的

新規顧客の獲得

目標数値

GA4：離脱率 10%減少

Clarity：CTAまでのスクロール 20%増加

メインターゲット

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

クライアントの要望

GA4・ヒートマップから考察しどこを改良したら目標数値を達成出来そうか提案してほしい。

体験レッスンを受けたくなるような見やすくわかりやすいデザインにすること。

掲載後から2ヶ月間を目安にGA4・Clarityのヒートマップで反応を確認し、必要に応じて改良してほしい。

担当範囲

データ分析 / デザイン

CHALLENGE

体験レッスンページは、新規顧客獲得に直結する最重要ページであり、 集客ファネルの中心的な役割を担っていました。

しかし、GA4とヒートマップ分析の結果、以下の課題が浮き彫りになりました。

• 離脱率が高い
• ファーストビューとページ下部の「よくある質問」だけが見られており、 CVボタンまでの内容がほとんど見られていない
  （ヒートマップで青く表示、スクロールの値が低い）
• 体験レッスン申込ボタンを押すユーザーが少ない、CVRが伸び悩んでいた

このままでは、広告からユーザーを集客してもCVに繋がらず、 機会損失が発生してしまう状態でした。

IMPROVEMENT

1.導入部分のリニューアル

従来はお母さんの不安に共感する文章が中心でしたが、勉強法の理解を助けるため、図やイラストを充実させ、体験レッスンで学べる内容を直感的に把握できるように改善しました。

その上で、お母さんと社長の会話形式で《カンタン家勉法》を説明し、さらに体験レッスンを受けるベネフィットを追加して、申し込みへの動機付けを強化しました。

2.体験の流れの見せ方を改善

ヒートマップで確認したところ、「体験の流れ」を説明する漫画がほとんど閲覧されていないことが判明。

そこで内容を4つのステップに整理し、短時間で理解できるデザインに変更しました。

ヒートマップで確認したところ、体験の流れを示す漫画はほとんど閲覧されていませんでした。
そこで、内容を4つのステップに整理し、より見やすくしました。

左がBefore、右がAfter

RESULT

GA4の分析により、目標としていた離脱率の10%減少は達成しました。

Clarityのスクロールマップでは、CTAまでのスクロールが10%以上改善し、全体的に下まで見られるようになりましたが、目標の20%増加には届きませんでした。

CVの正確な申し込み人数は確認できませんでしたが、改善によってユーザー行動は明確に向上しています。

DATA

制作期間

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

デザイン作成：1週間

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

使用ツール

Adobe XD / Photoshop / Illustrator / GA4 / Microsoft Clarity

Before・After

左がBefore、右がAfter