あけぼのピアノ教室
ピアノ教室の宣伝
概要
これは何？
ピアノ教室を宣伝するためのwebサイト
背景と目的
ピアノ教室は音楽教室が絶頂期だった昔に比べれば、全体の生徒数は大幅に減っている。最近は大手の教室から個人教室への変更はあるとはいうものの、生徒数が少ないことには変わりない。実際半数以上は20名もいない現状である。福岡県福津市あけぼのにあるピアノ教室も卒業・就職などの影響によって近隣の生徒が減ってきている。新たにwebサイトでの募集を始めることによって近隣の生徒のみでなく違う地域からの生徒も募集出来ると考えた。
Webサイトでレッスン風景・講師，手頃な料金などを紹介して生徒数を増加させ，個人ピアノ教室を経営している方々がサイトを自作する時の参考になることが目的である。
3年次のwebサイトは検索してもヒットしなかったので，４年次では一般公開に向けて，マルチページの作成や新たなコンテンツを追加していく。
コンセプト
webサイトから知った人でも分かりやすいサイト
成果物の仕様
webサイト
制作ツール
Adobe Xd
Visual Studio Code
HTML
CSS
JavaScript
プロジェクトの期間
2024.5.10
まとめ
前期最終発表
中間発表ではサイトにまだダミー文字だけで画像などが何もなかったが，遠くから来てもらう際のアピールポイントなど中間で物足りないと言われた点を含め，完成させることができた。トップページの物足りなさ，シンプルすぎる文章などが次の課題だと思う。今回の最終までに一通り完成はしたが，git hubアップロードした際の画像表示バグの改善ができなかった。
後期中間発表
これまで一貫してきた枠の中での情報表示，楽しめるような色合いを一度考え直すために，柔らかいイメージであったり，情報，ビジュアル，ナビゲーションの３つの観点から再度見つめ直し、より万人ウケするようなサイトを作成することができました。これからの課題としては枠をなくすことによってさらにシンプルなサイトになったので，テキストであったり，写真，動画の配置を試行錯誤して，サイトに訪れた人がピアノ教室を詳しく知れるようなものを目指していく。
調査
現状調査
- webサイト
- 個人のピアノ教師のwebサイトは調べた範囲では多くは存在しない，大きなサイトに何個も掲載されており少しの文章と顔写真などが多い。
- YamahaMusicLessonなどの有名どころは一つのwebサイトを持っている。
- どこの家にもグランドピアノが設置してあるのが当たり前になっている（設置済み）
- 月謝
- 始めた技術によるが、平均8800
- いつの時間が空いているかが一眼でわかるサイトもある
- ピアノ教室
- 主に地域の知り合いの子供が生徒
- コロナに関係なく地域の子どもの年齢が上がっているので卒業，就職などで辞める方が多い
- 生徒数への大きな現象はあまり見られないが、個人教室等の生徒数が少ないのには変わりはない
ピアノ教室生徒数
4年次
- Google Search Consoleに登録しないと検索にヒットしないことがある。
先行事例
- 生徒募集はYamaha・カワイ、はwebサイトで教室検索や問い合わせができるようになっている。
技法・技術情報
プロジェクト管理
スケジュール
スケジュール
ToDo
マルチページの作成- 追加コンテンツの掲載
- Google Search Console（グーグルサーチコンソール）への登録
進捗記録
2024.11.29
進捗記録
- 掲示板のページを作成したが，嵐などの考慮も考え削除
- TOPの動画を２個のせ，雰囲気と手の教え方を二つ掲示した。
2024.11.22
進捗記録
2024.11.15
進捗記録
- サイトの細かな部分に加えて地域のことについて軽く触れられるようなサイトへの変更
- ハンバーガーメニューの色を白から黒への変更
2024.11.8
進捗記録
- 研究の仕方をただ生徒を増やすだけの目的でなく，参考にできるようなサイト作成の手本を研究という方面への変更
2024.11.1
進捗記録
- TOPの動画が明らかに顔を隠しているような動画だったので角度を変えての撮影
2024.10.25
進捗記録
2024.10.18
進捗記録
- 講師紹介のプロフィール写真・動画の画角の見直しが必要
- トップページにレッスン風景の動画を倍速にして載せた
これまでの写真と同時起用するか迷ったため比較↓
2024.10.11
進捗記録
2024.10.4
進捗記録
2024.9.27
進捗記録
- ハンバーガーメニューの追加
- メインカラー・文字カラーの変更
- htmlの整理整頓
2024.9.20
進捗記録
今後の改善点
- ビジュアル
- 画像を動かす・画像の入れ方によって工夫
- 色味を変えることによってクオリティを上げれる(背景は白に統一する）
↑によって枠をなくす
- 情報
- ナビゲーション
- ハンバーガーニューの追加
- スマートフォンで閲覧する際の配慮
2024.7.19
進捗記録
- サイト更新
- 試作品の新たな写真の導入など
- ハンバーガーメニューの追加
2024.7.12
進捗記録
2024.7.5
進捗記録
- サイト更新
- 試作品完成
- メニューバーの変更（常にすべてのメニューバーの表示）
2024.6.28
進捗記録
- サイトに入れる要素
- ピアノ教室について
時間調整可能
短期間可能
年一回の発表会
- レッスン案内
楽譜料金なし
最初から習いたい曲を学べる
教室が２個ある（福津市・宗像市）
実際に障害のある生徒もいる
2024.6.21
進捗記録
2024.6.14
進捗記録
- 遠くても来てくれる要素
- 料金のやすさ（入会金無し）
- グランドピアノとアップライト両方でのレッスン
- 15時〜21時までの時間調整可能
- 最初から習いたい曲を学べる
- 短期間のレッスンも可能
- 楽譜第無料
- 年一回の発表会
2024.5.31
進捗記録
2024.5.24
進捗記録
- サイト構成(マルチページ）
- 生徒の声・生徒の成長・賞，これらを一つのページに（生徒）
- 料金案内
- レッスン案内
- 送迎車・住所
2024.5.17
進捗記録
- サイトマップ作成
- 追加できそうなコンテンツ（大手にはあるが現在ないコンテンツ）
- 生徒の声
- 入会してからの流れ
- 講師のLINE掲載
- 生徒の成長やこれまで生徒が取ってきた賞
- 保護者の送迎の案内
2024.5.10
進捗記録
2024.4.26
進捗記録
- 案出し
- ３年の続き（ピアノ教室改良）
- 科学技術は進歩し続けるが，ファッションなどの流行りはなぜ巡るのか
2024.4.18
進捗記録
2024.4.12
進捗記録
メモ
htmlをシンプルに一新する
その後 css
写真の幅や、文字との感覚、本を読んで勉強
自宅の宣伝を研究ではなく、こんなふうに宣伝すると人が集まる！といった研究にしたら良い。
トップの動画が明らかに顔を映していないのが丸わかりなので、なんなら手元だけを写すような漢字に編集すると良い。
もっと地元の人へのサイトとして作成するといいかも。
ハンバーガーメニューにすることによって他の情報があるかわからなくなってきたから他の情報があるよ！っとわかりやすくすると良い。
トロフィーの写真を横で撮り直す。
動画を撮る
