ホームページについて相談する →よくある質問 →
陶芸教室

陶芸室 凪

手仕事の写真を主役に、器の質感と教室の雰囲気を伝えるサイト。レッスン・料金の切り替えと体験予約デモを試せます。

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

仮想の陶芸教室「陶芸室 凪」のトップページ陶芸室 凪

DESIGN POINTS

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

01

手仕事の写真と日本語の余白

02

切り替えて比較できるレッスン・料金

03

スマートフォンでも試せる体験予約デモ

01

課題と情報設計

陶芸を始めたい大人が、教室の雰囲気だけでなく、時間・費用・作品の受け取りまで確認できること。 教室の考え方、レッスンと料金、器の写真、講師と教室案内、よくある質問、体験予約デモの順で構成しました。

02

見た目の工夫

HTML5 UP「Story」のコードを土台に、写真の構図、日本語の明朝体、土や釉薬を思わせる色で陶芸教室向けに作り込みました。テンプレートのライセンスと写真の出典も明記しています。 写真を拡大して器の質感を確かめられます。予約デモでは人数に応じて料金が変わり、個人情報の入力や送信なしで操作を試せます。

03

スマホ表示

縦に読む順番を設計し、写真の横スクロール、開閉メニュー、押しやすい体験ボタンを用意しました。

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

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