塾サイトのリニューアルを致しました。
プロジェクト概要
ご依頼内容
既存の学習塾サイトのリニューアルに伴い、ページ構成の見直し、デザイン調整、掲載内容の整理、WordPress上での実装を行いました。
制作範囲
構成整理 / デザイン調整 / WordPress実装 / HTML・CSS調整 / レスポンシブ対応 / 文章草案作成 / コンテンツ整理 / 料金表・時間割掲載 / 既存ページ更新
制作期間
約1か月です。
4月の初回打ち合わせ後、Figmaにて構成整理・新規コンテンツ作成案・文章修正案をクライアント様とすり合わせし、ご了承いただいてから実際のサイト制作へと入りました。
使用ツール
Figma / WordPress / Photoshop / HTML・CSS
制作戦略
背景と課題
既存サイトでは、学習塾としての基本情報は掲載されていたものの、今回打ち出したい「英語・数学に特化した自立型学習支援塾」という特徴が十分に伝わりきっていない状態でした。
また、塾のコンセプト、学習スタイル、対象学年、料金、時間割など、入塾を検討する保護者の方が知りたい情報が整理されきっておらず、サイトを見ただけでは具体的な通塾イメージが持ちにくいことが課題でした。
さらに、写真やビジュアル面についても、今後の差し替えを見越しながら段階的に整備していく必要がありました。
制作の意図
今今回のリニューアルでは、サイトを訪れた方が「どのような塾なのか」「どんな学び方ができるのか」「どの学年が対象なのか」「料金や時間割はどうなっているのか」をスムーズに理解できる構成を重視しました。
特に、英語・数学特化の学習塾であることや、自立型学習支援というスタイルが伝わりやすいよう、導入部分や特徴説明の構成を見直しています。
ロゴ下には「英語と数学に特化した自立型学習支援塾」の文言を追加し、サイトを開いた時点で塾の特徴が明確に伝わるようにしました。
また、キャンペーン表示の前に導入セクションを追加し、塾の方針や特徴を理解したうえで、次の情報へ進める流れを意識しています。
デザインの根拠
デザインは、学習塾としての分かりやすさを優先しながら、保護者の方にも安心感や親しみやすさが伝わるよう調整しました。「英語と数学に特化した」という文言は、赤・オレンジ系の色で視覚的に強調し、サイトを見た方の印象に残りやすい見せ方にしています。
また、「5つの特徴」セクションではイラストを活用し、学習内容や塾の強みが直感的に伝わるよう整理しました。
全体の余白、文字サイズ、見出しの強弱も調整し、情報量が多くても読み進めやすく、保護者の方が必要な情報を確認しやすいデザインに整えています。
活用イメージ
本サイトは、学習塾・習い事教室・スクールなど、サービスの特徴や対象者、料金、通い方を分かりやすく伝えたい事業者に向けた制作例です。
既存サイトをベースにしながら、コンセプト、特徴、学習スタイル、料金表、時間割などを整理することで、保護者の方が入塾後のイメージを持ちやすいサイト構成に整えることができます。
また、段階公開を前提としていたため、先行公開時点で必要な情報が伝わる状態を整えつつ、その後の写真差し替えや最終調整にも対応しやすい形で実装しました。
「塾や教室の特徴を分かりやすく伝えたい」
「料金や時間割を見やすく整理したい」
「保護者に安心感が伝わるサイトにしたい」
「既存サイトを活かしながら内容を改善したい」
「今後の写真差し替えや更新もしやすい形にしたい」
そのようなケースに適した制作例です。
