ヘッドスパ店舗運営システム（予約・顧客管理・シフト自動割当）
案件概要
※こちらはデモ画面です。
複数店舗展開するヘッドスパ施設向けの予約・顧客管理・スタッフシフト管理システム。
予約受付から顧客管理、スタッフのシフト管理、キャンペーン配信までを一元管理するシステムの要件定義から設計・実装・運用改善までを一人で行った。
顧客はWeb予約とマイページで来店履歴・ランクを確認でき、管理者は店舗横断での顧客管理・予約カレンダー・キャンペーン配信・ロール別権限設定までを一元管理できる。
スタッフの希望シフト入力→自動ドラフト生成→店長確認・確定という3段階フローも実装した。
使用ツール
- Next.js
- TypeScript
- Prisma
- NextAuth.js
- Tailwind CSS
- shadcn/ui
- Google Forms
- Vitest
- Claude Code
多店舗展開のヘッドスパ施設を想定し、予約・顧客管理・スタッフシフト自動割当・権限管理までを一元化した店舗運営システムをゼロから設計・実装しました。
デモ（動画右下のボタンから全画面表示にできます）
管理画面（スタッフ向け）
顧客管理
顧客マイページ（スマホ）
機能一覧
- 顧客向けマイページ刷新による来店履歴・予約状況の確認
- 予約カレンダーグリッドによる管理者向け予約状況の可視化
- 本部・店長・一般スタッフのロール別に、サイドバー項目ごとの「編集/閲覧/非表示」権限を設定できる権限管理と、店長以下は所属店舗のデータのみ閲覧できる店舗スコープ制御
- スタッフの希望シフト入力→自動ドラフト生成→店長による確認・修正・確定という3段階のシフト管理フロー(シフトはGoogleフォームからも提出可能な設計)
- 顧客・メニュー・スタッフ・店舗の新規登録導線、一覧からの編集・削除、来店回数と利用金額を考慮した顧客ランク判定
- キャンペーン・メール配信管理、メニュー拡張などの店舗運営機能