美容室・サロン
予約までの最短距離をつくる
この構成で作ったサンプルサイト
hair atelier NAGI
実際のトップページ（画像をクリックすると別タブでサイトが開きます）
サロンのサイトは、予約ボタンが押されて初めて仕事をします。どの画面からでも1タップで予約に届く形にしました。
ページ構成
- 1トップ
- 2スタイル一覧
- 3料金
- 4予約
組み立てで判断したこと
重視した点：外部予約サービスへの導線
予約ボタンを画面下に固定する
スマホでは常に親指の届く位置へ。スクロール量に関係なく押せます。
料金は「カット込み / 別」を明示
書き方が曖昧だと電話で確認が入ります。表の注釈で先回りします。
スタイル写真は縦長で比率を揃える
比率がバラバラだと、一覧が散らかって見えます。