competitive-visual-audit について
ブランドやデザインチーム向けの競合ビジュアル監査スキルです。競合のアイデンティティ、ポジショニング、語調を整理し、調査結果をビジュアルデザインの判断につなげます。
主な機能
- 01競合のアイデンティティ、位置づけ、語調の確認
- 02Good/Different Chartによるブランド評価
- 03知覚マップ作成と市場の空白の特定
- 04色、タイポグラフィ、画像傾向の比較
- 05調査結果をデザイン判断に反映
活用シーン
- 01ブランドカラー選定時に競合の集中を避ける
- 02タイポグラフィ監査で視覚的な差別化を探す
- 03ポジショニングマップでビジュアルの方向性を決める
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ mike-coulbourn/ claude-vibes --skill competitive-visual-auditインストール後、Claude Code で/competitive-visual-auditを入力して読み込まれたか確認します。
同梱ファイルreference/templates.md
詳細
競合ビジュアル監査フレームワーク
ビジュアルアイデンティティの意思決定に役立つ、競合ブランド分析のクイックリファレンスです。このスキルはビジュアル制作の段階で自動的に有効になり、競合に関する知見がデザインの意思決定に反映されます。
「他者がジグザグに進むなら、こちらは逆に進む。大胆な差別化こそ、存在意義を確立する最も確かな道です。」 — Marty Neumeier
主な統計
- 55% のブランドの第一印象はビジュアルによるものです
- 90% の直感的な判断は、色だけで行われます(製品によって異なります)
- 一貫したビジュアル戦略により、ブランド認知度が 80% 向上します
- 86% の顧客が、購入の主な理由として真正性を挙げています
「良い/異なる」チャート(Marty Neumeier)
ブランドを、「良い」(顧客価値)と「異なる」(新しさ/意外性)の2つの軸でプロットします。
DIFFERENT (Novel, Surprising)
│
ZONE OF │ ZONE OF
IRRELEVANCE │ DOMINANCE
(Different but │ (Good AND Different)
not good) │ ← THE GOAL
│
───────────────────────┼───────────────────────
│
ZONE OF │ ZONE OF
MEDIOCRITY │ COMMODITIZATION
(Neither good │ (Good but
nor different) │ not different)
│
GOOD (Customer Value)
各競合を両方の軸で1〜10点で評価し、その位置をプロットします。
唯一性を表すステートメント(Marty Neumeier)
形式:「私たちのブランドは、[市場]において、[ニーズや信念]を持つ[対象者]に[差別化要素]を提供する、唯一の[カテゴリー]です。」
テスト:競合他社も同じステートメントを正直に完成させられますか? できる場合は、差別化が不十分です。
ジグかザグかを決めるフレームワーク
「ジグ」を選ぶとき(カテゴリーの慣習に従う)
- カテゴリーで信頼性や安全性を示すサインが求められる(医療、金融、法律)
- 顧客が正当な選択肢を見分けるために、ビジュアルの慣習を利用している
- 初期の信頼性が必要な、確立された市場に参入する
- 差別化の要素が他にある(サービス、価格設定)
「ザグ」を選ぶとき(カテゴリーの慣習を破る)
- カテゴリーのビジュアルが均質(誰もが同じように見える)
- 伝えるべき、本質的な哲学上または戦略上の違いがある
- ターゲット層がカテゴリーの画一性に飽きている
- 実質的な内容を伴う形で、その違いを持続できる
- 一部の人々を遠ざけても、別の人々を強く惹きつけることをいとわない
ビジュアル差別化の優先順位
インパクトと実現可能性に基づきます。
| 優先度 | 要素 | インパクト | 備考 |
|---|---|---|---|
| 1 | 色 | 最高 | 最も即効性のある差別化要素 |
| 2 | タイポグラフィ | 高 | すべての顧客接点に影響する |
| 3 | 写真/画像 | 高 | 特徴を出せるが、リソースを要する |
| 4 | イラストのスタイル | 高 | 独自性があるが、一貫性が必要 |
| 5 | ロゴデザイン | 基盤 | トーンを決めるが、要素の一つにすぎない |
| 6 | レイアウト/余白 | 控えめ | 印象を通じて差別化する |
ビジュアル監査のクイックチェックリスト
競合を分析する際は、それぞれについて以下を記録します。
ビジュアルアイデンティティ
- ロゴ:シンボルかワードマークか、スタイル、複雑さ
- メインカラー+16進数コード
- セカンダリーカラー
- タイポグラフィ:セリフかサンセリフか、ウェイト
- 画像:写真かイラストか、雰囲気、被写体
- 全体的な美的スタイル:ミニマル、大胆、遊び心がある、企業的
ポジショニング
- タグライン
- 主な訴求内容
- 唯一性の評価(ステートメントを完成させられるか?)
- 「良い/異なる」チャート上の位置(各軸1〜10点)
声
- トーン:プロフェッショナル、カジュアル、遊び心がある、権威的
- パーソナリティの特徴(形容詞3〜4個)
- サイト上の文言の例
知覚マップのクイックガイド
-
顧客にとって重要で、対比を生み出す2つの軸を選びます。
- 価格(低 → 高)と品質(低 → 高)
- プロフェッショナル ↔ 親しみやすい
- 伝統的 ↔ 革新的
- 専門家向け ↔ すべての人向け
-
マップ上に競合を10社以上プロットします
-
空白領域を特定します:競合が少ない象限
よく見られるビジュアルパターン
色の集中
- 競合の多くが集まっているのはどこですか?(多くの業界には「青色問題」があります)
- どの色の領域が未開拓ですか?
タイポグラフィの傾向
- すべてセリフ体ですか? → サンセリフ体を検討します
- すべてジオメトリックサンセリフ体ですか? → ヒューマニスト系またはセリフ体を検討します
画像のパターン
- すべてストック写真ですか? → カスタムイラストを検討します
- すべて人物の写真ですか? → 製品または抽象的な表現を検討します
リサーチからデザインへの橋渡し
| 競合調査での発見 | 活用先 |
|---|---|
| 色の空白領域 | メインカラーの選定 |
| タイポグラフィの傾向 | 書体の選定 |
| 画像の不足領域 | 写真・イラストの方向性 |
| ポジショニングマップの空白領域 | ビジュアルパーソナリティ |
| アーキタイプの全体像 | 全体的な美的方向性 |
テンプレート
記入済みのワークシート、記録した意思決定、最終的な文書など、ユーザーが保管する成果物を作成する場合は、reference/templates.md を参照してください。このファイルで扱う概念的な質問や簡単な提案では、参照を省略してください。目次から始まるため、必要なテンプレートだけを読み込んでください。
- カラー監査マトリクス
- タイポグラフィ監査マトリクス
- 画像スタイル監査マトリクス
- 知覚マップテンプレート
- 良い点・異なる点のチャートテンプレート
- 出力検証チェックリスト
この知識を活用する場面
色の選定時
- 競合のカラ―監査を参照して、色の集中を避ける
- まだ使われていない色の領域を特定する
タイポグラフィの選定時
- 差別化の糸口を見つけるため、タイポグラフィ監査を参照する
- カテゴリー内で同質性が高い場合は、対抗するポジショニングを取る
ビジュアルの方向性を定める時
- 全体的な美的方向性の指針として、知覚マップを活用する
- Zig vs Zag の意思決定フレームワークを適用する
ポジショニングの策定時
- Only-ness Statement の機会を参照する
- 戦略的なポジショニングに Good/Different Chart を活用する
主な原則
- 作成する前にマッピングする:ビジュアルの決定を行う前に、全体像を把握します
- 空白領域は機会です:誰も行っていないことこそ、自分たちが独自のものにできる領域です
- 色は最も迅速な差別化要素です:ビジュアルの差別化は、色から始めましょう
- 際立つには一貫性が必要です:異なることが効果を発揮するのは、それを一貫して維持できる場合だけです
- 最良ではなく、唯一の存在になる:Neumeier の中核的な原則です
詳細な手法
競合ブランドを詳細に監査する場合、brand-competitive-auditor エージェントには、出力形式やリサーチのプロセスを含む 750 行以上の手法が記載されています。