branding-identity について
Branding and Identityは、ブランド戦略、ビジュアルアイデンティティ、各タッチポイントでのコミュニケーションを策定・レビューするスキルです。ポジショニング、ブランドの核、コーポレートデザイン、ポートフォリオの指針、一貫性の確認を扱います。
主な機能
- 01ブランドのポジショニングと価値観
- 02ブランドストーリーとパーソナリティ
- 03コーポレートデザインの指針
- 04トーンとタッチポイントの一貫性
- 05ポートフォリオと事例ページのパターン
- 06ブランドアイデンティティのチェックリスト
活用シーン
- 01ブランドのポジショニング策定
- 02ブランドスタイルガイドの作成
- 03ウェブサイトをブランド戦略に合わせる
- 04ポートフォリオや事例ページのレビュー
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ flitzrrr/ frontend-design-skills --skill branding-identityインストール後、Claude Code で/branding-identityを入力して読み込まれたか確認します。
詳細
ブランディングとアイデンティティ
ブランドはロゴ以上のものです。企業に対して人々が抱くあらゆる認識や体験を含みます。デザインは装飾ではなく、戦略です。
対象範囲
次のような場合に、このスキルを使用します。
- ブランドポジショニングを策定または見直す
- コーポレートデザインやブランドスタイルガイドを作成する
- ウェブサイトのビジュアルアイデンティティをブランド戦略に合わせる
- ポートフォリオや事例紹介ページをデザインする
- トーン・オブ・ボイスとブランドパーソナリティを定義する
- あらゆる顧客接点で一貫性を確保する
原則
1. ブランドはロゴ以上のものです
ブランディングには、デザイン、コミュニケーション、サービス、行動が含まれます。あらゆる要素がブランドを形作ります。
2. 一貫性が信頼を築きます
ブランドは、長期にわたる継続的で一貫したコミュニケーションを通じて築かれます。一貫性の欠如は信頼を損ないます。
3. ポジショニングは不可欠です
すべての企業は、競合他社との違いを明確に定義する必要があります。ポジショニングがなければ、提供するものは他社と代替可能になります。
4. ブランドは人々の心の中で形作られます
ブランドを定義するのは企業ではなく、オーディエンスの認識です。ブランディングは、その認識を積極的に導きます。
5. 演出よりも誠実さを重視します
本物の人々、本物の仕事、本物の成果を見せましょう。誠実さに欠ける表現は失望につながります。
ルール
実施すること:ポジショニングを策定する
- 企業の際立った特長を明確に定義します。
- 差別化要因(品質、コミュニケーション、価格設定、サービス)を特定します。
- ポジショニングステートメントを作成します:「私たちは、[差別化要因]を理由に、[ニーズ]を持つ[対象者]に[何を]提供します。」
実施すること:ブランドの核を定義する
- ブランドの中核となる価値観を3~5つ定義します。
- ブランドストーリーを作成します:企業はなぜ存在するのか。どのような課題を解決するのか。
- ブランドパーソナリティを描写します:ブランドを人にたとえると、どのように話すでしょうか。
実施すること:コーポレートデザインを一貫して実装する
- 色、フォント、余白、コンポーネントを定義したデザインシステムを作成します。
- ロゴは事前に定義したバリエーション(カラー、白黒、アイコンのみ、タグラインあり/なし)で使用します。
- ロゴの配置、クリアスペース、最小サイズを定義します。
- カラーパレットは最大5~7色に制限します。
- フォントファミリーは最大2種類選びます。
実施すること:あらゆる顧客接点をデザインする
- ウェブサイト、メール、ソーシャルメディア、印刷物など、すべての顧客接点を意図的にデザインします。
- すべての顧客接点で同じブランドメッセージが伝わるようにします。
- トーン・オブ・ボイス(フォーマル/カジュアル、ユーモラス/事実重視、呼びかけ方)を定義します。
実施すること:ポートフォリオをブランドのショーケースとして活用する
- 最高の、最も代表的な作品だけを掲載します(量より質を重視)。
- 各プロジェクトについて、初期状況、課題、アプローチ、解決策、成果を説明します。
- 高品質で大きなサイズの画像やモックアップを使用します。
- 社会的証明として、クライアントの推薦文を取り入れます。
- ポートフォリオを定期的に更新します。
実施すること:Aboutページを個人的な内容にする
- 本物らしい写真で、自分自身やチームを紹介します。
- 企業の背景にあるストーリーを伝えます。
- 複数の連絡方法を目立つように提示します。
避けること:ブランディングをロゴデザインと同一視する
- ロゴだけではブランド認識は生まれません。全体を整える必要があります。
避けること:一貫性のないブランドシグナルを発信する
- チャネルごとに異なる配色を使用しないでください。
- 媒体によってコミュニケーションスタイルを変えないでください。
- 戦略的な根拠なしにビジュアルアイデンティティを変更しないでください。
避けること:トレンドにブランドアイデンティティを左右させる
- ブランドに合わないデザイントレンドを追わないでください。
- トレンドを超えて、中核となるアイデンティティを保ちます。
- ブランドは急激にではなく、段階的に進化させます。
パターン
ブランドスタイルガイド
ロゴの仕様、カラーパレット(Hex、RGB、CMYK)、タイポグラフィのルール、ビジュアルランゲージ、トーン・オブ・ボイス、余白、グリッドシステムをまとめたリファレンスです。ブランドを代表してデザインするすべての人が参照する正式な資料です。詳細は references/brand-style-guide.md を参照してください。
ポートフォリオプロジェクトページ(ケーススタディ)
構成されたレイアウト:1. プロジェクト名と概要、2. 当初の状況と課題、3. アプローチとプロセス、4. ビジュアル成果(大判のスクリーンショット/モックアップ)、5. 測定可能な効果、6. クライアントの推薦コメント。
ブランドパーソナリティのスペクトラム
次の尺度でブランドを定義します:フォーマル――カジュアル、事実重視――感情重視、真面目――ユーモラス、控えめ――自信に満ちた。それぞれの尺度に値を設定し、その値をもとに言葉遣いの例を作成します。
ビジュアル上の差別化要素
ブランド独自のビジュアル要素を1つまたは2つ特定します(シグネチャーカラー、イラストのスタイル、特徴的な書体、繰り返し用いるグラフィックモチーフなど)。この要素をすべてのタッチポイントで一貫して使用します。
ビフォー/アフターの紹介
リニューアルプロジェクトでは、ビフォー/アフターの比較を視覚的な証拠として提示します。インタラクティブスライダー、または横並びで比較できる形式にします。コンバージョン率の上昇や読み込み時間の短縮など、測定可能な成果も併せて示します。
アンチパターン
ロゴだけのブランディング
戦略もブランドの核もなく、ブランディングがロゴデザインだけに限定されています。解決策: ロゴをデザインする前に、ポジショニング、価値観、トーン・オブ・ボイス、ビジュアルシステムを基盤として定めます。
匿名性の高いポートフォリオ
作品は掲載されていても、誰が手がけたのか、どのようなプロセスだったのか、どのような背景があるのかが伝わりません。解決策: 個人の紹介ページ、プロセスの説明、クライアントの推薦コメント、明確な問い合わせ方法を用意します。
トレンド追随型のデザイン
トレンドが変わるたびにビジュアルアイデンティティを全面刷新すると、認知されにくくなります。解決策: アイデンティティの核は安定させ、適合する場合にのみトレンドを取り入れます。
実際より大きく見せる
個人事業主が大規模な代理店のように自分を見せると、クライアントは実態との違いに気づきます。解決策: ありのままを伝え、少人数チームならではの強みをアピールします。
ポートフォリオの詰め込みすぎ
プロジェクトが多すぎる、小さなスクリーンショットしかない、背景説明がない、といった状態です。解決策: 最高のプロジェクトを5~10件に絞り、大判の画像とケーススタディの説明を掲載します。
チェックリスト
戦略
- ポジショニングを1文で表現している
- 3~5個のコアバリューを定義している
- ターゲット層を説明している
- ブランドパーソナリティとトーン・オブ・ボイスを定義している
- 差別化要素を特定している
ビジュアルシステム
- 必要なすべてのバリエーションのロゴを用意している
- カラーパレットを定義している(Hex/RGBで最大5~7色)
- タイポグラフィを確立している(フォントファミリーは最大2種類)
- ビジュアル表現と画像のスタイルを文書化している
- ブランドスタイルガイドを作成し、アクセス可能な状態にしている
ポートフォリオ
- 最高の作品だけを掲載している
- 各プロジェクトに背景説明と解説がある
- 高品質な大判画像/モックアップを使用している
- クライアントの推薦コメントを掲載している
- 個人写真を載せた紹介ページがある
- ポートフォリオを定期的に更新している
一貫性
- すべてのタッチポイントでビジュアルが統一されている
- コミュニケーションのスタイルに一貫性がある
- ブランドスタイルガイドを日常的に活用している
関連項目
color-theory-- 色彩心理学とブランドカラーの選定web-typography-- ブランドアイデンティティの要素としてのフォント選定images-media-- ブランドアイデンティティの一部としての画像戦略ui-design-- ブランドを視覚的に表現するUIデザインusability-- ブランドの約束としてのユーザビリティvisual-direction-- ブランドのビジュアルディレクションに関する意思決定