rizbo

SaaS

  • #Product Design
  • #Next.js
  • #Operation Tool
  • #Dashboard
rizboの管理画面プレビュー

rizboは、ダンススクールの問い合わせ対応、相性診断、体験予約フォーム、運用レポートをひとつにまとめた管理システムです。見込み客が迷いやすい「どのクラスが合うか」「体験予約までどう進めばよいか」を整理し、問い合わせから予約までの導線を短くすることを目的に設計しました。

スクール側は管理画面からFAQ、診断質問、コース、スケジュール、フォーム項目、メール通知を編集できます。公開側にはチャットボット、診断、予約フォームを設置し、送信内容や利用ログを運用改善につなげます。

SERVICE

サービス機能説明

Q&Aチャットボット

スクールごとのFAQをもとに、料金、アクセス、持ち物、体験の流れなどの質問に自動で回答します。質問ログを残し、未解決の質問やよく見られる質問を改善材料にできます。

相性診断

目的、経験、ジャンル、通いやすい日時などを質問し、ユーザーに合うクラスや体験予約フォームへ誘導します。診断ステップやフォーム到達率も確認できます。

予約フォーム・メール通知

スクールごとにフォーム項目を設定し、申し込み内容を管理者へ通知します。ユーザー向け自動返信も設定でき、問い合わせ後の対応漏れを減らします。

運用レポート

チャット、診断、フォーム送信のログをもとに、FAQランキング、未解決質問、フォーム到達率、改善アクションを見える化します。

SPEC

仕様・技術

フロントエンド
Next.js 14 / React / TypeScript
バックエンド
Next.js Route Handlers / Prisma
データベース
PostgreSQL
認証
NextAuthによる管理画面ログイン
公開連携
埋め込みスクリプトで外部サイトにチャット・診断を表示
通知
SMTPメール配信、自動返信、送信結果ログ
ホスティング
Vercel
管理機能
FAQ、診断、コース、スケジュール、フォーム、レポートの編集

FLOW

開発フロー

  1. 01

    問い合わせから体験予約までの導線整理

    ダンススクールで発生しやすい質問、診断で聞くべき内容、予約フォームに必要な項目を整理し、導線全体を設計しました。

  2. 02

    管理画面とデータ構造の設計

    スクールごとにFAQ、診断設定、コース、スケジュール、フォーム項目を編集できるよう、管理しやすい画面とデータ構造を作りました。

  3. 03

    公開ウィジェットとフォーム送信の実装

    外部サイトに埋め込めるチャット・診断UIを実装し、フォーム送信、管理者通知、自動返信までつながる状態にしました。

  4. 04

    ログ計測と運用改善ページの追加

    チャット利用、診断離脱、フォーム到達、送信結果を追えるようにし、改善すべきFAQやフォーム項目を見つけやすくしました。

POINT

開発ポイント

  • スクールごとの設定変更が、公開チャット・診断・フォームへ反映される構成にしたこと。
  • 問い合わせ対応の自動化だけでなく、体験予約につながる導線としてQ&A、診断、フォームをまとめたこと。
  • 公開後に改善できるよう、未解決質問、FAQランキング、診断ファネル、メール送信結果を管理画面で追えるようにしたこと。
  • 外部サイトへ導入しやすいよう、埋め込みスクリプトで表示位置や公開UIを管理できるようにしたこと。