ホームページデザイン
パソコン版


スマートフォン版


「ホームページを通じて、もっと多くの生徒様と出会いたい」という思いから、リニューアルのご相談をいただきました。
そこで、これからの時代を見据え、AIにも正しく理解されるホームページ設計を意識しながら、教室の魅力が伝わる構成へと見直しました。
また、生徒さんが自分に合った講師を探しやすいよう、サクサク動く講師検索の仕組みを導入。
親しみやすい色使いやイラスト、温かみのある「お客様の声」も取り入れ、教室の雰囲気が伝わるホームページへと整えました。
これから楽器を始めたい初心者の方から、さらに腕を磨きたい経験者まで。
子どもから大人まで音楽を楽しめる教室の魅力を、ホームページという形でお届けすることがテーマとなりました。




明るさや楽しさを感じてもらいながら、安心感も伝わるよう意識してデザインしました。今回はイラストが活きるデザインになるように心がけました。
配色では黄色のメインカラーを活かしつつ、ボタンやリンクにはオレンジを使い、楽しさのある雰囲気と視認性の両立を意識しました。
また黄色を基調としたデザインの中で、水色が視線を引くアクセントになるよう配色を調整し、あしらいには丸みややわらかさを持たせました。
見た目だけではなく、とにかく使いやすいサイトづくりを心掛けました。
元のサイトは、自動更新されるところが手動変更になっていたり、構造が複雑で修正箇所が見つけられないなど、さまざまな問題がありました。
なので、構造はとにかくシンプルにして、クライアント様がご自分で簡単に更新できるように、WordPressのカスタマイズやデータの紐付けを行いました。
また、SEOだけではなくAI検索も意識した構造化データにより、成果を最大化できるようにコーディングしました。
ホームページを訪れた方に、音楽の楽しさやレッスンの明るい雰囲気が伝わり、「楽しそう」「通ってみたい」と感じてもらえるように意識してイラストを制作しました。 配色には明るくはっきりとした色を使用し、楽器を演奏する人物がいきいきと楽しんでいる様子が伝わるよう、ポージングも工夫しています。 また、口元のない抽象的な絵柄のため、動きや雰囲気から感情が伝わるよう意識して表現しました。