Works / 着付け教室(日本語・英語)
着付け教室のホームページ制作例
習いに来る人にも、旅で来る人にも。
「着付け教室 ○△□」は架空のお店です。実際に動くデモサイトで、スマホでもお試しいただけます。
○
想定したお店
京都の町家の1階にある着付け教室。日本の生徒さんが通う教室で、海外からの観光客の着物体験も受けています。講師は師範と弟子の3名です。
△
サイトのねらい
日本語のページは習いごとの入会に、英語のページは旅行中の着物体験の予約につなげます。1つのサイトで、2つのお客さまを迎えます。
Points
このサイトの4つのポイント
1まずは90分の体験レッスン
体験レッスン・基礎・応用の3つのコースと月謝を並べ、最初の一歩を体験レッスンにしぼりました。
2師範と講師の紹介
師範は特別なカードで、2名の講師は並べて紹介。「どんな先生に習えるか」が伝わり、安心して申し込めます。
3体験の流れを、町家の順路で
玄関 → 着物選び → 着る順番を習う → 縁側で一枚 → お茶とご相談。教室の中を歩くように、流れを見せました。
4英語のページと予約フォーム
観光客むけに、英語で書いた別ページを用意しました。日付・人数・身長を入れて予約でき、WhatsAppやメールでも問い合わせできます。
Pages
ページの構成
- トップ(教室・コースと月謝・講師・生徒さんの声・体験の流れ・よくある質問・アクセス)
- 英語のページ(着物体験・料金・予約フォーム・行き方)
- 特定商取引法にもとづく表記(日本語・英語)
- プライバシーポリシー(日本語・英語)
Design
デザインのくふう
- ○色
- 朱・藍・墨を生成りの上に。ロゴの筆の色をそのままサイト全体に使いました。
- △文字
- 見出しは縦書き。和の教室らしさを、文字の向きでも伝えます。
- □かたち
- 襖が開くような最初の画面と、絵巻のように横に流れる一日。ほかのデモとは違う、和の動きにしました。
Arise Tools
このデモで使っているツール
ホームページとは別に、ツールだけの導入もできます。
Plan
このくらいのサイトなら、このプラン
STANDARD
スタンダード
HTML+microCMS・5ページまで
例:トップ・メニュー詳細・こだわり・お客さまの声・よくある質問。お店の魅力をページを分けて伝えます




