hikariworks

会員・予約・入金まで一つの画面で見る

会員管理、予約管理、申込管理、入金状態管理、CSV出力、簡易ログインをまとめた管理画面 MVP のサンプルです。Next.js + Supabase / Google API / Stripe を中心に、現場担当者がひとりで触れる粒度で組みます。

会員管理 予約管理 入金状態 CSV出力 権限・ログ

ダッシュボード画面イメージ

運用担当者の視点で、必要最小限の機能とリスク管理項目を一画面に置きます。

今月の予約142
未入金8
キャンセル3
CV (フォーム→入金)68%

直近の予約・申込

申込ID氏名イベント受付日入金状態
#A0042佐藤 翔体験会 6/52026-05-21確定
#A0041田中 由里個別相談 6/22026-05-21未入金待機
#A0040山田 健体験会 5/302026-05-20確定
#A0039鈴木 美咲個別相談 5/292026-05-20期限切取消
#A0038高橋 拓也体験会 5/272026-05-19確定

含まれる機能の例

すべて固定スコープで切り出し、運用時にどの数字を見るかも一緒に決めます。

会員管理

会員番号 / 氏名 / 連絡先 / 入会日 / 状態。重複検知と検索条件を初期画面に置きます。

予約・申込

イベント・コース別の申込状況、自動アサイン、待機列の見える化、入金待ち一覧。

入金状態

Stripe・銀行振込・コンビニ支払いの状態同期、消込、未入金リマインドのテンプレ。

CSV / 帳票

当日運用に必要な配布表、ラベル、参加者リストをワンクリックで出力します。

権限 / ログ

担当者・運営代表・閲覧者の3ロール、操作ログ、ログイン履歴で誰が何を触ったか分かる状態にします。

通知

確定 / 未入金 / 取消で自動メール送信。文面はテンプレ管理、配信履歴も同画面で確認できます。

このサンプルを実案件に寄せるとき

このまま納品はしません。要件を聞いてから、必要な画面・データ・権限・通知・ログの組み合わせを再構成します。

  1. 1. 業務フロー確認

    誰が何をどの順で操作しているか、現在のスプレッドシートやメールから洗い出します。

  2. 2. 画面・データの整理

    必要な画面、扱うデータ、外部連携、利用者と権限を 5〜10 画面で固定します。

  3. 3. 検証用 URL の共有

    本番アカウントに触らず、検証ストレージで動く URL とスクリーンショットで確認します。

  4. 4. 固定見積もりと納品

    仕様凍結後、固定報酬で実装。納品時に運用手順書と確認チェックリストを添えます。