brand identityApril 7, 20267 min read

実際にコンバートする15のブランドアイデンティティ事例(そしてなぜ機能するのか)

実際に構築するチームが解説するブランドアイデンティティ事例。この15のアイデンティティが機能する理由と、自分のブランドに盗める教訓。

By Boone
XLinkedIn
Voxel brand monuments with text 15 BRANDS THAT ACTUALLY CONVERT

このリストで最高のブランドアイデンティティは、1秒以内に識別できる。Apple。Nike。Patagonia。Stripe。そのマークは筋肉記憶に深く刻み込まれていて、ロゴはほぼ関係ない。

これらのブランドに共通するのは、デザインの選択ではない。コミットメントだ。すべてのタッチポイントが同じストーリーを語り、そのストーリーがすべてのビジュアル決定の背後にある。ロゴは、世界に出ていった部分にすぎない。

認知を勝ち取った15のアイデンティティと、それぞれから盗める具体的なレッスンを紹介する。

ブランドアイデンティティはロゴではない

ブランドアイデンティティとは、あなたを認識可能にし、一貫性を保ち、他の誰とも混同されないようにする完全なシステムだ。ロゴではない。カラーパレットでもない。フォントの選択でもない。システムだ。

ブランドアイデンティティの5つの構成要素:ロゴ、カラー、タイポグラフィ、イメージ、ボイス
ブランドアイデンティティの5つの構成要素:ロゴ、カラー、タイポグラフィ、イメージ、ボイス

このリストのすべてのアイデンティティは、3つの特徴を共有している。

  1. 柔軟性を持った一貫性。 どこでも同じ、決して退屈ではない。
  2. 明確な視点。 一言も読む前に、何を信じているかがわかる。
  3. 体系的な思考。 すべての要素がつながっている。ランダムなものは何もない。

これらのどれか一つでも欠けると、ブランドアイデンティティにはならない。グラフィックのコレクションになるだけだ。

学ぶ価値のある15のブランドアイデンティティ

各セクションでは、ブランド、なぜ機能するのか、そして盗める具体的なレッスンを紹介する。

1Apple logoAppleRestraint as Identity1. Apple: Restraint as Identity

Appleのアイデンティティは、足し算ではなく引き算で構築されている。プロダクトそのものがアイデンティティだ。ロゴにグラデーションはなく、繁雑なパターンもなく、視覚的なノイズもない。

Apple製品ラインアップ、コンテキスト内のミニマリストなブランドアイデンティティを示す
Apple製品ラインアップ、コンテキスト内のミニマリストなブランドアイデンティティを示す
2Airbnb logoAirbnbMeaning in a Symbol2. Airbnb: Meaning in a Symbol

Beloは同時に4つのことを意味する:人々、場所、愛、そして文字のA。それをどれも賢ぶることなく実現している。本当の天才は、すべてのAirbnbのタッチポイントを同じ会話のように感じさせるカスタムタイプフェイスとイラストシステムだ。

Airbnbホームページ、実際に機能するBeloシンボルとブランドシステムを示す
Airbnbホームページ、実際に機能するBeloシンボルとブランドシステムを示す
3Stripe logoStripePrecision as Personality3. Stripe: Precision as Personality

Stripeは、エンジニアとデザイナーが本当にお互いを尊重したときに生まれるものだ。グラデーションシステムは技術的に洗練されているが、視覚的にはシンプルだ。タイポグラフィは、うるさくなることなく自信に満ちている。彼らのアイデンティティのすべての部分が、「クラフトに真剣だ」とその言葉を使わずに語っている。

Stripeホームページ、シグネチャーグラデーションシステムとブランドの精度を示す
Stripeホームページ、シグネチャーグラデーションシステムとブランドの精度を示す
4Mailchimp logoMailchimpPersonality Is Not Unprofessional4. Mailchimp: Personality Is Not Unprofessional

B2BブランドはB2Bブランドらしく見える必要はない。Mailchimpは手描きのイラスト、遊び心のある黄色、そして少し奇妙なマスコットにコミットし、決してそれを曲げなかった。ほとんどのブランドはFreddieをより安全なものに柔らかくしていただろう。Mailchimpは彼を奇妙なままにした。

Mailchimpホームページ、遊び心のあるブランドパーソナリティとマスコットのFreddieを示す
Mailchimpホームページ、遊び心のあるブランドパーソナリティとマスコットのFreddieを示す
5Notion logoNotionIdentity That Mirrors the Product5. Notion: Identity That Mirrors the Product

Notionのビジュアルアイデンティティは、Notionの体験とまったく同じように見える。クリーンで、抑制されていて、スケッチのようなイラスト。アイデンティティとプロダクトは、同じアイデアを2回表現したものだ。

Notionマーケティングページ、ミニマルなワークスペースの美学を示す
Notionマーケティングページ、ミニマルなワークスペースの美学を示す
6Linear logoLinearConsistency in the Unglamorous Places6. Linear: Consistency in the Unglamorous Places

Linearのブランドは、チェンジログ、ドキュメント、エラー状態の中に生きている。すべてのスクリーンショット、すべての機能発表、すべてのメールが同じ脳から生まれたように見える。それが本物のアイデンティティが生きる場所だ。

Linearプロダクトインターフェース、ダークブランドシステムを示す
Linearプロダクトインターフェース、ダークブランドシステムを示す
7Arc Browser logoArc BrowserIdentity as Function7. Arc Browser: Identity as Function

Arc Browserはブラウザをライフスタイルブランドのように感じさせたが、ブランド言語は上から貼り付けられたものではない。プロダクトの動作方法に埋め込まれている。カラーは装飾ではなく、整理だ。

Arc Browserプロダクトインターフェース、カラフルなブランド言語を示す
Arc Browserプロダクトインターフェース、カラフルなブランド言語を示す
8Figma logoFigmaIdentity Owned by the Community8. Figma: Identity Owned by the Community

Figmaのマルチカラーロゴ、Configカンファレンスのブランディング、コミュニティファーストのアセット戦略が、ユーザーが所有感を感じるブランドを構築した。これが最も難しく、最も価値のあることだ。

Figmaマーケティングページ、コラボレーティブデザインブランドを示す
Figmaマーケティングページ、コラボレーティブデザインブランドを示す
9Oatly logoOatlyVoice as Visual9. Oatly: Voice as Visual

Oatlyの手描きタイポグラフィと対立的なコピーは、人がカートンに書いたように見える。どれもベストプラクティスに従っていない。すべてが瞬時に認識可能だ。

Oatlyウェブサイト、対立的なブランドボイスと手描きの美学を示す
Oatlyウェブサイト、対立的なブランドボイスと手描きの美学を示す
10Duolingo logoDuolingoMascot as Strategy10. Duolingo: Mascot as Strategy

Duoはただのマスコットではない。Duoはコンテンツ戦略だ。緑はただの色ではない。無視できない通知だ。すべての要素が、ブランド認知とユーザーエンゲージメントの両方として機能している。

Duolingoウェブサイト、フクロウのDuoとブランドグリーンを示す
Duolingoウェブサイト、フクロウのDuoとブランドグリーンを示す
11Spotify logoSpotifyIdentity as a Framework11. Spotify: Identity as a Framework

Spotifyはブランドテンプレートを使用しない。ブランドフレームワークを使用する。デュオトーンイメージ、ボールドタイポグラフィ、データをデザインとして。毎年、Wrappedはコヒーレンスを失わずにフレックスできることを証明する。

Spotify For the Recordページ、エディトリアルコンテキストでのブランドを示す
Spotify For the Recordページ、エディトリアルコンテキストでのブランドを示す
12Nike logoNikeBelief Over Visual12. Nike: Belief Over Visual

Swooshは世界で97%の認知度を持つが、Nikeの本当のアイデンティティはロゴではない。それは態度だ。「Just Do It」はタグラインではなく、すべてのタッチポイントが強化する世界観だ。

NikeエディトリアルページとServe Athletesキャンペーン
NikeエディトリアルページとServe Athletesキャンペーン
13Patagonia logoPatagoniaValues as Visuals13. Patagonia: Values as Visuals

Patagoniaの「Don't Buy This Jacket」キャンペーンは、これまでに作られた最もブランドらしい広告だ。彼らは価値観を販売より優先し、すべてのビジュアルの選択(山のシルエット、アーストーン、着込んだ写真)がその信念を強化する。

Patagoniaストーリーページ、アウトドアブランドの美学を示す
Patagoniaストーリーページ、アウトドアブランドの美学を示す
14Glossier logoGlossierThe Customer as the Brand14. Glossier: The Customer as the Brand

Glossierはモデルの代わりに顧客をブランドの顔にした。すべてのビジュアル決定(ミレニアルピンク、ミニマルなパッケージ、UGC戦略)がその哲学に奉仕する。アイデンティティがアクセシブルに感じるのは、そのように設計されたからだ。

Glossierウェブサイト、シグネチャーのミニマルピンクビューティの美学を示す
Glossierウェブサイト、シグネチャーのミニマルピンクビューティの美学を示す
15Slack logoSlackPromise Matching the Product15. Slack: Promise Matching the Product

Slackは生産性ツールをフレンドリーに感じさせた。彩度の高い色、丸みを帯びた形、遊び心のあるローディングメッセージ。アイデンティティは「仕事は惨めである必要はない」と語り、それはまさにプロダクトが約束していることだ。

Slackプロダクトインターフェース、フレンドリーなブランド言語を示す
Slackプロダクトインターフェース、フレンドリーなブランド言語を示す

誰も語らないパターン

ブランドの一貫性:同じコーラルマークが電話、カード、ビルボード、パッケージに適用されている
ブランドの一貫性:同じコーラルマークが電話、カード、ビルボード、パッケージに適用されている

リストを改めて見てほしい。定着するブランドは、最も磨かれたロゴや最大のデザイン予算を持つものではない。すべてのタッチポイントが同じストーリーを語るものだ。

Appleのストーリーは「引き算」。Oatlyのストーリーは「奇妙さこそ誠実さ」。Nikeのストーリーは「ただやれ」。Patagoniaのストーリーは「地球は販売より大切だ」。

ブランドアイデンティティは成果物ではない。何を信じるかという決断と、それをどこでも同じ方法で表現する規律だ。

それがすべてだ。

FAQ

ブランドアイデンティティの主要な要素は何か?

ロゴとそのバリエーション、カラーシステム、タイポグラフィ(プライマリとセカンダリ)、イメージスタイル、ボイスとトーンガイド、そしてそれらすべてが連携するためのルール。ルールは個々の要素よりも重要だ。

ブランドアイデンティティデザインの費用はいくらか?

フリーランサーは2,000ドルから15,000ドルを請求する。エージェンシーは10,000ドルから始まり、エンタープライズシステムでは100,000ドル以上になる。ロゴファイルに対して支払うのではない。戦略的思考、システム設計、一貫性ルールに対して支払うのだ。

ブランドアイデンティティの作成にはどのくらいかかるか?

スコープに応じて4週間から12週間。1週間で完全なブランドアイデンティティを約束する人は手を抜いている。リサーチと戦略フェーズだけで1週間から3週間かかるべきだ。

Ready to build a brand identity that actually works? Brainy has built identities for brands across every industry. Let us talk.

Get Started

More from Brainy Papers

Keep reading