サロン専門ホームページ制作

スマホで見やすく、予約しやすく

「ここに行ってみたい」を、迷わず予約へ。

メニュー、料金、場所、予約方法。お客様がスマホで確かめたいことを、探しやすい順番に整えます。

  • 読みやすい文字
  • 押しやすいボタン
  • 予約先への案内を整理
画面と図解で見る
美容室でお客様とヘアスタイルを相談するスタッフ
MOBILE & RESERVATION

知りたいことを、探す順番に

お店を知る。
来店を思い描く。
予約方法を選ぶ。

写真で雰囲気が気になったら、次はメニューと料金。場所や営業時間を確かめて、いつもの予約先へ。スマホの中に、お客様が迷わず進める順番をつくります。

  1. 何ができるお店?

    得意なメニュー、料金、所要時間。

  2. 通える場所・時間?

    最寄り駅、駐車場、入口、営業時間。

  3. どうやって予約する?

    お店の受付方法へ、わかりやすく案内。

SAMPLE SALONHAIR & CARE
明るい自然光とプラム色の椅子を組み合わせたサロンのイメージ

いつもの髪に、
わたしらしさを。

1
メニュー・料金内容と所要時間を確認
2
アクセス・営業時間駅からの道順・駐車場
3予約方法を見る
スマートフォンの画面構成例

ボタンの先で、何ができるか

「予約する」のひと言で、
ひとまとめにしません。

日時を選びたい方、まず相談したい方。目的に合う入口を用意し、押した後にすることまで伝えます。実際にお使いの予約サイト・LINE・電話に合わせて設計します。

受付方法に合わせた、ボタンと案内の例

日時を選びたい

予約サイトで空きを見る
お使いの予約サイトへ

予約の手続きは、リンク先で行います。

先に相談したい

LINEで友だち追加
追加後、トークで相談

LINEで相談を受け付けるお店の場合。

電話で確認したい

電話で問い合わせる
電話受付の時間も併記

営業時間と受付時間が異なる場合も明確に。

友だち追加だけでは、予約完了になりません。相談の入口と予約手続きの入口を区別し、お店の受付方法に合った説明を添えます。

読むことも、押すことも

小さな画面に、
窮屈さを持ち込まない。

長い説明は見出しで区切り、文字のまわりには余白を。本文は画像に埋め込まず、画面に合わせて読みやすく表示します。

押す場所を十分に確保し、隣のボタンとの間にも間隔を設けます。写真の表示の重さにも配慮し、実際のスマホ幅で確認します。

文字と操作の見せ方
はじめての方へ

メニューに迷ったら。

なりたい雰囲気や、
普段のお手入れのことから
ご相談ください。

相談方法を見る

読みやすい行間と、押しやすい余白。

制作で一緒に整えること

お店の内容に合わせて、
形にしていきます。

相談から公開までの流れ
  • お客様が知りたい情報の優先順位
  • メニューから予約までの導線
  • スマホでの文字・余白・操作性
  • 営業時間とアクセスの見せ方

お店の予約方法に合わせて、使いやすいサイトへ。

新しくお店を始める方も、今のホームページを見直したい方も。
まずは、お店のことをお聞かせください。