HOME / OVERVIEW
完成
最初に見る画面
ホーム画面 — お店の全体を1画面で
ログインしたらまずここに来ます。今日の状況、よく使う操作、外部連携の状況、全部ここに。
- 1挨拶ブロック時間帯と店舗名で挨拶。「今日は何をしましょうか？」
- 23つの大ボタン「申込ページを作る」「お客様にご連絡する」「申込み・売上を確認する」
- 3本日の状況（KPI 4枚）本日の申込・売上・友だち追加・アクティブなファネル
- 4接続状況LINE / Stripe / メール / Meta広告 / Google広告 の連携状況
05
HOME / BUTTON #1
青いボタン #1
「申込ページを作る」を押すと…
お客様に見ていただく 紹介ページ・申込ページ（LP） を作る画面に飛びます
- 1いまある申込ページの一覧が出ます過去に作ったLP（ランディングページ）が並びます
- 2右上の「新規作成」で1から作るテンプレートを選んで、写真と文章を差し替えるだけ
- 3作ったページにそのまま申込フォームが付くお客様が申し込んだら、自動でLINE登録 → メール送信まで全部やってくれます
improvement
いま iframe で別サイト（funnel-studio） を表示しています。読み込みが遅く、見た目が KAGURA の他ページと微妙に違います。今後ネイティブ化すると一体感が出ます。
06
HOME / BUTTON #2
緑のボタン #2
「お客様にご連絡する」を押すと…
登録いただいたお客様へ LINE や メールでメッセージを送る画面に飛びます
- 1配信先を選ぶ全員 / 特定のタグ（例：女性のみ／施術1回以上）
- 2メッセージを書く画像・テンプレも使えます。AI に「予約促進文を作って」も可
- 3「いま送る」or「予約配信」時間指定で予約配信できます
improvement
配信前に「何人に送ります、いいですか？」の確認ダイアログを必ず出すべき。誤爆送信を防ぐ安全装置です。
07
HOME / BUTTON #3
オレンジのボタン #3
「申込み・売上を確認する」を押すと…
申込みのあった方や、入った売上を 一覧でご確認 いただけます
- 1本日・今週・今月の売上Stripe 決済の確定分が即座に反映
- 2申込みのあった方の一覧名前・連絡先・申込商品・決済状況
- 3CSV ダウンロードエクセルで保存・経理に渡せます
improvement
いま「コンバージョン」という言葉が出ていますが、おばあちゃんには分かりません。「お申込み件数」と日本語にしましょう。
08
CONTENT / FUNNELS
iframe 埋め込み
LP・申込ページ
ファネル(LP)を作る
お客様への紹介ページ。1つの URL = 1つの商品 / キャンペーン
- 1既存ファネル一覧を確認公開中・下書き状態が一目でわかります
- 2新規作成 → テンプレ選択整体／飲食／美容など業種別テンプレが揃ってます
- 3公開 → URLが発行されるそのURLを LINE / Instagram / 広告に貼る
improvement
iframe 経由の funnel-studio に飛んでます。今後 KAGURA ネイティブの編集画面に統合すると、左サイドバーが消えずに編集できます。
10
CONTENT / BANNERS
外部リンク集のみ
バナー画像づくり
バナーを作る
広告・SNS・LINEリッチメッセージ用の画像を用意
- 1AI で作るIdeogram / Canva Magic Design / Midjourney へのリンク
- 2テンプレートから作るCanva の Meta広告 / Instagram投稿 / LINEリッチメッセージ
- 3作った画像の配置先LP / LINE配信 / リッチメニューへ
improvement
いまは「外部ツールへのリンク集」です。KAGURA 内で画像をアップロード・整理できる「バナーライブラリ」に進化させると、過去のバナーが一覧で見えて再利用できます。
11
CONTENT / FORMS
iframe 埋め込み
申込フォーム集計
フォーム送信を確認
LP に置いた申込フォームに入力された内容が、ここに溜まります
- 1フォーム別の送信件数どのLPから何件来ているかを確認
- 2入力内容の中身名前・電話・要望などお客様情報
- 3CSVエクスポートエクセルに落として営業リストに
improvement
「フォーム送信」という言葉も難しいので「お問い合わせ一覧」に。新着には未読バッジを付けると気づきやすいです。
12
CONTENT / WEBSITE
iframe 埋め込み
店舗の公式サイト
ホームページ編集
お店の 公式ホームページ を編集する画面（funnel-studio へ）
- 1店舗紹介ページ屋号・住所・営業時間・スタッフ紹介
- 2写真・テキスト編集ブロック単位で差し替え
- 3独自ドメイン接続quickriha.com 等を割り当て可能（要設定）
improvement
「ファネル(LP)」と「ホームページ」の違いがおばあちゃんには分かりません。同じ "ページを作る" メニューに統合し、「キャンペーン用 or 店舗紹介用」のラジオボタンで切り替えるべき。
13
CONTENT / SLIDES
外部リンク集のみ
プレゼン・カルーセル
スライド
Instagram カルーセル投稿、店内モニター用スライドを作る
- 1用途を選ぶInstagram 10枚 / 店内モニター / 営業資料
- 2外部ツールへCanva / Marp / Google Slides
improvement
使用頻度が低い割にナビが大きいです。「コンテンツ制作」配下を LP / フォーム / 画像 / 動画の4つに集約して、スライドはサブメニュー化を検討。
14
CONTENT / VIDEOS
外部リンク集のみ
動画ライブラリ
動画ライブラリ
広告・SNS・LP 用の動画素材を整理
- 1AI 動画生成ツールへRunway / Pika / Veo
- 2テンプレ動画CapCut / Canva 動画テンプレ
improvement
将来は Remotion 連携で「店舗用 30秒CMをAIで自動生成 → 動画ライブラリに保存 → Meta広告に即配信」までシームレスに繋げると差別化要素になります。
15
LINE / FRIENDS
iframe 埋め込み
お客様一覧
友だち（LINE登録者）一覧
LINE で友だち追加してくれたお客様の一覧
- 1名前・登録日・最終接触いつ来てくれたかが一目で
- 2タグ付け「初回」「リピーター」「VIP」などラベル付け
- 3セグメント検索「30代女性 × 直近1ヶ月」など条件指定
improvement
「友だち」より「お客様」の方が経営者には分かりやすいです。LINE機能と分かるアイコンは併記でOK。
17
LINE / BROADCAST
iframe 埋め込み
メッセージ配信
一斉配信
登録いただいた方全員、または特定セグメントへメッセージ送信
- 1配信先を絞るタグ・最終接触・購入履歴で絞り込み
- 2本文を作成テキスト・画像・カルーセル・クーポン
- 3即時 or 予約配信朝9時／夕方など時間指定
improvement
送信前プレビュー画面で「このスマホ画面で○○さんに届きます」とリアルなLINEモックを見せると、誤送信が激減します。
18
LINE / SCENARIOS
iframe 埋め込み
ステップ配信
シナリオ（ステップ配信）
「友だち追加から1日後に○○、3日後に△△」と自動で順番に送る
- 1トリガーを選ぶ「友だち追加」「○○タグ付与」など
- 2ステップを並べる1日後にメッセージA、3日後にクーポン
- 3公開以降、対象になった人に自動配信
improvement
整体院テンプレ「初回来院前リマインド → 当日確認 → 翌日お礼 → 1週間後リピート促進」をプリセット化すれば、迷わず始められます。
19
LINE / TEMPLATES
iframe 埋め込み
よく使う文面
テンプレート
「予約確認」「キャンセル」など、よく送る文面を保存しておく場所
- 1テンプレ一覧過去に作った文面が並びます
- 2変数を埋め込む{{お名前}} {{予約日時}} で個別文面化
- 3配信から呼び出し配信画面・チャットからワンクリック挿入
improvement
「よく使う文面」と名称変更するだけで、おばあちゃんでも使えます。
20
LINE / RICH MENU
iframe 埋め込み
トーク画面下部メニュー
リッチメニュー
LINE トーク画面の下に出る、大きなボタンメニュー
- 1画像を作る2500×1686 / 2500×843 のサイズ
- 2タップ領域を分割3分割・6分割など
- 3各エリアにアクションURLを開く／メッセージ送信／予約フォームへ
improvement
バナー編集と地続きにして、「リッチメニュー画像をAIで生成 → そのまま設定」までワンクリックにしたい所。
21
LINE / CHAT
iframe 埋め込み
1対1のやり取り
チャット
お客様1人1人と個別にメッセージのやり取り
- 1未読バッジで気づく返信が必要なお客様が左に並びます
- 2チャット履歴を見ながら返信過去の予約・購入履歴も右側に表示
- 3テンプレ呼び出しよく使う文面をワンクリックで挿入
improvement
未対応チャットがある時、ホーム画面に赤いバッジを出して「3件のお客様が返信待ちです」と通知すべき。見逃しゼロに。
22
GROWTH / ADS
iframe 埋め込み
Meta / Google / Yahoo
広告自動化
Facebook / Instagram / Google / Yahoo の広告を、KAGURA から一括管理
- 1媒体を選ぶMeta（Instagram / FB）／ Google ／ Yahoo
- 2配信設定予算・配信期間・ターゲット
- 3成果が KAGURA に集約「LPを開いた人」「申込した人」が自動計測
improvement
広告は1番怖い場所。「今日いくら使ってる」「今月の上限」をホーム画面に常時表示すべき（予算超過の事故を防ぐ）。
24
GROWTH / SOCIAL
iframe 埋め込み
Instagram・X・TikTok
SNS 自動化
投稿予約・自動投稿で SNS 運用の手間を削減
- 1投稿カレンダー月間予定が一覧で見える
- 2画像 + キャプション登録複数アカウント同時投稿
- 3予約投稿指定日時に自動投稿
improvement
過去投稿のエンゲージメント（いいね数・保存数）も同じ画面で見せると、「次に何を投稿するか」の判断が早くなります。
25
GROWTH / AFFILIATES
iframe 埋め込み
紹介プログラム
アフィリエイト
スタッフ・既存顧客に紹介リンクを発行 → 成約で報酬
- 1紹介者を登録スタッフ・取引先・常連様
- 2専用URL発行そのURL経由の申込みを自動カウント
- 3報酬計算成約金額の○%を月末集計
improvement
整体院では「お客様紹介カード」プログラムが効きます。1人紹介 = 次回500円OFF みたいな仕組みをここで管理できます。
26
RESERVATIONS / LIST
ネイティブ + API連携
予約管理のメイン画面
予約一覧
本日 / 今週 / 今月の予約を一覧で確認、当日対応も一画面で
- 1本日の予約タイムライン10時 山田様、11時 鈴木様…
- 2来店確認・キャンセルワンクリックで状態更新
- 3お客様情報を即表示過去の来店回数・症状メモ
improvement
予約30分前に LINE で「お待ちしてます」を自動送信、来店確認後に「ありがとうございました」を自動送信、まで1画面でセットアップ可にすると業務改善効果絶大。
28
RESERVATIONS / MENU
ネイティブ / localStorage
施術メニュー設定
メニュー
お客様が予約時に選ぶ「施術コース」を登録
- 1コース名・価格・所要時間骨盤矯正60分 / 全身整体90分など
- 2写真・説明文お客様が選びやすい説明
- 3受付スタッフを指定このメニューを受けられるスタッフ
improvement
いまはブラウザ保存のみ（D1に永続化されない）。API連携を最優先で対応すると、複数端末で同じメニューが見えるようになります。
29
RESERVATIONS / CALENDAR
ネイティブ / localStorage
月間カレンダー
カレンダー
月単位で予約状況を俯瞰
- 1月表示で混雑日確認空き状況が色で分かる
- 2日付クリックで詳細その日の予約一覧へ
- 3休業日設定祝日・お盆・年末年始
improvement
Google Calendar との双方向同期を入れると、スタッフのスマホ純正カレンダーにそのまま予約が出ます。
30
RESERVATIONS / SHIFTS
ネイティブ + API連携
スタッフシフト
シフト入力
スタッフの勤務時間を管理 → 予約可能時間に反映
- 1スタッフごとに勤務日を入力月単位でドラッグで一括入力
- 2予約可能枠が自動生成シフト時間 × メニュー所要時間
- 3公開URLに即反映お客様の予約画面で空き枠が変わる
improvement
スタッフ自身がスマホでシフト申請 → オーナーが承認、までワークフロー化すると LINE WORKS や Slack に依存しなくて済みます。
31
RESERVATIONS / INTEGRATIONS
ネイティブ + API連携
他サイト連携
予約サイト連携
ホットペッパー / EPARK / Googleマップ予約 などと連携
- 1連携先を選ぶGoogle Calendar / ホットペッパー / EPARK
- 2OAuth認証Googleアカウントでワンクリック接続
- 3外部の予約も KAGURA に集約空き枠が自動で同期
improvement
整体院ならホットペッパービューティーやエキテンとの連携が必須。優先度高めで対応すると差別化要素に。
32
ANALYTICS / SALES
iframe 埋め込み
数字でわかるお店の今
売上レポート
本日・今週・今月・前年比 を1画面で
- 1売上推移グラフ日別 / 週別 / 月別の比較
- 2商品別ランキングどのコースが売れているか
- 3顧客タイプ別新規 vs リピーター 売上比率
improvement
「本日 vs 先週同曜日」の比較を一番大きく表示すると、経営判断が即できます（雨の日影響など）。
34
ANALYTICS / ACCESS
iframe 埋め込み
サイトを見てる人
アクセス解析
LP・ホームページに何人来て、どこから来たか
- 1訪問者数 / ページビュー日別グラフ
- 2流入元Google検索 / Instagram / LINE / 広告
- 3人気ページTOP10改善ポイント発見
improvement
「広告費1万円 → 申込3件 → 売上6万円」のような ROI を1行で見せると、おばあちゃんでも経営状況が掴めます。
35
ANALYTICS / SCORING
iframe 埋め込み
お客様ランク付け
スコアリング
行動データから、お客様の 熱量を点数化
- 1配点ルールLINE既読 +1、LP訪問 +3、申込 +10
- 2スコア順お客様一覧高スコア = アプローチ優先
- 3セグメント自動生成スコア60以上の人だけに配信
improvement
スコアが高くなった瞬間に、ホーム画面に通知（例：山田様が予約準備行動中）するとアプローチタイミングを逃しません。
36
SETTINGS / BUSINESS
iframe 埋め込み
最初に1回だけ設定
事業者情報
屋号・住所・電話・特商法表記など、お店の基本情報
- 1屋号 / 代表者名 / 連絡先特商法・領収書に使われます
- 2住所 / 営業時間LP・予約フォーム・領収書に自動反映
- 3ロゴ・カラーLP のヘッダー・LINE リッチメニューの基本デザイン
improvement
初回ログイン時にここを通る「セットアップウィザード」を実装すると、ユーザーが迷わず始められます。
38
SETTINGS / BILLING
iframe 埋め込み
お支払い・自動返信
決済・メール
Stripe（クレカ決済）と、自動返信メールの送信元設定
- 1Stripe 公開キー / 秘密キーお店の Stripe アカウントから取得して入力
- 2通貨 = JPY日本円固定
- 3送信元メール（差出人）noreply@quickriha.com など
improvement
Stripe キー入力は怖い作業。「テストモードで動作確認 → 本番へ昇格」のステップUIを用意すると安心。
39
SETTINGS / INTEGRATIONS
iframe 埋め込み
外部サービス接続
外部連携
LINE / Meta広告 / Google広告 / Yahoo広告 などへのトークン登録
- 1LINE 公式アカウントトークンLINE Developers から取得
- 2Meta ピクセル ID広告計測のため
- 3Google 広告コンバージョン ID同上
improvement
「接続済 / 未接続 / エラー」を色で大きく表示。エラーが出たら具体的な解消手順のリンクを併記すべき。
40
SETTINGS / STAFF
iframe 埋め込み
スタッフ管理
スタッフ
受付できるスタッフを登録 → 予約画面に表示
- 1スタッフ名・写真・プロフィールお客様の予約画面で表示
- 2対応メニュー紐付けこのスタッフが受けられるコース
- 3権限設定オーナー / マネージャー / 受付
improvement
スタッフ毎の「今月売上ランキング」「指名件数」を見せると、モチベーション向上 & 評価が公平に。
41
PUBLIC / BOOK
ネイティブ + API連携
お客様が見る画面
公開予約フォーム
/book/new に来たお客様が予約する画面（オーナーが触る画面ではない）
- 1メニュー選択設定したメニューがカードで並ぶ
- 2スタッフ選択（または指名なし）写真付きで選択
- 3日時選択 → 個人情報入力 → 完了完了と同時に LINE 登録誘導 + メール送信
improvement
いまリンクは
/book/new 固定。店舗ごとに /quickriha/book のようにブランドURLにできると、お客様への案内がしやすい。
43