このページの10案は、光速ホームページ制作が作成し、実際に公開している 学習塾・予備校向けデザインサンプルです。顧客の導入事例や成果実績ではありません。 保護者・生徒がコース・対象学年、 税込料金、講師・指導方針を確認する順序で、 写真、スマートフォン表示、問い合わせ導線を比較できます。
「デザイン案10選」の根拠と範囲
根拠は、このサイト内で公開している10個のサンプルページと、その画面画像です。 2026年7月28日に各URLと画像ファイルが存在することを確認しました。 サンプル内の会社名、人物、数値、実績は、本番掲載前に実際の情報へ置き換える 前提の仮情報です。
検索順位、クリック率、問い合わせ件数を比較したランキングではありません。 「どの見た目が優れているか」ではなく、誰へ何をどの順序で伝えるかを 決めるための比較資料として使います。
選ぶ前に決める4項目
塾を検討する保護者と生徒は、地図や口コミで教室を知り、対象学年、コース、時間割、税込料金、指導方針、通塾方法、体験授業を確認します。合格実績だけでなく、自分の学年と目的に合うかを判断できる順序が必要です。
地図は場所と口コミ、SNSは教室の様子、自社サイトは年度ごとのコース・料金・体験条件を管理する場所です。複数教室がある場合は、全体情報と教室固有情報を分け、古い時間割や満席コースが残らない更新手順を決めます。
- 対象者：保護者・生徒のうち、最初に案内する相手を決める
- 優先情報：コース・対象学年と税込料金のどちらを先に確認してもらうか決める
- 公開資料：コースと時間割の数に必要な写真・原稿・許可を確認する
- 相談導線：複数教室の情報管理を踏まえ、電話、フォーム、LINEなどの役割を決める
この4項目が決まらない段階で色や写真だけを選ぶと、必要情報が後から入りきらない ことがあります。先に原稿の見出しと必要資料を並べ、デザイン案へ当てはめます。
学習塾・予備校向け公開デザイン案10種類
画像を選ぶと、各サンプルサイトを別タブで確認できます。 名称は比較時の着眼点であり、その構成だけを強制するものではありません。
学習塾・予備校の3つの比較場面
所在地、電話、営業時間だけで十分なら地図情報の更新を優先できます。コース、料金、時間割、体験条件を比較する必要がある場合は、自社サイトを年度情報の正本にし、地図から該当教室ページへ案内します。
既存媒体を残す場合も含め、次の場面を一つずつ再現します。デザイン案だけを眺めるのではなく、実際に探す情報と移動先を決めて操作することで、採用後に不足するページを見つけます。
初回訪問：対象学年やコースが分からない問い合わせが多い
サンプルをスマートフォンで開き、コース・対象学年から税込料金へ迷わず移動できるかを確認します。次年度のコース、税込料金、時間割が未確定である状態では、本物に見える仮素材を置いて評価せず、必要資料の位置と差し替え責任者だけを決めます。本番後は「学年・目的別ページから体験申込への遷移」を確認し、到達できない場合に情報の順序・リンク文言・窓口のどこを直すか記録します。
比較検討：料金・教材費・季節講習の条件を個別説明している
サンプルをスマートフォンで開き、税込料金から講師・指導方針へ迷わず移動できるかを確認します。合格実績の年度・人数・集計範囲を確認できていない状態では、本物に見える仮素材を置いて評価せず、必要資料の位置と差し替え責任者だけを決めます。本番後は「料金ページと教室情報ページの閲覧」を確認し、到達できない場合に情報の順序・リンク文言・窓口のどこを直すか記録します。
問い合わせ直前：複数教室の時間割・体験可能日が媒体ごとに異なる
サンプルをスマートフォンで開き、講師・指導方針から教室情報へ迷わず移動できるかを確認します。体験申込後に連絡する担当者と返信目安が決まっていない状態では、本物に見える仮素材を置いて評価せず、必要資料の位置と差し替え責任者だけを決めます。本番後は「教室別の電話・フォーム完了数」を確認し、到達できない場合に情報の順序・リンク文言・窓口のどこを直すか記録します。
サンプル画面で比較する項目
学習塾・予備校では、次の行き違いを画面上で減らせるかも確認します。
- 対象学年やコースが分からない問い合わせが多い
- 料金・教材費・季節講習の条件を個別説明している
- 複数教室の時間割・体験可能日が媒体ごとに異なる
- 最初の画面：保護者・生徒向けのコース・対象学年と次の行動が読み取れるか
- 情報の順序：税込料金と講師・指導方針が問い合わせより前にあるか
- 写真・資料：講師・指導方針に使う素材の権利と掲載許可を確認し、実際の会社・仕事と誤認させないか
- 条件表示：税込料金と合格実績の年度・人数確認の重要事項が画像内だけ、小さな注記だけになっていないか
- 操作：複数教室の情報管理に合わせ、各問い合わせ窓口の目的が区別されているか
- スマートフォン：教室情報と体験授業へ横スクロールなしで移動できるか
公開前には、サンプルの画面幅だけでなく実機でも確認します。写真の雰囲気が 合っていても、必要な情報が見つからない案はそのまま採用しません。
学習塾・予備校で先に用意する掲載内容
デザインへ入れる前に、少なくとも次の情報を現在の事実にそろえます。
- コース・対象学年
- 税込料金
- 講師・指導方針
- 教室情報
- 体験授業
さらに、次の未確認事項を仮の写真や文章で補いません。
- 次年度のコース、税込料金、時間割が未確定である
- 合格実績の年度・人数・集計範囲を確認できていない
- 体験申込後に連絡する担当者と返信目安が決まっていない
詳しい準備項目は 学習塾・予備校の掲載内容ガイド、 制作範囲と料金は 学習塾・予備校の費用ガイド で確認できます。古いパンフレット、未確認の資格、出典のないNo.1・成功率・ 問い合わせ増加率は使いません。
公開後は見た目ではなく行動を確認する
学習塾・予備校では、次の行動をGA4のイベントと問い合わせ記録で 分けて確認します。
- 学年・目的別ページから体験申込への遷移
- 料金ページと教室情報ページの閲覧
- 教室別の電話・フォーム完了数
Search Consoleで表示された検索語・掲載ページ・クリックを確認し、 電話、フォーム、LINEは別イベントに分けます。表示回数が少ない場合、 表示されてもクリックされない場合、閲覧後に動かない場合を混同せず、 該当するタイトル、本文、導線だけを見直します。
デザイン案だけで成果を保証することはできません。掲載する事実と検索意図、 問い合わせ対応、公開後の検証までを含めて改善します。
本番公開前の確認リスト
学習塾・予備校固有の確認担当と公開可否を決めたうえで、 全ページ共通の次の項目を点検します。
- 仮の会社名、住所、電話番号、料金、人物、実績が残っていない
- 写真・ロゴ・文章の利用権と掲載許可を確認した
- 料金は税込総額、または金額が変わる条件を表示した
- title、description、h1、canonical、パンくずをページごとに設定した
- フォーム送信、電話、LINE、外部予約リンクを実機で確認した
- 本番URLだけをサイトマップへ載せ、サンプルはインデックス対象外にした
