HTML／CSSで音楽教室のホームページを作成しました。
担当
コーディング
サイトの目的
このサイトは、レッスンコースや講師紹介、教育理念、よくある質問、お問い合わせページを設けることで、利用者が必要な情報をスムーズに確認できる構成になっています。音楽を習いたいと考えている人や保護者に教室の魅力を伝え、安心して入会や体験レッスンの申し込みができるようにすることを目的としたサイトです。
ターゲット
幼児から小学生の子どもを持つ20〜40代の保護者を主なターゲットとしています。また、趣味やスキルアップのために音楽を習いたい中学生・高校生・大人も対象です。
デザインについて
このサイトは、ピンク・赤・オレンジを基調とした明るく親しみやすいデザインになっています。音符やイラストを取り入れることで、音楽教室らしい楽しい雰囲気が伝わります。トップページには大きなメイン画像が配置されており、教室の特徴が一目で分かるため、初めて訪れた人にも内容が伝わりやすい構成です。また、レッスンコースや講師紹介、よくある質問、お問い合わせなどがナビゲーションに整理されていて、目的のページへ移動しやすくなっています。サイドメニューや見出しには同じデザインが使われているため、サイト全体に統一感があります。写真も多く掲載されており、教室の雰囲気やレッスンの様子をイメージしやすい点も魅力です。
コーディングについて
今回のコーディングでは、見た目だけでなく、利用者が迷わず目的の情報にたどり着けるような構成を意識しました。共通パーツを活用して統一感を持たせることや、HTMLを分かりやすく記述することの大切さを学び、保守性や使いやすさも考えながら制作しました。今後はレスポンシブ対応やアニメーションなども取り入れ、より完成度の高いサイトを制作していきたいと考えています。