こんにちは。micoです。
神戸市西区にある、安藤ピアノ音楽教室様のWebサイト制作実績を紹介します。
まずはサイトをご覧ください。
安藤ピアノ音楽教室様のサイト↓
後ほどこちらのデザインについて詳細な解説を書いています。
このデザインに魅力を感じていただけた方は、解説を読み、私がどのような考えを持ってサイトを制作しているのか確認していただき、依頼するかどうかをご検討してくだされば幸いです。
（メインビジュアル）
サイトに訪れる方が１番最初に見る画面のメインビジュアル。
教室の最初の印象を与える重要な部分になります。
安藤ピアノ音楽教室ならではの特徴やレッスンで得られる力、習った先の理想の未来をキャッチコピーやテキストで表示します。
そこにデザインを加え、引き込まれるビジュアル要素（画像やグラフィック）を使用し、訪れた人の興味を引きます。
メインビジュアルはスライド式であと２種類あります。
最初に教室の理念や特色を伝えることで、その想いとマッチしない人はTOPページで離脱することもあるかと思います。
でもそれでいいんです。
マッチしない人はレッスンを始めてもすぐにやめてしまうでしょうし、それで悪い噂がたつのも気持ちがよくないものです。
TOPページには、教室の想いにマッチする”理想の生徒さん”が集まってきてくれるように、スクリーニング機能の意味も含まれています。
実際にこのサイトで運用を始められてから、安藤先生からこのようなお言葉をいただきました。
”少し遠い場所からでも通ってもらえる、選ばれる教室になってきて、本当に嬉しいです”
先生の想いとマッチした生徒さんが集まってレッスンができれば運営もしやすいですし、先生・生徒さんの両方にとっても、嬉しいですよね♡
主宰の安藤先生はピアノ教育に非常に熱心で、たくさんのメソッドを学ばれています。
生徒さんにどのような効果がもたらされるのか、TOPページ内で理解してもらえるように説明しています。
右上のナビゲーションメニュー（モバイルでは３本ラインのハンバーガーメニュー）で
サイト内の主要なセクション（レッスン料金やお問い合わせ、講師紹介、生徒さんの声など）へのリンクを提供し、お客様が簡単に移動できるようにしています。
安藤ピアノ音楽教室のレッスンコースは全部で10個と大変多いのですが、目的のコースへと迷うことなくたどり着けるように
TOPページには対象年齢の画像を配置したリンクボタンを設置したり、
コース案内のページの上にもコース名のリンクボタンを並べ、希望のコースがすぐに見られるようにナビゲーションしています。
このWebサイトのCTA（ユーザーに求める行動）は体験レッスンへのお申し込み。
ユーザーが行動したいと思ったら迷うことなくフォームにたどり着けるような設計導線を組んでいます。
新しいホームページをオープンして３ヵ月。立て続けにお問い合わせが増えているようで、サイト運用もばっちりです！！
今年の１月にはリニューアルさせていただいたのですが、2月に入ってからもこんな嬉しいメッセージをいただきました♡
こんな風に言っていただけるなんて、デザイナー冥利につきます。
見る人の立場に立って、情報を整理し、順序良くお伝えすることって本当に大切です。
今までは自作の教室サイトをお持ちだったようですが、
サイトを新しくされてからのお問い合わせが格段に増えたそうです。
もちろん、安藤先生の積極的な発信力や行動力があっての結果なんですが、
教室情報のわかりやすさ、先生の思いが感じられるサイト内容、ユーザーにとってのスムーズなナビゲーションをすることで、このような結果にもつながっていきます。
今後とも末永く安藤ピアノ音楽教室様とお付き合いさせていただき
見守らせていただけることが楽しみです♡
使用ツール
WordPress
イラストレーター
HTML＆CSS
R5.1制作開始
R5.3納品
制作期間 約2ヵ月半
サイト納品後半年で、”地域名+ピアノ教室”の検索トップになったお教室の制作事例
最後まで読んでいただき、ありがとうございました♡(^-^)
mico designにサイト制作をご依頼したい方はこちら↓
