都市部の美容室を想定
ページ全体をモノクロで通し、スタイル写真だけを色にする
ヒーローに施術写真を使わず、無人の店内をモノクロで置きました。色が出るのはスタイル一覧の1か所だけです。雑誌の見開きに寄せた構成で、視線がスタイル写真に落ちるように設計しています。料金はすべて所要時間つきで出しました。
- カラー写真を1か所に限定し、見せたい要素へ視線を集める
- 料金を「所要時間つき」で出し、その日に何分かかるかを先に示す
- 追加料金が出る条件を3つに絞って公開し、当日の後出しをなくす
Beauty
美容室・サロン・エステのホームページ制作
写真の世界観がそのまま単価になります。
Samples
美容のデザイン事例
同じ業種でも、事業の性格によって出すべき印象は変わります。方向の違う案を並べているので、近いものをお選びください。
隠れ家エステサロンを想定
売っているのは施術ではなく、90分ぶんの静けさ
「何をされるか分からないまま横になる」という、この業種で最大の障壁を先に消しました。90分を6段階の縦のタイムラインで開示しています。生成りに若草を線でだけ置き、写真は地の色に沈めました。初回限定価格は出しますが、「勧誘しません」を必ず同じ視界に並べています。
- 90分の中身を時間ごとに開示し、来店前の不安を先に消す
- 初回限定価格と「勧誘・物販なし」を同じ視界に置く。安さだけでは逆に警戒される
- 毎月通う必要がない方にはそう伝える、という方針をページに書く
ネイル・まつげサロンを想定
主題を「デザインの綺麗さ」から「持ち」に移す
3〜4週ごとに通う定期客が読む前提で組みました。最初の画面に置いたのは仕上がりの美しさではなく、持ち・オフ・駐車場という、通う人が最初に確かめる3点です。持ちの目安はメニューごとに横棒で示しました。11件で唯一、角丸と丸ゴシックで通したページです。
- 持ちの週数をメニューごとに図で開示し、比較の土俵に自分から乗る
- オフ込み・税込で表示し、当日の会計で金額が変わらないようにする
- 「駐車場4台」を店舗情報に自然に置く。郊外店ではこれが来店の条件になる
メンズグルーミングサロンを想定
売りは技術ではなく、匿名性
美容室に入りづらい男性が判断の基準にしているのは、上手いかどうかより「誰にも会わずに済むか」です。そこを最初の画面で言い切り、「個室」の中身を6行で具体化しました。メニューはサービス名ではなく悩み（薄毛・ヒゲ・肌）で分けています。黒地は士業04でも使いましたが、あちらはライムと角丸、こちらは真鍮と直角で分けました。
- 「個室」の条件を6行で具体化する。言葉だけでは信用されない
- 入口を悩みで分ける。自分の悩みの名称を知らないまま探している人に合わせる
- 料金を総額表示にし、当日の追加提案をしないと明記する
医療脱毛のランディングページを想定
美容LPの型に乗せたうえで、主張は「安さ」ではなく「増えないこと」
美容皮膚科のLPを実物で調べ直し、この業種の型に正面から乗せました。悩みタグ・六角バッジ・月々の価格・白フチ見出し・黄色マーカーといった記号は、装飾ではなく判断の手がかりとして機能しています。そのうえで主張は他と変えました。安さではなく、いただかない費用を6項目すべて0円で出すという構成です。
- 価格は「月々」を主役にし、コース総額は打ち消し線つきで添える
- 医療脱毛とエステ脱毛の違いを◎○△×の表で出す。この業種で最も検索される疑問
- 効果を断定せず、副作用と個人差を明記する。医療広告の制約と訴求を両立させる
Approach
美容のサイトで、先に決めること
作り方の土台は全業種で共通ですが、優先順位は業種で変わります。美容室・サロン・エステの場合、次の3点を設計の初めに決めます。
01
予約までの距離を最短にする
固定の予約ボタンを常時出し、外部予約システムへ最短で渡します。ここが1タップ増えるだけで予約率が落ちます。
02
地域名で取りに行く
「〇〇駅 美容室」のようなローカルキーワードは、大手ポータルが強い領域ですが、店舗の一次情報を持つ自社サイトなら勝てる余地があります。
03
メニューと価格を構造化する
施術名・所要時間・価格を表で出し、構造化データにも同じ値を入れます。AI検索が条件で絞り込めるようになります。
掲載しているデザイン事例は、Atelier Iroha が自社で制作したサンプルサイトです。
見どころ