ホームページについて相談する →よくある質問 →
ホーム制作実績・制作例花のアトリエ 紬
フラワー教室

花のアトリエ 紬

季節の花と余白で、教室の空気感を伝えるサイト。写真とレッスン内容が季節ごとに切り替わります。

自主制作|架空の教室を題材に、デザイン・構成・操作を制作しました。

仮想のフラワー教室「花のアトリエ 紬」のトップページ花のアトリエ 紬

DESIGN POINTS

この制作例で意識したこと

01

花の写真と余白で伝える教室の雰囲気

02

季節を選ぶと写真とレッスン内容が切り替わる

03

料金・持ち物から体験の流れまでを案内

01

課題と情報設計

花を習ってみたい大人が、教室の雰囲気と、費用・時間・持ち物を無理なく確認できること。 季節の写真から教室の考え方へ入り、レッスン内容と料金、講師・教室案内、体験の流れ、よくある質問の順に構成しました。

02

見た目の工夫

生成りの背景と深い緑、明朝体の大きな見出しで、花の色や形を引き立てました。写真と文章を交互に置き、読み進めるリズムをつくっています。 春と秋を選ぶと、花の写真とレッスンの説明が切り替わります。季節ごとに学ぶ楽しさを、ページの中で感じられる仕掛けです。

03

スマホ表示

スマートフォンでは見出し、写真、レッスン内容を縦に配置。季節の切り替えは横並びのボタンにし、料金表と体験の流れを横スクロールなしで読めるようにしました。

あなたの教室に合う伝え方を、
一緒に考えます。

同じ業種でも、先生の考え方や対象によって、必要な構成とデザインは変わります。