ホーム制作例個人ピアノ教室

PIANO SCHOOL / CONCEPT WORK

個人ピアノ教室の
ホームページ制作例

先生の人柄と、体験レッスンを検討するための情報が、最初の画面から伝わるホームページを考えました。

自主制作サンプル / デザイン・構成・文章設計

個人ピアノ教室ホームページのパソコン完成画面
個人ピアノ教室ホームページのスマートフォン完成画面
01 / 課題

教室の特徴が、最初の画面では分かりにくい。

レッスンや料金の情報はあっても、どんな先生が、どんな考えで教えているのかが見つけにくい状態を想定しました。保護者が最初に感じる不安を減らすことが課題です。

02 / 考え方

保護者が知りたいことから、順番をつくる。

先生の人柄、対象年齢、レッスン内容、料金、体験レッスンの順に確認できる構成にしました。情報量を増やすより、迷わず読めることを優先しています。

03 / 完成画面

写真と短い文章で、教室の空気を伝える。

柔らかな写真と余白を使い、上品すぎて距離を感じさせないデザインに。スマートフォンでも、体験レッスンへの入口が見つけやすい形にしています。

04 / そのサイトの遊び

鍵盤に触れると、音符が少しだけ現れる。

教室の案内を邪魔しない範囲で、ピアノらしさを感じる小さな反応を加えました。静止した状態でもデザインとして成立することを大切にしています。

あなたの教室に合う見せ方を、
構成から一緒に考えます。

制作について相談する