幼児教室 ことのめ【デザイン見本】
弊社で制作する幼児教室のデザイン見本です。
クライアント
幼児教室 ことのめ様（仮名）
完成
2026.10
業務
新規制作
クライアント
幼児教室 ことのめ様（仮名）
完成
2026.10
業務
新規制作
課題と背景
※本件はBSP Design によるホームページデザイン見本です。教室名・講師名・料金・保護者の声・連絡先等はすべてサンプルです。
2〜6歳を対象にした、少人数制の幼児教室を想定したデザイン案です。ことば・英語・音楽・運動・造形・絵本の6つの学びを、1クラス6名までのレッスンで行う教室。その雰囲気がわかるようにデザインを制作いたしました。保護者の方が幼児教室を選ぶ際は、カリキュラムの内容に加えて、対象年齢や月謝、通い方、教室の雰囲気などを比べながら検討します。子ども向けらしいやわらかな印象を保ちつつ、比較に必要な情報を分かりやすく整理し、体験レッスンの申し込みにつながるような設計を検討いたしました。
解決策
本サイトは、教室について・6つの学び・クラスと月謝・入会までの流れ・保護者の声・ブログ・教室案内の順で構成しました。6つの学びは写真付きのカードで並べ、レッスンの様子を具体的に想像できるようにしています。クラスは年齢別に3つに分け、レッスン時間・定員・月謝を同じ形式で並べて比較しやすくしました。体験予約から入会までの流れは5つのステップで示し、教室案内にはGoogleマップを掲載しています。「体験レッスンを予約する」ボタンはヘッダー・ファーストビュー・ページ下部に配置し、どこからでも申し込みに進めるようにしました。
デザインと機能の工夫
ミルクのような白とテラコッタ、セージグリーン、バターイエローを組み合わせた、やわらかく温かみのある配色です。セクションの境目を波線で区切り、写真をアーチ形や円形で切り抜くなど、角を減らした形で親しみやすさを出しています。ファーストビューの円形の装飾は、波線の部分で次のセクションの背景の裏に回り込むように重ねており、ページ全体のつながりを感じられるようにしました。6つの学びのカードには色分けした番号を添え、文章を読まなくても学びの種類が分かるようにしています。見出しには丸みのあるゴシック体、英字には手書き風の書体を使い、子ども向けの教室らしい雰囲気と読みやすさを両立しました。
「幼児教室・子ども向けスクール様におすすめのデザイン例です。 「子どもたちが楽しそうに通っている様子を伝えたい」 「料金やクラスの違いを、保護者の方に分かりやすく伝えたい」 そんなお客様のご要望を伺い、対象年齢や保護者の方が知りたい情報を踏まえた上で細かく設計していきます。 「こんな感じのホームページにしたい」等のご要望でも、ぜひお気軽にご相談ください」
