メインコンテンツへ
Onbit
← サンプル一覧 / サロン · 若草色・うっすらとした緑

美容室 夢乃

メニューを選んでから日時を決めるサロン向け予約。担当指名・追加メニューを織り込み、合計時間と料金が動的に表示される構成のサンプルです。

30 代以降のお客さまを中心に、白髪・うねり・薄毛のお悩みに合わせたメニューを組み合わせていく美容室です。

こんな業種に向いています

  • メニューを選んでから日時を決めるサロン向け予約。担当指名・追加メニューを織り込み、合計時間と料金が動的に表示される構成のサンプルです。
  • ネット予約を主導線にしたい店舗・施設
  • 営業時間内の電話対応が難しいケース

構成

ファーストビューで店の雰囲気を伝えてから、すぐに予約 UI に入る形にしています。「メニュー選択」・「担当指名」・「合計時間/料金表示」・「次回案内」 を組み合わせて、迷わず申し込みまで進める導線を意識しました。

実装は HTML/CSS のサンプルですが、本制作では予約システム(STORES 予約 / SELECTTYPE / カスタム実装)に置き換える前提で組まれています。

live preview

プレビュー

プレビューはモバイルでは別タブで開きます。

プレビューを別タブで開く ↗

/samples-preview/resv-yumeno-salon/

related

関連するサンプル

一覧へ →

サロン の他のサンプル、または 複数セクション HP の似た構成のサンプルです。

美容室 — グレージュ・アーバン のサムネイル
サロン · アーバン・落ち着き・グレージュ + 銅 2026-05-03

美容室 — グレージュ・アーバン

都会的な美容室・ヘアサロンさん向けに。グレージュと銅色で大人っぽい落ち着き、スタイリスト指名予約までの導線を重視した構成です。

コンセプトメニュースタイリスト紹介スタイル集(ギャラリー)
ペットサロン — パステル・優しい のサムネイル
サロン · 優しい・パステル・ピンク + クリーム 2026-05-03

ペットサロン — パステル・優しい

犬・猫向けのトリミング・ペットホテルさん向け。淡いピンクとクリームで、お客さんに「うちの子も連れて行きたい」と思ってもらえる構成です。

コース紹介スタッフ・在籍ペット紹介ご利用の流れ予約フォーム

このサンプルが気になったら

このサンプルをベースに、文章・写真・色味をお客さまの事業に合わせて作り直してご提供できます。
まずは 30 分の無料相談で、構成のすり合わせから始めましょう。