ABOUT

クライアント

教育関連企業（前職）

依頼内容

既存ページの改良

目的

新規顧客の獲得

メインターゲット

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

クライアントの要望

GA4・Clarityの分析結果から、FAQページへの離脱率が上がっており、遷移数も減少しているため、
FAQページへの導線を改善し、FAQページから次の行動につながる導線を提案してほしい

FAQページをユーザーにとって必要な情報を分かりやすく整理してほしい

改善後、2ヶ月間を目安にGA4・Clarityでユーザーの反応を確認し、必要に応じてさらなる改良を行いたい

担当範囲

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

CHALLENGE

FAQページは、集客ファネルにおける「興味」フェーズで重要なページです。

特に、体験レッスンを真剣に検討するユーザーがよく訪れるページですが、GA4とClarityの分析から以下の課題が明らかになりました。

• FAQページへの遷移自体が少なく、ユーザーに見られていない
• FAQページ内の項目はインレイ形式で配置されていたが、クリックされず閲覧されていない
• FAQページから体験レッスンページへの遷移も少ない（CVへ繋がらない）

このままでは、FAQページが持つ『疑問解消・申し込み促進』の役割が十分に活かせない状態でした。

IMPROVEMENT

1.FAQページへの導線の改良

• TOPページにFAQエリアを設置し、ディレクターが選別した5つの主要FAQをインレイ形式で配置
• 指導法ページ内の、不登校・オンライン特化のFAQエリアでよく見られていたことから、『その他のよくある質問はコチラ』リンクを設置

この2点でFAQページへの遷移増加を狙いました

2.FAQページのレイアウト改善

• 変更前は『よく見られる質問3つ』と『各質問カテゴリ別リンク（カテゴリ名＋説明）』の構成でした
  変更後は、各質問カテゴリ別リンクはマーク＋カテゴリ名で直感的に分かるようにし、カテゴリ数を9個から6個に削減しました
• 各カテゴリページのTOP3質問へのリンクを設置し、ユーザーが迷わずアクセスできるように改善
• インレイ形式では項目への遷移が分かりにくかったため、各ページに飛ぶリンク形式へ変更
• レイアウト改善に伴って、FVも変更。お母さんの悩みがスッキリしている描写のイラストを追加し、直感的に理解できるようにしました

レイアウト 左がBefore、右がAfter

FV Before、右がAfter

3.体験授業ページへの遷移増加（CV誘導）

• FAQページに『指導までの流れ』『体験授業について』のリンクバナーを設置
• 各FAQページ下部にも体験授業申し込みリンクバナーを配置

体験授業ページへの導線を強化し、CVへの誘導を狙いました

『指導までの流れ』『体験授業について』のリンクバナー

各FAQページ

RESULT

GA4とClarityの分析により、以下の成果が得られました。

• TOPページからFAQページへの遷移が増加し、設置したFAQは多く利用されていることを確認
• 指導法ページ内の不登校・オンライン特化のFAQエリアに設置した「その他のよくある質問はコチラ」リンクは、利用はされているものの数は少なく、効果は限定的
• FAQページの離脱率が約5%減少し、レイアウト変更により各FAQページの遷移も増加
• 体験授業ページへのリンクバナー設置は数は少ないものの利用され、効果は限定的ながら導線強化に貢献

全体として改善効果が多く現れたため、このページの改善は終了し、効果の薄かった施策は引き続き様子見としました。

DATA

制作期間

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

デザイン作成：1週間

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

使用ツール

Adobe XD / Photoshop / Illustrator / GA4 / Microsoft Clarity

BEFORE・AFTER

左がBefore、右がAfter