AD REPORT SaaS / NEXT.JS × FIREBASE
広告費を、
資産に変えるレポート
コトラーのマーケティング理論に沿ったレポートを自動生成し、PDCAを回しやすくする広告運用代理店向けのツール。CSVを取り込むだけで、KPIサマリー・日別推移・媒体別ブレイクダウンが揃います。
SCREENSHOT
実際の画面
公開中のトップページ（ファーストビュー）です。画像またはリンクから実際のサイトをご覧いただけます。
数字を表にするだけでは、運用の品質は上がらない。
レポート自動化ツールは数多くあります。しかし「誰のために・どんな道筋で・なぜそうしたか」は残りません。Kotlerは、Segment of One のペルソナと 5A ジャーニーをレポート設計そのものに組み込み、案件・予算・クリエイティブ・成果を階層で紐づけました。翌月の振り返りが、ゼロからではなく前月の設計の上から始まります。
CHALLENGES
抱えていた課題
着手前に整理した、解くべき課題です。ここが決まらないまま作り始めると、あとから作り直すことになります。
自動化しても「誰のためのレポートか」が残らない
毎月、レポートの構成をゼロから作り直している
ツール画面を見せるだけで、成果物として渡せない
WHAT WE BUILT
つくったもの
課題に対して実際に設計・実装した内容です。
媒体別CSVの取り込み
各媒体の管理画面から書き出したCSVをアップロードし、取り込み時に媒体を選ぶだけ。選んだ媒体タグが全行に自動付与され、複数媒体が混在しても集計が破綻しません。
派生指標の自動算出
CSVに含めるのは費用・CV・CV値・クリック・表示の基礎指標だけ。CVR / ROAS / CTR / CPA / CPC は基礎指標から自動計算します。
BI風ダッシュボードの自動生成
KPIサマリータイル、費用とCVを二軸で見る日別推移チャート、媒体別ブレイクダウン、目標CV達成度バーが自動生成されます。手作業のグラフ作りはゼロです。
ペルソナ・5A戦略の永続化
ペルソナを地理・人口統計・心理・行動の4変数で設計し、5Aジャーニーとあわせて案件単位で保存。レポートに「なぜこの設計をしたか」が常に紐づきます。
共有URLで成果物として納品
予算・案件・クリエイティブ・戦略・成果のすべてに、ログイン不要の共有URLを発行。検索エンジンにインデックスされない設計で、その案件専用のレポート成果物として渡せます。
課題カンバンとナレッジ
運用中の課題・宿題はカンバンで管理し、翌月レポートに反映するActionとして残ります。運用手順や議事録もタブ構造でストックできます。
SCOPE & TECHNOLOGY
対応範囲と技術
TECHNext.js (App Router)ReactFirebaseCSVインポートチャート描画
PROCESS
進め方
この案件で実際にたどった流れです。
レポート要件の分解
代理店の実運用フローから、必要な軸と指標を洗い出します。
階層モデルの設計
顧客 → 案件 → クリエイティブ・予算・成果の階層を定義します。
取り込み・集計実装
CSVパース、媒体タグ付け、派生指標の算出を実装します。
納品機能の実装
共有URLとnoindex制御を実装し、成果物として渡せる形にします。
OUTCOME
できるようになったこと
公開後の状態を、事実ベースで整理しています。
毎月のグラフ作成作業を、CSVアップロード1回に置き換え
ペルソナと5A戦略が案件に残り、翌月の振り返りが前月の設計から始まる
ログイン不要の共有URLで、ツール画面ではなく成果物として納品できる