トップページへ戻る

予備校サイトのデザイン・コンテンツを解説!

この記事を書いた人 :

予備校サイトのデザイン・コンテンツを解説!

「予備校サイトを作りたいけれど、何から始めたら良い?」
「リニューアルをして、もっと使いやすく、わかりやすいホームページに変えたい」

この記事では、予備校のサイトを調査し、そのデータを基にデザインやUI、コンテンツなどの傾向について解説しています。
予備校を販売するオーナーやWebサイト担当者、デザイナーやマーケターなどで、サイト制作についてお悩みの方、成果を上げたいとお考えの方は、このまま読み進めてください。

Webサイトを訪れたユーザーが「今すぐ学びたい!」と思うような魅力的なサイトを一緒に作っていきましょう。
※今回は「予備校」で検索をして上位に表示された5サイトを確認しています。2021年1月時点

関連タグ:
今すぐ最新の業界データを手に入れよう!

data maisonは、圧倒的な
低価格で同業サイトを徹底分析

かんたん登録で、登録したその月から最新のデータが手に入る!
簡単3ステップ

Webサイト調査を手軽に簡単に

※ ご契約にあたり初回契約期間は3ヶ月から。
以降月次更新となります。

※ 対象となる業界やWebサイトによって月額が異なります。

※ 価格は全て税込です。

  • ビッグデータ
  • 業界データ
  • 個別データ
  • 最新データ
  • 過去データ

予備校サイトのデザイン・UI

メインビジュアル

今回調査した予備校サイト(5サイト)は、ファーストビュー(スクロールせずに画面に表示される部分)には、以下のようなメインビジュアが設定されていました。

●メインビジュアル例

メインビジュアルの内容としては「受験に立ち向かう少女」と「キャッチコピー」の画像が設定され表示しています。例えば、「駿台」の場合は、ファーストビューいっぱいに画像とキャッチコピーだけを載せるシンプルな構成。「河合塾」の場合は、イラストの少女とキャッチコピーを全面に出しつつ、キャンペーン案内も一緒に行っているメインビジュアルとなっています。

このように、それぞれの予備校によって、ユーザーに伝えたいメッセージやイメージは異なります。ファーストビューに設置されたメインビジュアルは、サイトの顔となる部分でもありため、ユーザーにどんな印象を与えたいのか、何を伝えたいのかを考えてメインビジュアルを設定しましょう。

サイトカラー

予備校サイトのサイトカラーを調べて見ると、以下のような結果になりました。

●5サイトのサイトカラー

サイト ベース (背景色) ロゴ・メインカラー アクセントカラー
A グラデーション ネイビー ネイビー、レッド
B ホワイト ブルー ブルー、イエロー
C ホワイト レッド、ブラック レッド
D ホワイト グリーン グリーン
E ホワイト イエロー、ネイビー イエロー、ネイビー

ベースカラーは「ホワイト」が一番多く、一部サイトで「グラデーション」が設定されていました。
ロゴやキーカラーは「ネイビー」や「ブルー」のなどの落ち着いた色合いを採用しているサイトが多い傾向です。また、アクセントカラーには、メインカラーと同じカラーが使われていて、1色展開をしているサイトもありました。その他には、ビタミンカラーの「イエロー」も使われています。

予備校のサイトは、ターゲット層が同じ10代後半~20代前に絞られるのでサイト全体のカラーリングが似たようなサイトが多いです。このように、サイト全体のコンセプト・メインターゲットを考えて、ユーザーに「どう見せたいか」を考えた上で、あなたのサイトに合うカラーを選ぶようにしてくださいね。

フォントサイズ・フォントファミリー

予備校サイトのフォントサイズ・フォントファミリーを調べてみたところ

●5サイトのフォント

サイト フォントサイズ フォントファミリー① フォントファミリー② フォントファミリー③
A 16px メイリオ ヒラギノ角ゴ ProN W3 Osaja
B 14px メイリオ 游ゴシック ヒラギノ角ゴ ProN W3
C 15px ヒラギノ角ゴ Pro W3 メイリオ MS Pゴシック
D 16px Noto Sans JP 游ゴシック ヒラギノ角ゴ ProN W3
E 13px Helvetica Neue Arial

予備校のサイトで使われていたTOPページ内のフォントサイズの平均は15pxでした。
調べたサイトの中で最小サイズは14px、最大は16pxで、ほとんど違いがなく標準的なフォントサイズに設定しているサイトが多いようです。また、フォントファミリーを調べてみたところ「メイリオ」や「Noto Sans Japanese」や「Yu Gothic」などが採用されます。

今回は、5サイトのデータなので、傾向値を出すにはやや不十分ですが、サイト制作中に悩みがちなフォントサイズやフォントファミリーの設定においての参考として活用してくださいね。

もっと多くの予備校のサイトから、平均的な傾向値を見たい場合は、より多くのサイトを調査し分析しましょう。

良質なWebサイトを作るためのヒントは、競合他社のサイトの中に、もっとたくさんあります。
そのためにも多くのサイトデータを集めて分析することが、自社サイトを成功に導くセオリーのひとつです。
とはいえ、集めなければならないデータ、そして同じ分量だけ分析しなければならないとなると、時間も労力もかかってしまいます。

競合他社サイトの情報収集を魔法のようにワンクリックでできたら良いですよね?
…実は、data maisonなら、あなたのその願いを叶えられます!

data maisonは、気になる競合サイト、新勢力企業のサイト、業界全体のサイトなどのデータをワンクリックで手軽に手に入れられるツールです。あなたがベンチマークしているサイトについて、今回紹介しているような「サイトカラー」や「フォントサイズ」などの情報も手に入りますし、予備校業界全体のファーストビューの傾向、コンテンツの傾向なども確認できます。

本来はWeb担当者やデザイナーなどが、自分でサイトを抽出して苦労しながら調査していたことを、data maisonならたった165円~※という圧倒的な低価格で、最新の業界データを一瞬で手に入れることができます。

ぜひ、今までの煩わしい調査から解放される魔法のような調査体験を経験してみてください。
もっと予備校のサイト傾向を知ろう!

絶対に欠かせない!サイトのコンテンツについて

予備校の特徴ページのコンテンツ

5サイト中5サイトで必ず記載されているのが、「予備校の特徴」です。

● 特徴・ポイント

上記のように、予備校のコンセプト・特色、選ばれる理由などがまとめられており、ユーザーに向けた「強み・売り」を伝えるページとなっています。予備校を探しているユーザーの中には、最初から通いたい場所が決まっている人と、複数の中から選ぼうと考えている人などにわかれます。特に、複数の予備校から選ぶ場合、比較検討した際に「この学校に通いたい」と思えるような価値がなければ選ばれませんので、他の予備校にはない特徴や特色をページ内で全面的にアピールしましょう。

合格実績・体験談のコンテンツ

「合格実績・体験談」のコンテンツも、予備校のサイトに欠かせないコンテンツのひとつです。

● 合格実績・体験談

この予備校に入りたい、と決めている状態であっても、本当にこの通信講座サイトで受講するべきか迷う人もたくさんいます。
どんなにカリキュラムやプランが良くても「実際のところどうなの?」と不安に思うのは人間の性。

そんな時に、合格実績、受講したことがある人の体験談や合格者の声(第三者の意見)があれば、ユーザーの不安を取り除き納得した上で受講するか判断してもらえます。より信ぴょう性を危惧する人は、比較サイトやSNSを用いて自分で調べるかもしれませんが、サイト内でレビューや評価を集めて掲載すれば、ユーザーが受講するか判断する際の手助けができます。

あと一押しをしてあげるためにも、「実際に予備校を受けた人の感想」「合格者の声」があると、ユーザーは「私も同じように合格したい」「楽しく勉強したい!」と前向きな気持ちになれるので、悩んでいるユーザーに大きく刺さるコンテンツになります。

授業に関するページのコンテンツ

通いたい予備校を決める際に気にするのが「授業内容」です。

「予備校に通ってみたいけど、自分のレベルに合った授業が受けられる?」と不安に思っているユーザーも少なくありません。
予備校には、現役合格を目指すクラスと、高校を卒業したクラスがあります。基本的に、一緒に学ぶことはありませんが、時間帯によってはすれ違うこともあるでしょう。どういった注意点があるのかも、授業内容と一緒に明記しておくと、ユーザーにとっても予備校側としても後々のトラブル等を防ぐことに一役買いますよ。

予備校サイトの集客やプロモーション方法

予備校をプロモーションする方法として、大手企業であればマスメディアを利用したプロモーション方法を活用していることがあります。また、人気モデルやタレントさんを起用してイメージキャラクターになってもらったり、コラボレーションをしたりして、プロモーションしている予備校も多いです。一時期、流行にもなった予備校講師もいますよね。近年は、インターネットが発達したこともあり、マスメディアやチラシなどの方法以外に、インターネットを使ったプロモーションをして集客をしていることもあります。

アナログ的な集客方法以外で良く行われているのが「ソーシャルメディア広告」「リスティング広告」などです。

特に、ソーシャルメディア広告は、予備校を利用するターゲットユーザーとの相性も良いことから、多くの企業で活用されています。
ソーシャルメディアによるプロモーションの強みは、届けたいユーザーに詳細にターゲティングして広告を見せられる点です。年齢、性別などはもちろん、様々なデータを基にターゲティングできるようになっているので、活用しているサイトも多くなっています。

予備校の運用SNSを見てみると、以下の通りでした。

予備校サイトのSNS運用状況

サイト 運用SNS
Instagram Twitter Facebook LINE YouTube TikTok
A
B
C
D
E

TwitterとLINEを運用しているサイトが多く、次いでYouTubeとなっています。また、日々の勉強やスキルアップなどについて呟いている人も多く、幅広い年齢層に対して露出する機会を増やせるのでおすすめです。定期的に利用してくれるユーザーが増えたり、自発的に友人や知人に紹介してくれたりするなど、様々な良い効果が期待できますので、SNS運用及びソーシャルメディアのプロモーションを試してみてはいかがでしょうか。

予備校業界の現状と今後について

塾や予備校業界は、少子化による市場の縮小、2020年度の教育改革、グローバル人材の需要の高まりなどを背景に、新たな時代への適応が求められています。

受験指導に強みをもつ大手予備校では、生徒一人ひとりのニーズに応える授業が人気です。一方、個別指導がなかなか難しい、地方の中小の塾や予備校にとっては厳しい状況が続いています。また、教育制度改革が予定されており、大手塾・予備校は語学教育や新大学入試に対応して、どんどん売上を伸ばしていくと考えられます。今後、塾・予備校では二極化が進み、将来的には市場は縮小されていくことが予測されています。

また、新型コロナウィルスの影響により、オンライン授業も日常的に取り入れる機会が増えています。オンライン授業が加速化することで、よりWebサイトは重要な立ち位置になってきますので、今から注力して取り組んでいくと良いでしょう。

新しい需要に対応できれば、売上が上がるチャンスとなります。
今のうちにユーザーがいつでも使いやすく、探しやすい予備校のサイトを制作したり、オープンさせたりして準備をしておきましょう。

そして、より良いサイトで売上に効果をもたらすためにも…。
ぜひ、あなたも他社サイトの情報を調査して「人の心を動かす」魅力的なサイト制作をしてくださいね。

data maisonは月額165円からご利用いただける個人向けサブスクリプション・モデルです。

ひとつ調べたい項目があった場合、100サイト分調査するのに、おおよそ1日かかります(1サイト5分としても)。
それが40項目において100サイト分調査するなら、おおよそ2ヶ月(40営業日)かかります。
そのために専用の派遣社員やアルバイトを雇ったとしましょう。
時給2,000円の社員に毎日8時間×2ヶ月(40営業日)、この調査業務を行ってもらった場合、以下の計算になります。

40項目の調査を100サイト行った場合、
 期間:2ヶ月の調査+統計整理 で 費用:640,000円(諸経費除く) 
これがdata maisonを利用した場合、
 期間:即時 で 費用:月々200円(税別)

時間も2ヶ月の無駄を省き、費用も約1万分の3(=0.03%)まで削減できます。
これは経営者にとっても、Webマーケティング担当者にとっても、デザイナーにとっても、営業マンにとっても、めちゃくちゃ効率的ですよね。

時は金なり! 出る金は制すなり! です。

さぁ、今すぐ業界データを購入しよう!

気になる業界プランを購入!

今すぐ最新の業界データを手に入れよう!

data maisonは、圧倒的な
低価格で同業サイトを徹底分析

かんたん登録で、登録したその月から最新のデータが手に入る!
簡単3ステップ

Webサイト調査を手軽に簡単に

※ ご契約にあたり初回契約期間は3ヶ月から。
以降月次更新となります。

※ 対象となる業界やWebサイトによって月額が異なります。

※ 価格は全て税込です。

  • ビッグデータ
  • 業界データ
  • 個別データ
  • 最新データ
  • 過去データ