branding について
新しいブランドの策定、一貫性の監査、各タッチポイントのメッセージ調整を支援するスキルです。戦略、ストーリーテリング、トーン、ビジュアルアイデンティティを扱います。
主な機能
- 01ブランドの目的・価値観・ポジショニング
- 02ブランドの起源とストーリー構成
- 03ブランドボイスとトーンの指針
- 04ビジュアルアイデンティティ戦略
- 05ブランドガイドとトークンの計画
活用シーン
- 01新しいブランド戦略の策定
- 02タッチポイント間の一貫性の監査
- 03チャネル間のメッセージ調整
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ kostja94/ marketing-skills --skill brandingインストール後、Claude Code で/brandingを入力して読み込まれたか確認します。
詳細
戦略:ブランディング
ブランド戦略の指針となる、目的、価値観、ポジショニング、ストーリーテリング、ボイス、ビジュアルアイデンティティを扱います。一貫したブランディングを実践する企業では、売上が23~33%増加します。また、人は事実だけの場合と比べて、ストーリーを約22倍よく覚えています。新しいブランドを定義するとき、一貫性を監査するとき、またはあらゆるタッチポイントでメッセージを統一するときに、このスキルを使用してください。
キーワード:ブランド戦略、ブランドガイドライン、ビジュアルアイデンティティ、ストーリーテリング、ブランドボイス、デザイントークン、スライド資料、コーポレートアイデンティティ、スタイルガイド、ポジショニング
呼び出し時:初回の使用時は、必要に応じて、このスキルの対象範囲と重要性を1~2文で簡潔に説明してから、主な成果物を提示してください。2回目以降の使用時、またはユーザーから省略を求められた場合は、すぐに主な成果物を提示してください。
対象範囲
- ブランド戦略:目的、価値観、ポジショニング、差別化、ターゲットオーディエンス
- ブランドストーリーテリング:創業ストーリー、ヒーローズジャーニー、物語の展開、ブランドアーキタイプ
- ブランドボイスとトーン:ボイス、トーン、避ける用語、推奨する表現
- ブランドのビジュアルアイデンティティ:色、タイポグラフィ、ロゴのルール――戦略レイヤー。実装にはbrand-visual-generator、logo-generatorを使用します
初期評価
プロジェクトのコンテキスト: ルートにcontextus.mdがある場合は読み込み、このタスクに関連するモジュールのみを読み込んでください。Contextusがない場合は、利用可能なプロジェクト資料またはユーザーから提供された情報を使用し、不足している情報を尋ねてください。並行するコンテキストシステムを作成してはいけません。
以下を特定します。
- 対象範囲:新しいブランド、一貫性の監査、または統一
- タッチポイント:ウェブサイト、ソーシャルメディア、製品UI、ディレクトリ、コンテンツ
- 既存のアセット:ブランドガイド、ロゴ、スタイルガイド
ブランド戦略の柱
| 柱 | 目的 |
|---|---|
| ブランドの目的 | 利益を超えてブランドが存在する理由を、一文で示す |
| ブランドの価値観 | 中核となる価値観を4~5つ示す。大切にしていること、差別化要因 |
| ターゲットオーディエンス | 誰にサービスを提供するか。ICP。達成すべきジョブ |
| ポジショニング | [顧客]のうち、[ニーズ]を抱える人にとって、当社の[製品]は[メリット]をもたらす[カテゴリー]です。[競合他社]とは異なり、当社は[理由]により[差別化要因]を実現します |
| 差別化 | 他の選択肢ではなく、なぜ自社なのか。曖昧ではなく、具体的に示す |
ブランドストーリーテリング
創業ストーリー
- 内容:会社を形作った道のり、創業、節目、個人的な経験
- 目的:感情的なつながりを生み出す。顧客の58%は企業の価値観を基準に購入します
- 要素:創業者、創業の理由、乗り越えた課題、ビジョン、進化の過程
ヒーローズジャーニー(顧客をヒーローにする)
| 要素 | 内容 |
|---|---|
| ヒーロー | 顧客。そのニーズ、希望、状況 |
| 課題 | 顧客が直面していることと、現在の解決方法 |
| きっかけとなる気づき | 緊急性を生み出す、新たな捉え方 |
| ブランドの役割 | ガイド、ツール、またはパートナー。ヒーローではありません。解決をどう支援するか |
| 変化 | よりよい未来の姿と、その証拠(事例、推薦文) |
ブランドの物語の展開
- 主人公:課題に直面する顧客
- 危機:何も変わらなかった場合に起きること
- 証拠:データ、事例、推薦文
- CTA:ストーリーの中に行動喚起を配置し、行動を促す
ブランドアーキタイプ(12種類)
| アーキタイプ | トーン | 例 |
|---|---|---|
| 創造者 | 革新的、想像力豊か | Adobe |
| 世話役 | 思いやりがある、支援的 | Johnson & Johnson |
| 支配者 | 権威ある、高級感のある | Mercedes-Benz |
| 無垢な人 | シンプル、楽観的 | Coca-Cola |
| 賢者 | 賢明、博識 | |
| 探検家 | 冒険好き、自立的 | Patagonia |
| 反逆者 | 反抗的、破壊的 | Harley-Davidson |
| 魔術師 | 変革をもたらす、先見性がある | Disney |
| ヒーロー | 勇敢、意志が強い | Nike |
| 恋人 | 情熱的、官能的 | Chanel |
| 道化師 | 遊び心がある、楽しい | M&M's |
| 隣人 | 親しみやすい、気取らない | IKEA |
アーキタイプを顧客の性格に合わせることで、ストーリーテリングが強化されます。
ブランドの声とトーン
| 要素 | 定義 | 例 |
|---|---|---|
| 声 | ブランドの個性。すべての接点で一貫します | プロフェッショナル/親しみやすい/技術的/大胆 |
| トーン | 表現の仕方。状況に応じて調整します | 自信はあるが傲慢ではない。役に立つ。簡潔 |
| 避ける表現 | 流行語や、決して使わない用語 | 「streamline」「revolutionize」「synergy」 |
| 推奨表現 | 一貫して使用する用語 | 「analysis」ではなく「audit」。「user」ではなく「customer」 |
Contextus ブランドモジュール:Contextus で、プロジェクト固有の声、トーン、使用禁止の表現、推奨用語を維持します。
ブランドのビジュアルアイデンティティ(戦略レイヤー)
| 要素 | 戦略 | 実装 |
|---|---|---|
| 色 | プライマリ、セカンダリ、CTA。業界との対応付け | brand-visual-generator |
| タイポグラフィ | ディスプレイ+本文。階層。組み合わせ | brand-visual-generator |
| ロゴ | バリエーション、クリアスペース、最小サイズ | logo-generator |
| 画像 | トーン、主題、ビジュアルの雰囲気 | ブランドガイドライン |
| 一貫性 | ウェブ、ソーシャル、製品で同じアイデンティティを維持 | すべての接点 |
ビジュアル仕様の詳細(フォント、HEX、間隔)については、brand-visual-generator を参照してください。ロゴの配置と実装については、logo-generator を参照してください。
ブランドガイドラインの構成
信頼できる唯一の情報源です。以下を含めます。
- 目的と価値観:存在する理由。大切にしていること
- ポジショニング:一言での説明。差別化要因
- ストーリー:創業ストーリー。ヒーローズジャーニーの要約
- 声とトーン:声、トーン、避ける表現、推奨表現
- ロゴ:使用ルール、クリアスペース、バリエーション(ライト/ダーク)
- 色:プライマリ、セカンダリ、CTA(HEX、RGB、CMYK)
- タイポグラフィ:フォントファミリー、階層、サイズ
- 画像:写真のトーン。アイコンのスタイル
ビジュアル仕様の提供(デザイントークン)
ユーザーが戦略だけでなく、ウェブ、スライド、印刷物に使える実用的な仕様を必要としている場合は、チームがデザインシステム、メディアキット、またはスライドマスターに貼り付けられるトークン表を作成します。ウェブ/CSS の詳細については、brand-visual-generator と整合させます。
| トークンのカテゴリ | 記録する内容 | フィールドの例 |
|---|---|---|
| 色 | 名前付きの役割と値。該当する場合はライト/ダーク用 | プライマリ #______、テキストプライマリ #______、背景 #______、アクセント 1~3、CTA、ボーダー、エラー/成功 |
| タイポグラフィ | ファミリー、ウェイト、サイズスケール、行の高さ | ディスプレイ/H1~H3/本文/キャプション。ウェブセーフフォントまたはシステムフォールバック |
| 間隔 | 基準単位とスケール | 例:8px を基準にする。セクション間の間隔。ロゴのクリアスペース(em または px) |
| テキスト以外のアクセント | チャート、図形、区切り線 | アクセントカラーをローテーションする。パレットにない恣意的な単発の色相は避ける |
各媒体へのトークンの適用
- ウェブ/製品:CSS 変数またはデザイントークンを使用します。brand-visual-generator を参照してください。
- スライド(PowerPoint、Google Slides、Keynote):スライドマスターの背景と、デフォルトのタイトル/本文フォントをトークン表に基づいて設定します。テーマカラーをプライマリ/セカンダリ/背景/テキストに割り当てます。可能であれば、デッキのセクションごとにアクセントカラーを 1 色ずつ使い回します。
- ドキュメント(Word、Google Docs、PDF):トークンのフォントと色を使って、段落スタイル(タイトル、見出し 1~3、標準、キャプション)を定義します。ブランドでオフホワイトを使う場合は、デフォルトのページ背景を設定します。
ユーザーが既存のブランド PDF や箇条書きのリストを貼り付けた場合、実装方法を提案する前に内容を抽出し、このトークン表の形式に整理します。
出力形式
- ブランド戦略(目的、価値観、ポジショニング、差別化)
- ストーリー(創業ストーリー、ヒーローズジャーニー、物語の展開)
- 声とトーン(声、トーン、避ける表現、推奨表現)
- アーキタイプ(該当する場合)
- ビジュアル(概要。ウェブ仕様は brand-visual-generator に委ねる)
- デザイントークン表(色、文字のスケール、間隔)。成果物に実装可能な状態が求められる場合
- スライド/ドキュメントに関する注記(マスターフォント、テーマカラー)。接点にスライドやドキュメントが含まれる場合
- Contextus:プロジェクト固有のブランドとビジュアルアイデンティティを維持するために使用
関連スキル
- about-page-generator:会社概要ページでブランドストーリー、ミッション、価値観を伝えます
- homepage-generator:ホームページで価値提案、差別化、ブランドボイスを伝えます
- logo-generator:ロゴの配置、実装を扱います。ブランディングではロゴのルールを定義します
- brand-visual-generator:タイポグラフィ、色、間隔を扱います。ブランディングではビジュアル戦略を定義します
- media-kit-page-generator:メディアキットでブランドガイドラインを掲載します
- directory-submission:ディレクトリ掲載文でブランドボイスを使用します。セクション 8「ブランドとボイス」
- title-tag, meta-description:メタデータでブランドボイスを使用します
- integrated-marketing:PESO 全体でブランド認知度を高めます
- domain-selection:ドメインの選択(Brand/PMD/EMD、TLD)。ドメインを選ぶ際は、ブランディングの前または同時に行います
- domain-architecture:ドメイン構造でブランドアーキテクチャ(ブランド・ハウス対ハウス・オブ・ブランド)を実現します
- rebranding-strategy:リブランディングの実施を扱います。ドメイン変更、301、告知