SaaS 管理ダッシュボード
SaaSBoard は、SaaS 事業者向けのデザインが完成したインタラクティブな管理ダッシュボードのプロトタイプです。ダークネイビーのサイドバー、白いカードレイアウト、青/緑/紫のアクセントを一貫して用いた、8つの主要な運用画面を網羅しています。
含まれる内容
Dashboard — KPI タイル（収益、ユーザー、サブスクリプション、解約率）、収益概要（折れ線グラフ）、プラン別収益（円グラフ）、最近の取引テーブル、上位製品パネル、クイックアクセスのモジュールタイル。
Analytics — メトリックカード 6 枚（期間比較付き）、トレンド分析チャート、コンバージョンファネル、コホートのリテンションヒートマップ、チャネル、デバイス、リージョン別の内訳、異常検出のコールアウト。
Customers — 複数絞り込み対応のテーブル（ヘルススコア、ライフサイクル段階、更新日）と、右側の顧客詳細パネル（請求、利用状況、サポート履歴、タグ）。
Products — スポットライトカード（ベストセラー、採用率が低い製品、拡張率が高い製品）、製品カタログテーブル、導入トレンドチャート、製品詳細パネル（価格帯、アドオン、利用状況、クイックアクション）。
サブスクリプション — 7 件の KPI タイル、サブスクリプション一覧、アラートサイドバー（有効期限が近いカード、更新の延滞、使用量の閾値）、プラン比較カード、インラインのプラン編集、ライフサイクルのクイックアクション。
請求書 — 5 件のステータス概要カード、マルチフィルターバー、請求履歴テーブル、請求書詳細パネル（明細項目、税の内訳、支払いタイムライン）およびアクション（再送信、返金、異議申し立て）。
メッセージ — 3 パネルレイアウト：フォルダ／絞り込みサイドバー、SLA／緊急度タグ付きの会話一覧、内部ノート付きのメッセージスレッド、顧客コンテキストパネル。
設定 — 組織プロフィール、チームのアクセス権、通知トグル、権限マトリクス、API キー管理、ワークスペースの自動化ルール、セキュリティ設定（2FA、SSO、セッションタイムアウト）、および危険ゾーン。
対象ユーザー
サブスクリプション、収益、顧客の健全性、請求業務を管理するSaaS創業者、プロダクト マネージャー、UX/UI デザイナー、社内管理チーム。
使用方法
左サイドバーで画面を移動します。まずビジネスの概要は ダッシュボード で確認し、成長トレンドは アナリティクス で詳細を掘り下げます。個別アカウントの監視は 顧客、価格とカタログの管理は プロダクト、更新や解約の追跡は サブスクリプション を使います。請求は 請求書 で確認し、サポート対応は メッセージ で行い、プラットフォームの設定は 設定 で行います。各画面ではトグル絞り込み、日付範囲セレクター、ステータスドロップダウン、インライン編集、アクションボタンを使ってプロトタイプと対話します。
サイドキックで同様のダッシュボードを生成する
このプロトタイプまたは任意の画面を選択し、サイドキックを開いて、次のプロンプトを入力してください：
"[module name] 用の SaaS 管理ダッシュボード画面を、同じダークネイビーのサイドバー、白いカードレイアウト、KPI タイル（増減率インジケーター付き）、青/紫/緑のアクセントで生成してください。"
必要な画面タイプ、主要な指標、テーブル列、チャートタイプ、アクションパネルを指定してください。サイドキックはビジュアル言語 — Roboto/Noto Sans のタイポグラフィ、角丸カード、ピル型ステータスバッジ、進捗バー、トグルスイッチ — を再現し、新しい画面にも一貫してダッシュボードを展開します。
乾杯！
カワジャ・リズワン
