FlatWorksの自社開発プロダクト
システム開発について お問い合わせ →

SALON ARIA

美容サロン予約管理システム — クラウド完結型の次世代サロン運営プラットフォーム

☁ クラウドネイティブ 📱 レスポンシブ対応 🤖 AI顧客分析 💻 マルチデバイス対応
6
管理画面
6
顧客予約画面
50+
APIエンドポイント
Admin Panel

管理画面の機能

サロン運営に必要な全機能をワンストップで提供

ダッシュボード
Dashboard

ダッシュボード

本日の予約状況をリアルタイムで把握。売上見込み、承認待ち、月間完了数を一目で確認できます。

  • 本日予約数・売上見込・承認待ち・月間完了の4指標
  • ステータスタブ切り替え(対応中/承認待ち/確定/完了/キャンセル)
  • 顧客バッジ表示(初回/リピーター/来店回数)
  • ワンクリックでステータス変更(確認ダイアログ付き)
  • カルテボタンで顧客詳細に直接アクセス
予約管理
Reservations

予約管理

全店舗の予約を一元管理。日付・ステータス・店舗でフィルタリング可能。

  • 一覧表示 + タイムラインビュー切替
  • ステータスフィルタ(確定/承認待ち/完了/キャンセル)
  • 管理者による新規予約作成(顧客紐付け対応)
  • 詳細モーダルで顧客情報・カルテへのリンク
  • 重複予約の自動チェック(DB制約+API検証)
スタッフ管理
Staff

スタッフ管理

スタッフの登録・編集・削除と、曜日別シフトスケジュールの設定。

  • スタッフプロフィール(名前・役職・自己紹介)のCRUD
  • 週次シフトエディター(曜日ごとの勤務時間設定)
  • 予約がある場合は削除保護(安全設計)
  • 店舗別のスタッフフィルタリング
メニュー管理
Menu

メニュー管理

施術メニューをカテゴリ分けして管理。料金・所要時間の設定も簡単。

  • カテゴリ別表示(カット/カラー/パーマ/トリートメント等)
  • メニュー名・料金・所要時間・説明のCRUD
  • 並び順のカスタマイズ
  • 予約がある場合は削除保護
顧客管理
Customers

顧客管理

顧客情報をカード形式で管理。タグフィルタで素早く検索。

  • 顧客カード一覧(名前・電話・来店回数・タグ)
  • タグフィルタ(新規/常連/VIP/カラー好き/パーマ等)
  • 顧客ごとのカラーインジケーター(来店回数で色分け)
  • フリーワード検索(名前・電話番号)
カルテ・AI分析
AI Insight

電子カルテ & AI顧客分析

施術カルテの管理とAIによる顧客インサイト生成。接客品質の向上に直結します。

  • 施術記録(ヘアスタイル/カラー配合/パーマ/トリートメント)
  • スタイリストメモ・会話メモ・顧客要望の記録
  • AI分析:性格傾向・スタイル好み・色の好み・会話のコツ
  • 次回施術の提案を自動生成
  • 来店回数・満足度のトラッキング
店舗設定
Settings

店舗設定

店舗の基本情報をリアルタイムに編集・反映。

  • 店舗名・住所・電話番号の編集
  • 営業時間(開店/閉店)の設定
  • 定休日の曜日指定(トグルで切替)
  • 変更は即座に予約システムに反映
Customer App

お客様向け予約サイト

直感的な操作で簡単に予約完了。スマートフォンにも最適化

サロン検索
Search

サロン検索・店舗詳細

お客様が自分に合ったサロンを簡単に見つけられます。

  • 店舗カード一覧(住所・電話・営業時間)
  • スタッフ紹介(役職・プロフィール)
  • メニュー一覧(カテゴリ別・料金・所要時間)
店舗詳細
Detail

スタッフ紹介 & メニュー

担当スタッフの情報とメニューを確認してから予約へ進めます。

  • スタッフカード(写真/プロフィール/役職バッジ)
  • メニュータブ切替(カテゴリ別グループ化)
  • 「予約する」ボタンで予約フローへ
予約フォーム
Booking

4ステップ予約フロー

迷わない直感的なステップ形式で予約が完了します。

  • Step 1: 日付選択(14日間先まで表示)
  • Step 2: スタッフ選択(指名なしも可能)
  • Step 3: メニュー選択(カテゴリ別表示)
  • Step 4: 時間帯選択 + お客様情報入力
  • 確認画面 → 予約確定 → 確認番号発行
マイページ
MyPage

マイページ

予約の確認・キャンセルがいつでも可能。

  • 電話番号 or 予約番号で予約照会
  • 予約カード表示(店舗/日時/メニュー/ステータス)
  • ワンタップでキャンセル
Responsive

モバイル完全対応

管理画面・お客様予約サイト共に、スマートフォン・タブレットに最適化。
外出先からの予約確認や、レセプションでのタブレット操作にも対応しています。

  • iPhone / Android 主要ブラウザ対応
  • iPad等タブレットにも最適化
  • タッチ操作に最適化されたUI
Admin Mobile
Customer Mobile
Architecture

技術アーキテクチャ

Cloudflareエッジコンピューティングによる高速・低コスト・スケーラブルな構成

API サーバー

Cloudflare Workers上で動作するサーバーレスAPI。世界中のエッジから高速レスポンス。

HonoTypeScriptWorkers

データベース

Cloudflare D1(SQLite互換)。UNIQUE制約による予約重複防止。テナント分離設計。

D1SQLiteMulti-tenant

認証・セッション

KVストレージによるセッション管理。ログイン試行制限付き。

KVBearer TokenRate Limit

フロントエンド

React 19 + Tailwind CSS v4による最新のSPA。Cloudflare Pagesでホスティング。

React 19Tailwind v4Vite 7

AI分析エンジン

Workers AI(Llama 3.1)による顧客インサイト自動生成。カルテデータから傾向分析。

Workers AILlama 3.1JSON出力
Security

セキュリティ対策

本番運用に必要なセキュリティ機能を実装済み

🔒

認証・認可

PIN認証 + KVセッション管理。ログイン試行回数制限(5回/5分ロックアウト)。セッションTTL自動期限切れ。

🛡

テナント分離

全APIでtenant_idをセッションから取得し、テナント間のデータ越境を防止。SQLレベルでの強制フィルタリング。

🌐

CORS & セキュリティヘッダ

許可オリジン限定CORS。X-Content-Type-Options, X-Frame-Options, Referrer-Policy, Permissions-Policyを設定。

📊

入力バリデーション

営業時間・定休日・シフト時間のサーバーサイド強制検証。過去日付の予約拒否。フォーマットチェック。

🚫

重複予約防止

DB UNIQUE制約 + API層での時間帯重複チェック(overlap検出)。409 Conflictレスポンスで即座に通知。

🗃

削除保護

将来の予約が紐づくスタッフ・メニューの削除を防止。論理削除(soft delete)による安全なデータ管理。

SALON ARIA で
サロン運営をスマートに

クラウドネイティブな予約管理で、お客様の満足度と業務効率を同時に向上

管理画面を見る 予約サイトを見る