東京都内の英語塾のサービスページ制作
- 店舗サイト
都内で英語塾を運営するクライアント様より、「無料体験授業への申込み数を増やしたい」「教室の強みを分かりやすく伝えたい」とのご相談をいただきました。英語に苦手意識を持つ生徒や、塾選びに悩む保護者の方に対して、教室の指導方針や実績を丁寧に伝えながらも、スムーズに体験申込みまで進められるランディングページをご提案しました。


| CLIENT | 東京都内の英語塾 |
| WEBSITE | https://lacoms.com/lp-trialclass/ |
| CATEGORY | コーポレートサイト / 店舗サイト / WordPress |
| COST | ~50万円 |
都内で英語塾を運営するクライアント様より、「無料体験授業への申込み数を増やしたい」「教室の強みを分かりやすく伝えたい」とのご相談をいただきました。英語に苦手意識を持つ生徒や、塾選びに悩む保護者の方に対して、教室の指導方針や実績を丁寧に伝えながらも、スムーズに体験申込みまで進められるランディングページをご提案しました。
学習効果がイメージしやすいコンテンツ構成と、スマホファーストのUI設計により、「まずは体験してみたい」と一歩踏み出しやすい導線設計を実現しています。
相談背景
クライアント様は、都内で「聞けて話せる英語」を大切にした英語専門塾を運営しており、小中高生から大人まで幅広い層が通われています。
一方で、これまでは口コミや紹介、ポータルサイト経由の問い合わせが中心で、自社サイトからの体験授業申込みは十分に取り切れていない状況でした。
- 英語が苦手な生徒・保護者に「自分ごと」として響くメッセージが伝わっていない
- 教室の特徴やカリキュラムの強みが、ページ内で点在しており理解しづらい
- スマホでの閲覧時、申込みフォームまでの導線が長く、離脱につながっている
といった課題があり、「英語が苦手でもここなら頑張れそう」と感じてもらえる安心感と、「今すぐ体験授業を申し込もう」と思えるスムーズな導線設計が求められていました。
企画設計
- 体験授業申込み導線の一元化・最適化
ファーストビューに「無料体験授業のご予約」ボタンを明確に配置し、ページ内の複数箇所から同じ申込みフォームへ遷移できるよう導線を整理しました。スクロールのどの位置からでも、最短2〜3タップで申込み完了まで進められる設計としています。 - 悩み起点のコンテンツ構成
「英語に苦手意識がある」「成績は悪くないが伸び悩んでいる」「リスニング・スピーキングが不安」など、想定される悩みを整理し、セクションごとに回答する形でコンテンツを構成しました。単なるサービス紹介ではなく、「あなたの今の状況」に寄り添うストーリーで、自然と体験授業の必要性を感じてもらえる流れを意識しています。 - 保護者と生徒、それぞれに響く情報設計
対象ユーザーを「通塾を検討する保護者」と「実際に通う生徒」の2軸で整理し、以下のような形で、どちらの目線から見ても納得できる情報が揃うように設計しています。- 教育方針・指導実績・安全性 → 保護者向け
- 授業の雰囲気・具体的な成長イメージ → 生徒向け
- 今後の集客施策を見据えたLP設計
広告流入やSEO流入のどちらにも対応できるよう、見出し構造やテキスト量、CTAの配置を最適化。将来的なリスティング広告・SNS広告のランディング先としても活用できるよう、訴求ポイントのA/Bテストが行いやすい構造としました。
デザイン
デザインコンセプトは「学習への真剣さ × 通いやすさ」。
教育機関としての信頼感を担保するために、ネイビーや深めのブルーを基調としつつ、余白を広くとったレイアウトで堅くなりすぎない印象に調整しています。
- ファーストビューでは、「聞けて話せる英語へ」「無料体験授業」の2つのキーメッセージを大きく配置
- 授業風景や教室の写真を要所に挿入し、「どんな雰囲気の教室なのか」が直感的に伝わるように設計
- スマホ閲覧時は、親指の動きを意識したCTAボタン配置と、縦スクロールでも読み疲れしない文字サイズ・行間を採用
これにより、「しっかりとした学習塾でありながら、初めてでも相談しやすい」印象を持ってもらえるようなLPデザインを目指しました。無料体験授業への心理的ハードルを下げつつ、行動を後押しする構成になっています。
前の事例
SEO×高度技術で高速グロースを実現。AIイラストサービスの新規開発