- category
- ダンススクール
- 制作期間
- 約2ヶ月
- URL
- https://stageart.org/
ダンススクール様ホームページ新規制作を行いました。
神戸市三宮で開校ダンススクールを開校するに伴い新規でホームページの制作を行いたいというご依頼をいただきました。
2月の開校を目標とするため、ホームページは約1ヵ月前から公開したいというご希望をいただきました。コンセプトは大手テーマパークに在籍するダンサーの方々がただレッスンを教えるだけでなく、レッスンを通して小学生から社会人の方までが卒業時に開催される1つの舞台を作り上げてゆくという、エンターテイナーを育成するという他にないコンセプトを持っているためそこをアピールしたいというご要望でした。
レッスンの流れやレッスンの種類が多いことから訪問者に対して分かりやすく説明し、楽しい雰囲気を保ちながらスクールとして信頼を感じていただけるデザインを心がけて欲しい。
スクールとしての最新の活動やお知らせ、レッスン風景やノウハウなどを随時配信したいので、CMSを導入し更に、FACEBOOKやインスタグラムとの連携も行いたい、制作依頼が開校前なので掲載できる写真が無いため写真はイメージ写真を提案して欲しいという要望もいただきました。
コンセプトやレッスン内容が伝わりやすく信頼感と楽しさを感じさせるデザインを
新しい形のエンターテイメントの提供を目標とするスクールということでコンセプトとレッスン内容に独創性があるため、理解いただくためのページの構成や流れが重要と感じました。
この場合、1ページで全ての要点をまとめたランディングページの様な縦に長いページで一連の流れを紹介したページを作り、補足説明が必要な情報は説明ページを別途制作し、部分的に誘導する構造が理解を得やすいと感じました。
トップページは説明ページとなるため、テキストボリュームが多くなりますが、ストレスなく読み進めて頂けるように文字サイズを大きくし余白を大きくとり、補足イメージをなるべく多く使用し読み疲れしないよう心掛けています。更に、スクロールに合わせて動きにエフェクトがかかるパララックスを導入することで少しでも楽しく読み進めて頂けるよう配慮しました。
スクールのリアルタイム情報を発信できるようにInstagramとTwitterの最新記事がホームページに読み込みされるように連携を行い、ホームページを自由に更新できるCMSシステムとしてWORDPRESSの導入も行いました。
後で説明しますが、スマートフォン対応も導入し、セキュリティー対策としてサーバーから無料で発行されるSSLを使用しドメイン認証をかけております。
ホームページ制作のご依頼いただいてから開校までの期間が短かったため、1月初旬にトップページの公開を行い、レッスン案内、料金案内、ニュース等のページは、公開しながらバックヤードで制作を行い、仕上がったページから順次公開するという手段をご提案致しました。
ホームページ公開後も、新たなコーナーの追加など、スクールの規模拡大に合わせてホームページをボリュームアップしやすいように心がけてページ構成、レイアウト設計を行っています。
今回の要望のまとめ
- ・ちゃんとしたダンススクールとして信頼を感じながら楽しさと興味を持ってもらえるデザインを両立させる。
- ・コンセプトやレッスンの内容が分かりやすく伝わり、読みやすさを心がける。
- ・スマートフォンでのアクセスが殆どということを想定し、スマホでの読みやすさを意識する。
- ・レッスン風景やイベント・キャンペーン情報など発信できるようにCMSを導入したい。
- ・Twitter・Instagram等を導入しリアルタイムな情報を配信したい。
スマートフォン対応について
フルリキッドレイアウトとして対応しており、スマートフォンでホームページにアクセスするとスマートフォンの画面に合わせてレイアウトが自動的に切り替わる仕様となります。
Googleが推奨するレスポンシブ対応を採用しています。
縦に長いランディングページのスマートフォン対応となるため、情報量が多いことから読み込みファイル数が多くなります。
ページの表示にストレスがかからないように考慮したスマートフォン対応を心がけています。
ページ構成
制作担当者より
新規開校に伴うホームページ制作ということで想いやコンセプトがしっかりと伝わることを意識してホームページのデザインを行いました。
ご担当者の方々が、ホームページに対して前向きで理解が深いこともあり、スムーズに制作が進みました。
資料の提供や修正指示なども素早く行っていただいたため期日ギリギリですが何とか対応できたと思います。
ありがとうございました。今後はホームページの調整やスクールの生徒様に対しての情報配信などホームページの拡張に対応いたしましす。