トップページへ戻る

個別指導塾サイトのデザイン・コンテンツを解説!

この記事を書いた人 :

個別指導塾サイトのデザイン・コンテンツを解説!

「新しい塾のサイトを作りたいけれど、何から始めたら良い?」
「もっと使いやすく、わかりやすいホームページに変えたい」

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

Webサイトを訪れたユーザーが「今すぐ学びたい!」と思うような魅力的なサイトを一緒に作っていきましょう。
※今回は「個別指導塾」で検索をして上位に表示された5サイトを確認しています。

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

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

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

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

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

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

※ 価格は全て税込です。

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

個別指導塾サイトのデザイン・UI

メインビジュアル

検索上位に表示している個別指導塾のサイト(5サイト)を確認したところ、ファーストビュー(スクロールせずに画面に表示される部分)には、商品を紹介するメインビジュアが設定されていました。

●メインビジュアル例

メインビジュアルの内容としては「個別指導塾の雰囲気が伝わる写真」や「期間限定のキャンペーン案内」などの画像が3~4枚分設定され、スライドショー形式で表示される傾向にあります。

上記のメインビジュアル例として、「東京個別指導学院」や「明光義塾」では、メインビジュアルのトップに講師と生徒が並んで勉強を行っている画像を設置しています。さらに「明光義塾」の場合は、メインビジュアルと共に期間限定のお得なキャンペーン案内の画像を表示しています。

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

サイトカラー

個別指導塾サイトのサイトカラーを調べて見ると、以下のような結果になりました。

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

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

ベースカラーは「ホワイト」が設定されていました。ロゴやメインカラーは「ネイビー」や「レッド」「ブルー」などのカラーが多い傾向です。
また、アクセントカラーには、メインカラーと同じカラーが使われていました。個別指導塾のサイトは、ターゲットとしている年齢層の違いによって、サイト全体のカラーリングも異なってきます。

ブルー系をベースに使っているサイトは、比較的年齢層が高めのユーザーをターゲットにしているサイトということもあり、全体的に落ち着いた印象のサイトカラーになっていると考えられます。一方、イエローやレッドをメインカラーにしているサイトは、やや年齢層が低めのユーザーがメインターゲットでもあるため、ポップな明るい印象を与えるサイトカラーになっていると考えられるのです。

このように、サイト全体のコンセプト・メインターゲットを考えて、ユーザーに「どう見せたいか」を考えた上で、あなたのサイトに合うカラーを選ぶようにしてくださいね。

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

個別指導塾サイトのフォントサイズ・フォントファミリーを調べてみたところ

●5サイトのフォント

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

個別指導塾のサイトで使われていたTOPページ内のフォントサイズの平均は15pxでした。
調べたサイトの中で最小サイズは14px、最大は17pxで、ほとんど違いがなく標準的なフォントサイズに設定しているサイトが多いようです。また、フォントファミリーを調べてみたところ「游ゴシック」や「ヒラギノ角ゴProN W3」「メイリオ」などが採用されていました。

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

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

今回は、あくまでも5サイトをまとめた調査の傾向値でしかありません。

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

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

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

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

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

絶対に欠かせないサイトコンテンツ

個別指導塾の特徴ページのコンテンツ

今回調査した6サイトで必ず掲載されていたのが「個別指導塾の特徴ページ」です。

●個別指導塾の特徴

上記のように、個別指導塾のコンセプトや特徴、選ばれる理由などが必ず掲載されています。
これは、個別指導塾からユーザーに向けた「スクールの強みや売り」を伝えるページとなっており、サイト内で欠かせないコンテンツのひとつです。

なぜなら、個別指導塾を探しているユーザーの中には、最初から通いたい個別指導塾が決まっていて情報を集めている人と、特に決まっておらず迷っている人などがいるためです。どの個別指導塾に通ったらいいのか迷っている人に対しては、複数の個別指導塾と比較した際に「特徴」がなければ印象にも残らず選ばれません。また、特徴があったとしてもサイト内でしっかりアピールできていなければ、ユーザーもわかりません。

そのため、ユーザーに知ってほしい、「この個別指導塾ならではの特徴、強み、売り」などを伝えるために「個別指導塾の特徴」ページは欠かせないコンテンツとなっているのです。

入塾までの流れ

入塾を希望するユーザーの多くが知りたいと思うのが「どうやって入塾すれば良いのか?」ということです。

●入塾までの流れ

基本的に、どのサイトでも同じような流れになるはずですが、入塾の流れが記載されていない場合、疑問を持ったユーザーは不安になって、申込をやめてしまう人も出てくるかもしれません。そうならないためにも、「入塾の流れ」をまとめたコンテンツがあれば、ユーザーは安心して利用できるでしょう。上記の例のように、詳細に伝えたい場合は、イラストや写真、テキストを交えながらステップごとに分けて当日までの流れを紹介してあげましょう。

「授業内容・料金」に関するコンテンツ

ユーザーが学習塾を決める際に気にするのが「どんな授業のプランがあるのか?」「料金はいくらなのか?」といったことです。

●授業料について

例えば、上記のように授業料についてどうやって決めるのかを、ステップごとに紹介しています。個別指導塾の場合、それぞれの生徒に合わせた内容で勉強できるようにするため、料金も異なります。授業料に含まれるものが一体なんなのかがわかるページを用意して、どれくらいの費用がかかるのかをユーザーにしっかり伝えましょう。

「自分に合ったプランはある?」「料金は高くない?」など、様々な想いがあります。入塾に対して不安に思っているユーザーも少なくないため、できるだけ取り除ける不安があるのなら最初からなくせるようにサイト側で用意をしてあげましょう。料金やプランに納得した上で、入会をしてもらうことが大切です。

個別指導塾のサイトの集客やプロモーション方法

個別指導塾のサイトのプロモーションする方法として、マスメディアを利用したプロモーション方法があります。今回調査した個別指導塾のサイトの企業は、大手企業が多いためテレビCMや雑誌などで広告を見ている人も多いのではないでしょうか。ただし、個別指導塾は大手ばかりではないため、マスメディア以外を使った方法として、インターネットを使った「リスティング広告」「ソーシャルメディア広告」などが挙げられます。

個別指導塾で運用しているSNSを見てみると、以下の通りでした。

個別指導塾サイトのSNS運用状況

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

Twitter、Facebook、LINE、YouTubeの主要なSNSは運用となっています。
すべてのサイトで利用されているTwitterの投稿内容の傾向は、次々に打ち出されるキャンペーン案内やイベントシーズンのお得な情報などです。Twitterの利用者は幅広い層がいるため、キャンペーンを打ち出す際にも広報しやすく非常に使いやすいSNSとなっています。

最近は、YouTube広告に個別指導塾の広告が出ることも増えています。新規契約につながるターゲットが多く利用するSNSだからこそ、各社アカウントを運用したり、チャンネルを開設したりしているのです。

また、SNSはユーザーともコミュニケーションを取りやすいツールです。
すぐに効果が出るわけではありませんが、潜在顧客やファンの育成にもつながります。定期的に利用してくれるユーザーが増えたり、自発的に友人や知人に紹介してくれたりするなど、様々な良い効果が期待できますので、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サイトによって月額が異なります。

※ 価格は全て税込です。

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