『さざなみピアノ教室』のデモサイトを公開しました

音楽教室向けのホームページはどんなふうに作れるのか——それをそのまま形にしたデモサイトを公開しました。広島県竹原市にある架空の教室『さざなみピアノ教室』という設定で、トップページから体験レッスンの申し込みまでを一式そろえた、まるっと動く見本です。

▶ 見てみる: https://sazanamiworks185.site/pianodemo/

「やさしさ」を最初のひと目で伝える

ピアノ教室、とくに小さなお子さんを通わせる保護者の方がホームページで最初に知りたいのは、料金やスケジュールよりも先に「ここは、うちの子に合っていそうか」という空気感だと思います。

だからトップページは、教室の雰囲気がひと目で伝わることを何より大切にしています。レッスン室の写真を大きく置き、短いキャッチコピーを添えて、「あたたかそう」「楽しそう」という第一印象を、最初の1画面でつくる。写真もキャッチコピーも、あなたの教室に合わせて差し替えられます。水面の波紋のように、やさしく広がっていく——そんなやわらかい世界観を、配色と余白、そして音符(♪♫♩)のさりげない装飾で通しています。子ども向けでありながら、ちゃんと上品さを保つ。そのバランスを大事にしています。

1ページに、知りたいことが全部ある

体験レッスンに申し込むまでに保護者が知りたいことを、迷わずたどれるようにまとめました。

  • 教室について … 教室の特徴、レッスン風景、通っている生徒・保護者の声
  • レッスン・料金 … 体験レッスンの流れ、コースと料金、スケジュール、よくある質問(FAQ)
  • 講師・アクセス … どんな先生が教えてくれるのか、竹原駅から徒歩5分の教室までの道のり
  • 体験レッスンのご案内 … 「30分・無料・持ち物不要」を、ページのあちこちから申し込める導線に

2歳からのリトミックと、個人レッスンのピアノ。それぞれの魅力が、スクロールしていくだけで自然と伝わるように並べています。

スマホでも、きれいに・軽く

教室のホームページは、その多くがスマートフォンで見られます。だからこの見本も、スマホでの読みやすさとタップのしやすさを最優先に設計しました。写真は端末に合わせて軽く配信し、表示ももたつかないよう作り込んでいます。「ホームページを持ちたいけれど、重かったり見づらかったりするのは困る」——そんな心配のいらない土台です。

制作に含まれるもの

この見本と同じ考え方で、次のような内容を一式でお作りします。

  • エリア調査 … 地域と近隣の競合を下調べし、「どう届けるか」の方針から一緒に立てます
  • SEO対策 … タイトルや説明文、サイトの構造、サイトマップなど、検索で見つけてもらうための内部対策
  • レスポンシブ対応 … スマホ・タブレットでも崩れず、指で押しやすく、軽く表示されるように
  • 構成・原稿づくりのサポート … 「何を載せればいいか分からない」の段階から、教室について/レッスン・料金/講師・アクセスを、保護者が知りたい順に整理します
  • 体験レッスンへの導線 … お問い合わせフォームと、LINEでそのまま相談できるボタン
  • Googleマップ・アクセス案内 … 最寄り駅からの道のりまで
  • 独自ドメイン取得〜公開作業 … 常時SSL(https)や表示の高速化、SNSシェア画像(OGP)の設定まで
  • アクセス解析(GA4)の設置 … どのくらい見られているかを、公開後に確認できます

オプション(別メニュー):ロゴ・簡単なブランド整備、MEO(Googleビジネスプロフィールの整備・運用)など。ページや機能の追加は応相談です。

他のサービスとの違い

  • 縛りがない … 「初期費用0円・月額だけ」をうたうサービスは多いですが、その多くは月額をやめた途端にサイトが公開停止になります。この方式でお作りするサイトは、あなたのもの。買い切りも選べるので、"人質"のような縛りはありません。
  • とにかく軽い … WordPress や STUDIO のような仕組みと違い、Web の大元の言語(HTML・CSS・JavaScript)だけで組んでいます。余計なものを挟まない分、表示が速く、動作も軽い。スマホでもストレスなく開きます。
  • 中身まで、ちゃんと … もっと安く作れるサービスもあります。ですが、見た目だけで中身が伴っていないことも少なくありません。「誰に・何を・どう届けるか」まで考えて作っていますので、どうぞご安心ください。

料金の目安

この見本をベースに、写真・文章・色をあなたの教室用に作り替えるリメイクなら 12万円〜。ここにページや機能を追加していくと、その分だけ金額が変わります。まずはご相談で「何が必要か」を整理してから、正式なお見積りをお出しします。ご相談・お見積りは無料です。

公開したあとの保守は、2つのプランからお選びいただけます。

ベーシック|月額5,000円〜

  • 軽微な更新・修正作業 … 文言のちょっとした変更や、不具合の対応など
  • アクセスレポート … 公開1ヶ月目に初回、以降は3ヶ月ごとに、どのくらい見られているか・次の一手をご報告します
  • 近隣競合はお引き受けしません … ご契約中は、近隣で競合となる教室のホームページ制作やMEO対策はお受けしません。あなたの教室の味方でい続けるための、お約束です

プレミアム|月額10,000円

  • ベーシックのすべてを含みます
  • アクセスレポートを毎月お渡し … 変化を細かく追いかけられます
  • オンラインカウンセリング(月1回) … 数字を一緒に見ながら、次の打ち手や困りごとを相談できます

毎月の費用をかけたくない方には、買い切り(保守なしでのお渡し)も選べます。

※ 表示金額は目安です。内容・規模により変わります。

ホームページの費用は、最初の一度きり。けれど、そこから来てくれた生徒さんは、毎月通い続けてくれます。たとえば体験レッスンから入会が2人決まれば、月謝で考えると1年ほどで制作費のもとが取れる計算です。長い目で見れば、けっして高い買い物ではないはずです。

この見本を、あなたの教室の色に

公開しているのはあくまでデモですが、中身は実際に運用できるつくりです。写真・文章・料金・色味を差し替えれば、そのままあなたの教室のホームページになります。ピアノ教室に限らず、リトミック・そろばん・書道・英会話といった小さな習い事の教室や個人のお店まで、同じ考え方でお作りできます。

「うちの教室だと、いくらぐらい?」「まずは体験申し込みの導線だけ整えたい」——そんな入り口の段階から、どうぞお気軽にご相談ください。整理するところから、一緒に始めます。

▶ デモを見る: https://sazanamiworks185.site/pianodemo/