バレエ教室のホームページ

Ballet School Website

url : https://conservatoryofdance.info/

type : website

サイトを見る
概要
バレエを中心とした教室「Conservatory of Dance」様のリニューアルHPを作成しました。情報量が多いサイトに対して、ユーザーが求める情報にスムーズにアクセスできる設計を心がけました。また、ご要望に応じて、クライアント様自身で新着情報やギャラリー写真の投稿ができるようにプログラミングしました。
https://conservatoryofdance.info/
ターゲット
子どもの習い事を探している20代~40代の保護者。自分の習い事を探している20代〜70代の方。
担当
ディレクション・デザイン・コーディング
目的
活動を多くの人に知ってもらう。思いやコンセプトに共感してくれる方の入校を促す。
情報設計
”発表会や公演などの活動を知ってもらいたい”という思いから、新着情報をトップにし、ギャラリーや衣装部門等、様々な特徴的コンテンツを見ていただくために、アクセスしやすい設計を心がけました。
デザイン
このスクールは、子どもから大人までを対象とした本格的な施設で、生徒数がほぼ満員のため、スクールの特徴や思いに共感してくれる方々のみの入校を希望されています。そのため、スクールのシックで洗練された雰囲気をフォントやカラーで表現し、バレエの本場であるヨーロッパの雰囲気を目指しました。
映像や写真を効果的に見せるために、「MOVIE」の文字を縦に配置したり、写真をコンテンツやボタンの背景に使用するなど、視覚的なインパクトを与えています。また、テキスト量が多いため、アクセントカラーとしてオレンジを使い、目線の誘導を意識しました。
制作期間
3ヶ月(企画・デザイン1ヶ月/コーディング2ヶ月)
使用ツール
HTML / CSS / JavaScript / PHP / WordPress / figma / Photoshop