Skip to content

週次KPIレポートのデザインをClaude Designで毎週量産している話

毎週月曜の朝、チームにKPIレポートを送る。数字だけ並んでいたExcelをやめて、Claude Designでビジュアル化したのが4ヶ月前。毎週30〜40分かかっていたデザイン作業が、今は10分以下で終わる。でも最初はかなり失敗した。

スプレッドシートで送っていた週次KPIを、見やすいビジュアルサマリーに変えたかった。指標は毎週同じ(売上・問い合わせ数・成約率・MRR)なので、デザインは一度作ったら使い回せるはずだと思っていた。

最初の失敗:毎週デザインがバラバラになった

Section titled “最初の失敗:毎週デザインがバラバラになった”

1週目はうまくいった。Claude Designにこう投げた:

先週のKPIサマリーページ(A4横、スライド形式)。
タイトル:「週次KPIレポート 2026年4月第1週」
指標4つ:売上 430万円、問い合わせ数 82件、成約率 24%、MRR 1,250万円
カラー:ネイビー(#1a2e4a)とオレンジ(#e8602c)。シンプルで数字が読みやすい構成。

出てきたデザインは悪くなかった。問題は2週目。同じようなプロンプトを投げたら、レイアウトが全然違うものが出てきた。フォントも変わっている。チームからは「先週と違うフォーマットで見づらい」と言われた。

原因は明確:毎週、1週目のデザインをプロンプトに渡していなかった。

※Claude Design: Anthropic Labsが開発したAIビジュアルデザインツール。テキストプロンプトからUI・スライド・マーケ資料などを生成する。※プロンプト: AIへの指示文。Claude Designでは自然言語でデザインを指示する。

解決策:「テンプレートプロンプト」を固定する

Section titled “解決策:「テンプレートプロンプト」を固定する”

2週目の失敗から学んで、テンプレートプロンプトを作った。

【週次KPIレポート・固定テンプレート】
サイズ:A4横(1920×1080px)
カラーパレット:ネイビー #1a2e4a(背景)、オレンジ #e8602c(アクセント)、白(テキスト)
フォント:タイトルは太ゴシック系、数字は等幅・大きめ
レイアウト:4指標を2×2グリッドで配置。各指標カードは指標名・数値・前週比(矢印付き)の3要素
タイトルバー:上部に週番号とロゴプレースホルダー
今週の数値を上記フォーマットで反映してください:
売上:{金額}
問い合わせ数:{件数}
成約率:{%}
MRR:{金額}
前週比:売上{±%}、問い合わせ{±%}

このテンプレートプロンプトをNotionに保存して、毎週コピペして数値だけ書き換える。これで3週目以降はほぼ同一フォーマットが出てくるようになった。

もう一つの工夫:「参照画像」を渡す

Section titled “もう一つの工夫:「参照画像」を渡す”

テンプレートプロンプトだけだと、まだときどきレイアウトがずれる。そこで追加した工夫が、前週のレポート画像を添付することだ。

添付の先週レポートと同じレイアウト・配色・フォントスタイルを維持しつつ、
今週の数値に更新してください。
(前週レポートの画像を添付)

参照画像があると一致率がかなり上がる。今は「テンプレートプロンプト+参照画像」の2段構えで運用している。

作業以前(手作業)現在(Claude Design)
数値収集15分15分(変わらず)
デザイン25分5分
微調整10分3分
合計50分23分

デザイン作業が5分になった。数値収集は人間の仕事なので変わらない。

レポートの見栄えは改善できたが、一つ解決していない課題がある。数値が下がった週に、なんとなくポジティブな配色になることがある。Claude Designは数値の意味を解釈しないので、成約率が落ちていても明るいオレンジで強調されたりする。

対処法として「成約率が前週比マイナスなら赤系の矢印アイコンを使うこと」という指示を追加したが、完璧ではない。条件分岐が必要なビジュアル判断は、まだ人間が確認する必要がある。

週次レポートのような「フォーマットが固定・数値だけ変わる」コンテンツはClaude Designの得意領域。ただし最初にテンプレート設計をちゃんとやらないと、毎週バラバラなデザインが出てきて逆に時間を食う。

作成日:2026年8月20日

更新日:2026年8月20日