お店の雰囲気を うまく伝えられない
写真と言葉、余白の取り方をそろえ、静かに過ごせるお店のイメージを伝えます。
SAMPLE NOTE / SALON
お店の空気が伝わる。
予約への一歩が
見つかる。
サロンのホームページ制作サンプルを題材に、雰囲気の伝え方と、来店前に知りたい情報の見せ方をご紹介します。
サロンのサンプルを体験する別タブで開きます。予約の流れもデモで試せます。
初めてのお客様が、
来店前に知りたいことから。
このサンプルでは、落ち着いた時間を大切にするサロンを想定しました。見た目だけでなく、「ここで過ごしてみたい」と思った方が、必要な情報を確かめて予約へ進める構成を考えています。
来店前の情報が あちこちに分かれている
メニュー、スタッフ、初めての方向けの案内を、一つのサイトで確かめられるようにします。
見てもらったあと、 予約の入口が見つかりにくい
メニューやスタッフを見た場所から、予約デモへ進む入口を用意します。
DESIGN NOTES
画面に込めた、3つの工夫。
実際のサンプル画面と一緒に、情報をどう見せたかをご覧ください。
01 / 雰囲気を伝える
写真と短い言葉で、 お店らしさを最初に。
トップでは、写真と「髪を、ととのえる。静かな時間を、ひとつ。」という言葉を大きく見せています。色や書体を落ち着いた印象にそろえ、サロンで過ごす時間を想像できる見せ方です。
実際の制作では、お店の写真や大切にしていることを伺い、そのお店に合う表現を考えます。
02 / 判断に必要な情報をそろえる
メニューを見た場所で、 次の行動まで分かる。
メニュー名、サンプル料金、所要時間をまとめて表示。各メニューから予約デモへ進めるようにしています。スタッフ紹介や初めての方向けの案内も、ページ内のメニューから確認できます。
メニューを探す・内容を比べる・予約へ進む。読み手がしたいことに合わせて、情報と入口を近くに置きます。
03 / スマホから迷わず進む
予約までの流れを、 小さな画面でもたどれる。
スマホでは、画面下に「予約する」「アクセス」の入口を表示。予約デモは、メニュー、日時、内容確認の順に進む構成です。いまどの段階にいるかも、画面上で分かるようにしています。
メニューを選ぶ → 日時を選ぶ → 内容を確認
実際の予約方法は、お店の受付体制や、いまお使いの予約サービスを伺ってから検討します。
読むだけでなく、画面で試せます。
このサンプルでは実際の予約・送信・保存は行いません。
FOR YOUR SALON
あなたのお店なら、
どこから整えましょうか。
サンプルと同じデザインや機能に、そろえる必要はありません。いま困っていることや、お店の運営に合う形を一緒に考えます。
- お店の雰囲気や、得意なメニューを伝えたい
- SNS・ホームページ・予約先の案内を整理したい
- 今のホームページをスマホでも使いやすくしたい
写真や文章がまだ揃っていない段階でもご相談いただけます。
LET’S TALK
「この部分、うちのお店にも」
から、ご相談ください。
気になった画面や、今のサイトのお困りごとをお聞かせください。高崎を拠点に、対面でもオンラインでもお話を伺います。
進め方から知りたい方は、ホームページ制作・改善についてをご覧ください。
ホームページのことを相談する
ご相談は無料で承ります。
内容がまとまっていなくても構いません。