SQUARE ONE Diagram Catalog
SQUARE ONE Cockpit / 9 タグ。SVG ベースのものは実物を、画像生成系は CSS 風合い再現とプロンプトテンプレを表示。Nano Banana Pro を呼び出す。
clean-svg きれいなSVG図解
DG-01〜DG-10 の 10 種類の SVG テンプレート。色は palette トークンを参照する。プロンプト不要・ファイル不要・即時描画。
dashboard admin proposal report academic LP
DG-01 〜 DG-10 すべての雛形
DG-01
横ステップフロー
1
Spec
2
Build
3
Ship
DG-02
縦ステップ(番号付きリスト)
1
仕様化
2
実装
3
出荷
DG-03
2カラム比較(VS型)
BEFORE
手動
3 hours
VS
AFTER
自動
15 min
DG-04
ピラミッド(4 段階層・二等辺)
VISION
STRATEGY
OPERATIONS
FOUNDATION
DG-05
サイクル/循環(4 ノード)
P
D
C
A
DG-06
タイムライン(横)
2024
設立
2025
資金調達
2026
グローバル展開
future
DG-07
数字バナー(スタットブロック)
98%
継続率
2.4k
導入企業
¥12B
ARR
3x
YoY 成長
DG-08
Before / After(分割型)
手作業
3h
/件
→
自動化
15m
/件
DG-09
マインドマップ(放射状・4 ブランチ)
core
Speed
Quality
Cost
Trust
DG-10
3 カラム特徴カード
Fast
即時応答
Secure
SOC2準拠
Scale
無制限
DG-11
2x2 マトリクス(BCG / Eisenhower)
QUESTION
STAR
DOG
CASH COW
High
Low
Low share
High share
DG-12
3x3 マトリクス(McKinsey 9-box)
高
中
低
低
中
高
DG-13
SWOT(4 象限分析)
S · STRENGTHS
• 自社の強み
• 独自リソース
W · WEAKNESSES
• 改善ポイント
• リソース不足
O · OPPORTUNITIES
• 市場機会
• トレンド
T · THREATS
• 競合参入
• 規制変更
DG-14
PESTEL(マクロ環境分析)
P
Political
E
Economic
S
Social
T
Technology
E
Environment
L
Legal
PESTEL Framework
DG-15
Porter's 5 Forces(業界構造)
業界内
競争
新規参入
代替品
供給者
買い手
DG-16
Issue Tree(MECE 課題ツリー)
課題
原因 A
A-1
A-2
原因 B
B-1
B-2
原因 C
C-1
DG-17
Decision Tree(意思決定の分岐)
Q1?
YES
NO
Q2?
結果 A
YES
NO
結果 B
結果 C
DG-18
Fishbone(石川ダイアグラム)
問題
人
機械
方法
材料
環境
測定
スキル
設備
品質
DG-19
Value Chain(Porter)
企業インフラ
人事
技術開発
調達
調達
製造
出荷
マーケ
サービス
利益
DG-20
Org Chart(組織図)
CEO
CTO
COO
CFO
Eng
Data
Ops
Acct
DG-21
Sales Funnel(5 ステージ)
AWARENESS · 100k
INTEREST · 30k
CONSIDERATION · 8k
PURCHASE · 1.2k
DG-22
Customer Journey Map
1
認知
2
検討
3
購入
4
利用
感情の起伏
DG-23
Maturity Model(5 levels)
Lv 1
Initial
Lv 2
Managed
Lv 3
Defined
Lv 4
Quantified
Lv 5
Optimized
↑ 成熟度進化
DG-24
RACI Matrix(役割分担)
タスク
R
A
C
I
仕様策定
実装
レビュー
R=Responsible · A=Accountable · C=Consulted · I=Informed
DG-25
Waterfall(売上→利益分解)
100
売上
-25
原価
-12
人件費
-8
運営費
+5
その他
60
利益
DG-26
Pareto Chart(80/20 ランク)
A
B
C
D
E
F
80%
DG-27
Risk Heatmap(影響 × 確率)
High Impact
Low
Low
High Prob.
DG-28
Radar / Spider(多軸評価)
Speed
Quality
Cost
Trust
Scale
DG-29
Tech Stack(レイヤー)
UI / Presentation
Application Logic
API / Services
Database
Infrastructure
L1
L2
L3
L4
L5
DG-30
Gantt Chart(プロジェクト計画)
W1
W2
W3
W4
W5
W6
仕様策定
設計
実装 A
実装 B
QA
リリース
today
DG-31
Business Model Canvas(9 blocks)
Key
Partners
Key
Activities
Key
Resources
Value
Proposition
Customer
Relations
Channels
Customer
Segments
Cost Structure
Revenue Streams
DG-32
Lean Canvas(9 blocks)
Problem
Solution
Key
Metrics
Unique
Value Prop
Unfair
Advantage
Channels
Customer
Segments
Cost Structure
Revenue Streams
DG-33
Balanced Scorecard(4 perspectives)
VISION
STRATEGY
Financial
売上・利益
Customer
満足度
Internal
プロセス
Learning
人材育成
DG-34
Stakeholder Map(Power × Interest)
KEEP SATISFIED
高権限 × 低関心
MANAGE CLOSELY
高権限 × 高関心
MONITOR
低権限 × 低関心
KEEP INFORMED
低権限 × 高関心
Power →
Interest →
DG-35
Kanban Board(Todo / Doing / Done)
TODO
タスク 1
タスク 2
タスク 3
DOING
タスク A
タスク B
DONE
完了 X
完了 Y
完了 Z
完了 W
DG-36
BEFORE / AFTER(中央に変革矢印)
BEFORE
業務が属人化、品質ばらつき
作業に追われ改善できない
優先順位が不明確
情報共有が不足
成果が見えづらい
業
務
の
改
善
を
実
現
AFTER
業務フロー整理、対応標準化
重要業務に集中、生産性向上
優先順位が明確、意思決定が速い
情報共有スムーズ、連携強化
成果が可視化、継続改善が可能
DG-37
Customer Persona Card(顧客像カード)
業務を効率化したい小規模事業者
基本プロフィール
• 年齢: 30〜50代
• 立場: 個人事業主・小規模企業
• 業種: サービス業・クリエイティブ職
現在の状況
• 日々の業務に追われ改善に手が回らない
• 業務が属人化している
• 効率化の必要性は感じているが方法が分からない
抱えている課題
• 時間不足による機会損失
• 業務の優先順位が曖昧
• 仕組みが整っていない
サービス利用の動機
• 業務負担を減らしたい
• 売上につながる活動に集中したい
• 将来に向けて基盤を整えたい
ニーズ
• シンプルで実行しやすい改善策
• 負担を増やさない運用方法
• 継続的に成果が出る仕組み
成功イメージ
• 業務がスムーズに回る
• 意思決定が早くなる
• 安定した運営ができる
DG-38
Sustainable Revenue Model(持続可能な収益モデル)
持続可能な収益モデル
顧客
利用者(個人・企業)
課題解決支援
サービスの提供
成長要因
利用者増 / サービス拡張 / 単価向上
収益源 ①
サービス利用料
月額利用料金 / 導入サポート費用
収益源 ②
オプション収益
追加サポート / カスタマイズ対応
収益源 ③
継続収益
定期フォロー契約 / 改善支援契約
DG-39
Phase Roadmap(4 フェーズ実行計画)
phase
01
準備・現状整理
1ヶ月目
• 関係者ヒアリング
• 現状業務の棚卸し
• 課題の整理
• 優先順位の設定
phase
02
設計・計画
2ヶ月目
• 改善方針の策定
• 具体施策の設計
• 運用ルール作成
• スケジュール確定
phase
03
実行・導入
3ヶ月目
• 改善施策の実行
• 運用開始支援
• 進捗確認
• 課題対応
phase
04
定着・改善
継続
• 運用レビュー
• 効果測定
• 改善提案
• 継続的なフォロー
※ 状況に応じてスケジュールは調整可能です。各フェーズで定例ミーティングを実施します。
DG-40
Summary + Next Action(要点整理 + 次のアクション)
要点整理
本企画の目的
新サービスの立ち上げを通じて、継続的に
価値を提供できる仕組みを構築する
期待される効果
業務の効率化と顧客満足度の向上を実現し、
安定した運営基盤を整える
成功のポイント
関係者の合意形成と段階的な導入により、
無理なく定着を図る
次のアクション
社内での共有・方向性確認
企画内容を関係者に共有し、進め方の認識
を合わせる
実施範囲とスケジュールの決定
優先度を整理し、具体的な実行計画を確定
する
導入準備の開始
必要な体制を整え、初期準備を進める
DG-41
Risk & Mitigation(リスク 4 象限)
リ
ス
ク
①
関係者の理解不足
想定される状況
• 目的が十分に共有されない
• 現場で協力が得られない
対応策
• 事前説明会の実施
• 目的とメリットの共有
リ
ス
ク
②
運用負担の増加
想定される状況
• 新しい業務が負担になる
• 現場に定着しない
対応策
• シンプルな運用設計
• 段階的な導入
リ
ス
ク
③
効果が見えにくい
想定される状況
• 成果が実感できない
• 評価が曖昧になる
対応策
• 指標の設定
• 定期レビュー
リ
ス
ク
④
スケジュール遅延
想定される状況
• 調整に時間がかかる
• 実行が遅れる
対応策
• 進捗管理の徹底
• 定例確認の実施
DG-42
Pricing Plans Comparison(4-tier 価格表)
Free
$0
/ month
Get started
無料プラン
Starter
¥3,000
/ month
Choose plan
小規模向け
人気
Business
¥15,000
/ month
Choose plan
標準プラン
Enterprise
Custom
要相談
Contact us
大規模・カスタム対応
機能対比
Free: 基本のみ / Starter: 1機能 / Business: 全機能 / Enterprise: 専用カスタム
DG-43
KPI Comparison Cards + Trend Chart(KPI 推移)
実績比較: 2032 → 2035
報告対象数
120 件 →
180
件
1.5 倍
作業時間
月平均 32 時間 →
45
時間
+13 時間
残業時間
月平均 12時間 →
22
時間
+10 時間
入力ミス・差戻し
月平均 3件 →
8
件
約 2.6 倍
残業時間
入力ミス件数
25
20
15
10
5
0
2022
2023
2024
2025
DG-44
Pie Chart with Detail Cards(円グラフ + 解説カード)
分析・考察 20%
データ整形 50%
確認・修正 30%
本来注力すべき
分析・考察は全体の 20%
分析・考察
→ 本来注力すべき業務
20
%
データ整形
→ ツール代替可能な作業
50
%
確認・修正
→ 手順複雑化による手戻り
30
%
DG-45
3-Step Process Flow with Icons(自動化→共通化→再投資)
自動化
入力・集計・整形を
自動処理へ置き換え
データ抽出〜整形を一括で実行
手入力 / 転記をゼロに近づける
作業の「待ち」を減らす
共通化
誰がやっても
同じ品質・同じ手順
入力ルールと命名を統一
フォーマットを固定化
確認ポイントを共通チェック化
再投資
削減時間を
付加価値業務へ再配分
分析の深掘り / 改善提案の作成
次月の施策立案・優先度調整
関係者向けの示唆共有
DG-46
Before/After Process Steps with Risk(現行→改善後)
現行フロー
1
データ抽出
2
ファイル整理
3
データ加工
4
グラフ作成
5
上長確認
6
最終共有
手戻り発生
のリスク
6
STEP
▼
4
STEP
工程削減
改善後フロー
1
データ取得
2
データ整形
3
グラフ生成
4
成果共有
工程削減と手戻り低減により、
対応時間短縮と品質安定化を実現します。
DG-47
Time-Saved Calculation(個人→チーム→年間 創出時間)
個人
15
分/日
短縮
月20日稼働想定
チーム
月
50
時間
創出
10名チーム想定
年間
年間
600
時間
創出
月50時間 × 12ヶ月
計算式
前提: 月稼働 20日 / 対象 10名 / 12ヶ月換算
15分 × 20日 = 300分 (5時間) → 5時間 × 10名 = 50時間/月 → 50時間 × 12ヶ月 = 600時間/年
創出時間の活用例
• 分析の深掘り (示唆出し) • 次月施策の先行着手
• 顧客別の提案準備 • 改善テーマの追加検討
DG-48
Stair-Stepped Progression(STEP1〜4 段階導入)
段階導入 × 低リスク検証
STEP4
展開開始
• チームへ共有
• 標準フローとして運用
標準化完了
STEP3
改善調整
• 操作課題を整理
• 手順 / テンプレを微調整
STEP2
試行運用
• 新フローを限定環境で使用
• 作業時間・エラー有無を記録
STEP1
事前準備
• 対象業務を限定 ・ 現行作業時間を測定
DG-49
Hierarchical Org Chart with Data Flow(階層+横断データ連携)
経営層
改善方針の承認
リソース配分決定
改善推進責任者
全体設計
進捗管理
効果測定
部署間調整
営業部
現場課題の共有
新フロー試行
管理部
数値計測
成果レポート作成
業務部
運用手順見直し
標準化対応
実績データ共有
作業時間測定
DG-50
Bar + Line Chart Combo(削減効果 + 創出時間)
月次報告書作成時間 (時間/月)
40h
30h
20h
10h
0h
40h
現状把握
32h
試行導入
30h
展開定着
28h
標準化
4ヶ月後
月40時間 → 月28時間
付加価値業務時間 (目標)
14h
10h
6h
4h
2h
4h
8h
10h
12h
1か月
2か月
3か月
4か月
4ヶ月で
12時間創出
DG-51
Service Pillars(4 つの支援メニュー)
SUPPORT
01
業務整理
サポート
SUPPORT
02
改善設計
サポート
SUPPORT
03
仕組み構築
サポート
SUPPORT
04
定着支援
サポート
業務の棚卸し
ムダや重複の洗い出し
改善ポイントの整理
業務フローの再設計
ルール整備
運用方法の設計
運用テンプレート作成
標準化支援
実行支援
運用フォロー
改善レビュー
継続的な見直し
DG-52
Numbered Vertical Steps(縦型 6 ステップ)
1
ご相談・お問い合わせ
課題や現状をヒアリング
2
現状分析
業務内容や運用状況を確認
3
改善方針のご提案
最適なプランを提示
4
改善施策の実行
現場に合わせて実行支援
5
運用フォロー
定着状況を確認しながら調整
6
継続的な改善
成果を見ながらブラッシュアップ
DG-53
2-Column Comparison Table(当サービス vs よくある支援)
当サービス
よくある支援
支援スタイル
伴走型支援
提案中心
改善方針
現場を重視
理論を重視
実行力
実行まで支援
計画止まり
継続性
継続的な改善
単発対応
成果志向
成果を重視
助言ベース
DG-54
3-Tier Pricing Table with Recommendation(おすすめ強調)
おすすめ
ライト
スタンダード
プレミアム
想定用途
相談・簡易改善
本格的な改善支援
継続的な伴走
内容
課題整理・方向性提案
分析・改善実行支援
継続改善サポート
支援範囲
限定的な対応
部分的な支援
全体支援
期間目安
短期
中期
長期
サポート頻度
必要時
定期
随時
価格
要相談
要相談
要相談
DG-55
Bar + Pie Combo(削減効果 + 実感度)
作業時間の削減効果
100
75
50
25
0
100
導入前
70
導入後
▼ 30% 削減
改善効果の実感度
65%
効果実感
多くの現場で
効果を実感
効果を実感
65%
一部実感
30%
変化なし
5%
DG-56
Hub & Spoke(中心 + 周辺 6 要素)
業務の
属人化が
進んでいる
ムダな
作業が
増えている
担当者の
負担が
大きい
改善が
継続
しない
成果が
見え
にくい
業務が
複雑化
している
業務改善を
継続的に支援する
仕組みづくり
DG-57
Annual Plan Table(年間計画 12 ヶ月 × タスク)
2026年 年間計画
タスク \ 月
1
2
3
4
5
6
7
8
9
10
11
12
準備・現状整理
設計・計画
試行運用
本格導入
効果測定
継続改善
標準化展開
年次レビュー
today
DG-58
Business Plan Forecast(3 年事業計画予測表)
3 ヶ年事業計画(2026〜2028)
指標
2026 (実績)
2027 (計画)
2028 (目標)
売上高
¥120M
¥180M
¥280M
営業利益
¥18M
¥32M
¥56M
顧客数
240 社
420 社
680 社
従業員数
15 名
25 名
40 名
主要施策
基盤構築・初期顧客獲得
サービス拡張・体制強化
事業領域拡大・海外展開
※ 数値は計画値であり、市場環境等により変動の可能性があります。
DG-59
Standalone Charts(4 種類のチャート・単独で使う雛形)
Bar Chart
100
75
50
25
0
80
A
60
B
40
C
70
D
Line Chart
100
75
50
25
0
Jan
Feb
Mar
Apr
May
Donut Chart
Total
100%
セグメント A
35%
セグメント B
25%
セグメント C
25%
セグメント D
15%
Stacked Area Chart
100
75
50
25
0
Q1
Q2
Q3
Q4
Q5
S3
S2
S1
3d-render 3DCGレンダリング
プロダクトショット風・抽象 3D オブジェクト。premium / cinematic / luxury に最適。Nano Banana Proで生成。
premium cinematic luxury SaaS prestige
プロンプトテンプレ
A polished 3D render of [object] floating in space,
photorealistic CGI style, soft global illumination,
[palette ACCENT] gradient background with subtle [palette ACCENT2] glow,
shallow depth of field, octane render quality,
hyper-detailed, no text, no watermark, no logo
image-gen 写実画像生成
風景・人物・オフィス・抽象シーンの写実画像。一般 LP の hero / cases / team で頻出。
一般 LP site proposal general
プロンプトテンプレ(オフィスシーン例)
A diverse team collaborating around a screen,
wide establishing shot, golden hour through windows,
warm professional mood,
photorealistic, cinematic, high detail, no text, no watermark
photo ストック写真風
image-gen の特殊形。自然な被写体・実写風の構図。site / lp の汎用 hero で第一候補。
site lp(汎用) brand nature
Preview · CSS Stand-in(夕焼けの海)
プロンプトテンプレ(風景)
Ocean horizon at dawn,
panoramic composition, blue hour to golden hour transition,
deep blue and warm amber color key,
photorealistic, large format style, no text
flat-vector フラットベクター
フラットなイラスト。キャラクター・概念図に。インライン SVG で実描画も可能、複雑ならNano Banana Proで生成。
playful brutal スタートアップ
↑ インライン SVG で直接描画した例(風景)
プロンプトテンプレ(複雑なシーン用)
Flat vector illustration of [scene] ,
minimal geometric shapes, [palette ACCENT] and [palette ACCENT2] color scheme,
no gradients, clean lines, 2D top-down view,
white background, no text, dribbble style
isometric 等角投影 NEW
2.5D の等角投影イラスト(30度アングル)。SaaS / Fintech / プロダクトマーケティングで頻出。
corporate SaaS Fintech marketing
↑ インライン SVG で直接描画した等角投影の街並み
プロンプトテンプレ
Isometric illustration of [scene: e.g., modern office building / smart home / data dashboard] ,
30-degree axonometric perspective, flat colors with subtle shading,
[palette ACCENT] as primary, [palette ACCENT2] as secondary,
[palette BG_LIGHT] background, clean geometric forms,
no gradients, minimal style, dribbble / behance aesthetic, no text
line-art 線画 NEW
線だけで描く最小限のイラスト。editorial / academic / luxury / minimal LP。
editorial academic minimal luxury
↑ Continuous-line で描いた抽象的な顔のイラスト
プロンプトテンプレ
Continuous single-line illustration of [subject] ,
monochrome [palette ACCENT or BG_DARK] line on [palette BG_LIGHT] background,
1-pixel weight, no shading, no fill,
elegant minimalist composition, vector aesthetic, no text
continuous-line(一筆書き)
technical-drawing(製図風)
botanical-line(植物画)
portrait-line(顔輪郭)
collage コラージュ NEW
写真+図形+タイポを重ねた雑誌的構成。単一画像生成ではなくレイアウト技法。3〜5 枚の素材を意図的に角度を変えて配置 + タイポを大きく重ねる。
editorial brand fashion art
↑ HTML+CSS で実装した collage 例(写真スタンドイン + 図形 + タイポ重ね)
実装の流れ(3 ステップ)
# Step 1. 素材を3〜5枚生成 (Keyless AI / Nano Banana Pro)
Subject 1:
[main photo prompt]
Subject 2:
[supporting photo prompt]
Subject 3:
[abstract pattern prompt]
# Step 2. CSS で配置(各 transform: rotate / clip-path)
<div class="collage">
<img class="layer-1" style="transform: rotate(-3deg)">
<img class="layer-2" style="transform: rotate(5deg)">
<div class="typo-overlay">見出し</div>
<div class="shape" style="clip-path: polygon(...)"></div>
</div>
# Step 3. カラーキー(ACCENT)で連続感を作る
none なし(タイポグラフィのみ)
図解・画像を使わない。タイポと余白だけで表現。report 本文 / editorial の純粋な読み物に。
report editorial academic 本文
STORY
NO IMAGE NEEDED · TYPOGRAPHY ONLY
既定マッピング(output × vibe → diagram)
brief.diagram が指定されていない場合の自動導出。
output
vibe
既定 diagram
dashboard / admin / report * clean-svgproposal premium / cinematic image-genproposal trust / corporate clean-svgproposal academic clean-svglp premium 3d-renderlp playful flat-vectorlp nature photolp trust clean-svg or photolp brutal flat-vectorlp corporate isometriclp editorial collagelp academic line-artlp その他 image-gensite brand collagesite * photo
※ ハイライト行が新追加(isometric / line-art / collage)。