大学受験用個別指導進学塾である
未来塾の架空サイト
Planning / WF / Design / Coding
内容：自主制作
制作期間：24日間
制作範囲：TOP / 高校3年生の個別授業 / 実績・在籍校一覧 / 卒業生の声 / よくある質問 / 入塾について / お問い合わせフォーム
使用ツール：Illustrator / Photoshop / Figma / VS Code
サイトはこちら：
github URL： https://github.com/ishizaki-web/mirai-juku
概要
架空の大学受験用個別指導進学塾である未来塾の公式サイト
コンセプト
個別指導専門の進学塾として、生徒の目標達成と大学合格を支援。プロ講師によるカスタム指導と進捗管理で、最適な学習計画を提供し、効果的な学習をサポート。信頼性と実績をアピールし、入塾希望者に利用しやすいサイトを目指しています。
ターゲット
未来塾の公式サイトは、生徒や保護者に対応しています。具体的には以下のターゲット層を重視しました。
- 志望校合格を目指す生徒：
志望校合格に向けた専門的な指導が必要な生徒を対象にしています。 未来塾では、各生徒の志望校や進学希望に合わせた個別指導を提供しており、過去問分析や模擬試験を通じて合格への道筋を示します。 志望校に特化した授業や対策を受けたいと考え、志望校ごとの傾向を理解し、効率的に学習を進めたいと考えています。 - 学習に自信を持ちたい生徒：
定期的な進捗モニタリングとフィードバックを通じて、学習の進展を見守り、生徒一人ひとりに合った具体的なアドバイスを提供します。学習の進捗を可視化し、自分の強みや弱点を把握し、定期的なフィードバックを受けて、モチベーションを維持したいと考えています。 - 将来の進路やキャリアについて考える生徒と保護者：
未来塾では、大学合格だけでなく、生徒の将来を見据えた総合的なサポートを提供しています。 進路相談やキャリアサポートを通じて、夢に向かって進むための計画を共に立てながら、 進学希望や職業目標に基づいて最適な進路を見つけ、将来のキャリアに向けた具体的なステップを知りたいと考えています。
課題
未来塾の公式サイトは、以下の課題を解決するために行いました。
- 情報の整理と視覚的な訴求：
明確なナビゲーションとユーザーに優しいデザインを採用し、各セクション（特徴、高校3年生の個別授業、実績校一覧など）を視覚的に整理し、インフォグラフィックスやアイコンを活用して情報を直感的に伝えることで、訪問者が必要な情報に迅速にアクセスできるようにします。 - ターゲットユーザーに合わせたコンテンツの最適化：
コンテンツをターゲットユーザーに合わせてカスタマイズします。高校生向けには進学に直結する情報や成功事例を強調し、保護者向けには安心感を与える情報やサポート体制を強調します。具体的な成果例や卒業生の声を効果的に活用し、信頼性と説得力を高めます。 - 信頼性と安心感の提供：
実績校一覧や卒業生の声を、実際の成果や成功事例を強調します。加えて、個別指導のプロフェッショナルチームや進路相談のサポート体制についての詳細な説明を提供し、信頼性を高めます。
目的
受験生とその保護者に対して、未来塾が提供する高品質な教育サービスを効果的に伝え、興味を惹きつけ 利用者の学習支援と目標達成をサポートすることです。具体的には、 個別指導のプロフェッショナルチームと、専門知識と経験豊富な講師陣が提供する カウンセリングとカスタム指導について詳しく説明すること。質問対応や学習サポートの内容を明確にし、 受験生のモチベーション維持と目標設定の支援方法を紹介すること。定期的な進捗モニタリングとフィードバックセッションの 重要性を伝え、学習の進展を見守る具体的な方法を示すこと。進路相談やキャリアサポート、保護者との連携など、 未来塾が提供する総合的なサポート体制について詳しく説明し、個別カウンセリングと学習計画の立案を通じて、 受験生が自信を持って目標に向かって進むための具体的なサポート方法を紹介するとともに、経験豊かな教育専門家とカウンセラーがいることを強調し、 未来塾の信頼性と高い教育品質を伝え、保護者や生徒との連絡手段を提供し、質問対応や学習サポートを通じて、双方向のコミュニケーションを促進すること。 これらの目的を達成することで、未来塾の公式サイトは、訪問者に対して明確で効果的な情報提供を行い、エンゲージメントを高め、信頼性を構築することができるWEBサイトを作ることを目的としています。
情報設計
未来塾の公式サイトにおける情報設計は、訪問者が必要な情報に迅速かつ簡単にアクセスできるようにするために重要です。 未来塾の概要と主要なサービスを簡潔に紹介し、ユーザーがサイト内でのナビゲーションを理解しやすくするために、 未来塾の強みを簡潔に伝えるキャッチコピーとビジュアル、 個別指導の特徴、無料体験の案内、進学サポートなどの主要なサービスを簡潔に紹介し、 無料個別授業体験や問い合わせフォームへのリンクを目立つ場所に配置しました。 未来塾のユニークな特徴やメリットを詳しく説明し、訪問者に対して信頼感を与えられるように、 講師陣の専門知識や経験、カスタム指導の特徴を紹介したり、 進捗評価の方法やフィードバックのプロセスを説明や進路相談やキャリアサポートについての情報を提供する内容を設けています。 高校3年生向けの具体的な指導内容や授業の特色を詳しく紹介するために、 模擬試験の内容、形式、フィードバックの詳細など 志望校に応じた指導計画や対策方法や進路相談のプロセスやサポート内容を説明するなど、 未来塾の実績を示し、信頼性を高めるため、合格実績のある学校の名前や概要を掲載し、特に成果を上げた生徒の事例やコメントを紹介しています。 ユーザーがよく抱く疑問に対する回答を提供し、情報の透明性を高める。 よくある質問とその回答を整理し、分かりやすく提示する入塾のプロセスや条件を明確にし、訪問者に対して簡単な入塾手続きを提供する。 入塾の手続きや必要な情報を説明しています。 ユーザーが簡単に問い合わせや申し込みを行えるようにするため、 名前、メールアドレス、問い合わせ内容などの入力欄や電話番号やメールアドレスなど、他の連絡手段も併せて提供しています。
デザイン
