Amebaブログ Brand Guidelines

Transcript

1. Brand
   
   Guidelines
   

   View Slide

2. Introduction
   

   View Slide

3. はじめに
   ブランドとは、様々な体験の蓄積の結果、人々の心の中に作られるイメージや期待のことです。それは、サービス
   や企業が発信するあらゆるコミュニケーションや制作物すべてを通して形成されていきます。したがって、ブラン
   ド創りにはすべての制作物において一貫した体験とそこから感じられる印象でコミュニケーションする必要があり
   ます。

   Amebaは長年にわたり、インターネット上における個人の発信や価値あるコンテンツを届けるプラットフォーム
   としてサービスを提供してきました。

   「Ameba Brand Guidelines」は、制作者、広告主、取引先などあらゆる関係者との接点において私たちの誰も
   が一貫したコミュニケーションを行い、“Amebaらしさ”を共に創り上げるための指針です。
   
   3
   Ameba Brand Guidelines
   ブランドとは
   
   人々の心に中にあるイメージ、印象、らしさ
   

   View Slide

4. ブランディングとは？
   ブランディングとは、企業や商品、サービスなどの“らしさ”を、時代やニーズなどを捉えながら、ビジュアルや体
   験を通して社内外に一貫して伝え、届けていくことです。ブランドに共感してもらい、ファンになってもらうこと
   がブランディングの目的です。ブランディングによって創られたブランド価値は、企業やサービスの資産にもなっ
   ていきます。
   4
   Ameba Brand Guidelines
   BRAND
   なぜ、なんのために存在しているのか？
   
   〇〇らしさ
   意志・歴史・理念・強み・特徴・独自性 ロゴ・カラー・音・言葉・
   
   空間・活動・社員・体験
   どんな方法で伝え、届け、
   
   心の中に醸成させるか？
   らしさ 届け方
   ING
   ※参考文献：Landor 事例で学ぶブランディング
   

   View Slide

5. ブランディングの役割
   ブランドのあるべき姿を定義することによって組織やサービスが目指す方向性に一貫性が生まれ、
   
   「ブランドのらしさ」が明確に伝わります。
   5
   Ameba Brand Guidelines
   SNS
   広告
   広報／PR
   社員
   プロダクト
   値段
   Brand
   

   View Slide

6. ビジョン、ミッション、コンセプトの相関関係
   ビジョン、ミッション、コンセプトを定義することによって目指す指針が明確になります。
   6
   Ameba Brand Guidelines
   ブランドアイデンティティ
   Brand Identity
   ブランドが持つべき個性や印象
   Amebaらしさ
   Vision
   ビジョン
   理想とする姿の追求
   Mission
   ミッション
   存在意義、社会的意志
   ブランドコンセプト
   Concept
   らしさを体現するための実行原理
   

   View Slide

7. ブランドガイドラインの位置付け
   Amebaブランドガイドラインは、「サービスとしてのAmeba」のブランドについて規定しています。本ガイドラ
   インがAmeba全体のブランディングの核となり、すべてのプロダクトやサービスに対して上位の指針となりま
   す。 一方で、各プロダクト、サービスで本ガイドラインには書かれていない個別ルールが必要になる場合がありま
   す。サービスの個性を踏まえた個別のガイドラインを作る場合は、本ガイドラインとの整合性を保つように留意し
   てください。
   7
   Ameba Brand Guidelines
   Visoin
   
   Mission
   Concept
   Brand Identity
   DesignSystem & Guidelines
   Service & Product
   サービスブランドの
   核となる理念
   あらゆるタッチポイントにおける
   サービスブランドの特徴を表すもの
   本ガイドラインを踏まえたブラン
   ド・プロダクトのガイドライン
   ユーザーとのタッチポイントとなる
   サービスやプロダクト
   

   View Slide

8. Vision
   
   Mission
   

   View Slide

9. ビジョン 理想とする姿の追求
   9
   Ameba Brand Guidelines
   Brand Vision / Slogan - 理想とする姿
   

   View Slide

10. ミッション 存在意義、社会的意志
    10
    Ameba Brand Guidelines
    Brand Mission - 存在意義 社会的意思
    人 と 情報をつ むぎ
    
    暮 ら しが豊かに育ちつづ ける
    
    た め の機会をつくる。
    

    View Slide

11. Brand
    
    Identity
    

    View Slide

12. ブランドアイデンティティとは
    ブランディングにおいて核となるのがブランド・アイデンティティ、つまり「らしさとは何か」という定義です。
    それはコピーやロゴに限らず、サービスの提供価値やブランドパーソナリティ、ベネフィット、ボイス&トーンな
    どによって形成されており、その“らしさ”を体現するための実行原理として「Brand Concept」があります。ブラ
    ンドを創るためには、この“らしさ”をすべてのタッチポイントにおいて、一貫して届ける必要があります。
    12
    Ameba Brand Guidelines
    らしさ
    

    View Slide

13. ブランドコンセプト 目指す世界観、らしさを体現するための実行原理
    13
    Ameba Brand Guidelines
    Brand Concept
    生きたコンテンツをつむぐ
    その人らしさ、感情、気持ちがありのままに書かれたブログ。
    
    心を揺さぶる漫画や、励ましてくれる占い。
    
    Amebaにあるのは、そんな「生きたコンテンツ」です。
    
    さまざまなコンテンツとAmebaで出会い、その時の心情をブログにつづる。
    
    そのブログを見た誰かが、また新しい価値にめぐりあう。
    
    人とコンテンツが出会い、想いをつむぐ、一人ひとりの心が豊かになる場所。
    
    Amebaはそんなサービスを、100年先まで提供していきます。
    

    View Slide

14. ブランドコンセプト 目指す世界観、らしさを体現するための実行原理
    14
    Ameba Brand Guidelines
    記事を生み出す 届ける
    つながれる
    等身大
    多様性
    親しみやすい、多様性がある
    生きたコンテンツをつむぐ
    Brand Concept
    ブロガー 閲覧者
    その人らしい
    
    生きたことば 心が動く
    

    View Slide

15. ブランドコア Amebaが大事にしたい価値観
    ここで定義しているブランドコアとはユーザーに感じてもらいたいAmebaの価値です。
    
    Amebaらしさを体現するために重要な価値基準になります。
    15
    Ameba Brand Guidelines
    Amebaは
    等身大でいられる
    等身大でいられる、本音が言える
    
    飾らずにありのままの自分で楽しめる、
    
    居心地のいい場所。
    Amebaは
    多様性がある
    個性と個性が混じり合う
    
    ユーザー、コンテンツが互いに尊重される、
    
    みんなの日常を彩る場所。
    Amebaは
    親しみやすい
    誰にでもなじむ、寄り添える
    
    若い人からお年寄りまで、
    
    すべての人にとって親しみやすい場所。
    Amebaは
    つながれる
    思いがけないうれしい出会いが、ここに。
    
    予期せぬ発見やつながりが
    
    ユーザーの世界を広げる場所。
    Brand Core
    

    View Slide

16. ブランドパーソナリティ ブランドが持つべき人格(個性や印象)
    定義したブランドパーソナリティによって、消費者はブランドを明確に認識できるようになります。例えば、
    Amebaというブランドが消費者にとってどのような存在であるかを定義することにより、ブランドの個性や性格
    が明示されます。これにより、ブランドの思考や行動、態度などが自然と明確になり、その結果、発信するメッ
    セージ全体が一貫性を持つようになります。
    16
    Ameba Brand Guidelines
    明るく楽しい雰囲気を持ち、人懐っこさも兼ね備えている。

    知識に満ち、しっかりとした価値観を保有している。

    誰に対しても対等に接し、親友のようにそばに寄り添う存在。
    どんな感じのする人？
    明るく陽気で親しみやすく、誰からも愛される友人の
    ような存在。ユーモアを理解し、常に自然体で公平。
    どんな見た目の人？
    手の届く範囲のおしゃれ。きれいさが過剰にならず、
    愛嬌があり、話しかけやすい雰囲気を持つ
    どんな話をする人？
    誠実に、本音でリアルな情報を伝える。豊富な知識を
    持ち、多角的な視点から情報を伝達する。場の空気や
    相手に合わせた適切な口調で会話を進める。
    どんな振る舞いの人？
    自然体のままで、親身になって寄り添う。幅広い関心
    を持ち、強固な価値観を保つ。人の話を良く聞き、他
    人を尊重する態度を持つ。
    どんな夢を持っている？
    みんながそれぞれの多様性を認め合い、自分らしく在
    ることができる状態を願っています。その結果として
    心が豊かになれば嬉しいと思っていまる。
    その他
    流行に繊細で、最新のトレンドを上手に取り入れてい
    る。また、多くの友人がいる。
    

    View Slide

17. ブランドターゲット 理想とするターゲット像
    ブランドターゲットとは、特定のブランドが商品やサービスを提供する際に重点的に取り組もうとする特定の顧客
    層のことを指します。これは年齢層、性別、生活スタイル、趣味、所得レベルなどによって判断されます。ブラン
    ドターゲットを明確にすることで、マーケティング戦略や商品開発、サービス提供などをより効果的に行うことが
    できます。
    17
    Ameba Brand Guidelines
    書き手
    ありのままの自分で発信したい人
    
    共感してくれる人と深くつながりたい人
    読み手
    趣味趣向にあったリアルな情報を知りたい人
    
    同じ境遇の人の情報で共感、安心を得たい人
    

    View Slide

18. ボイス & トーン Amebaはどのような喋り口調で情報を伝えるのか？
    「ボイス＆トーン」とは、ブランドがどのような言葉遣いをするのか、どんな話し方をするのかを表すものです。
    これはブランドパーソナリティを基に定められ、そのブランドが具現化した場合の口調や言葉遣いをイメージさせ
    ます。全ての発言がこのボイス＆トーンに統一されることで、ブランド全体のイメージが一貫性を持つようになり
    ます。
    18
    Ameba Brand Guidelines
    正直
    
    寛容
    
    親切
    
    温和
    性格
    親しみやすい
    
    ほがらか
    
    包み込むような
    知らせる
    
    おすすめする
    
    共感する
    
    満足してもらう
    明確な
    
    知識豊かな
    
    難しくない
    口調、雰囲気
    目的
    言語、言葉使い
    Brand Voice
    真剣
    楽しい
    フォーマル
    カジュアル
    ビジネスライク
    リラックス
    落ちついた
    活気のある
    聞き慣れた
    ユニーク
    大人な
    若々しい
    

    View Slide

19. Design

    Principles
    

    View Slide

20. Amebaらしさ3原則 らしさを体現するための約束事
    概要
    
    Amebaらしさ３原則とはAmebaでモノづくりをするために必要な、Amebaらしさ = ブランドを体現するための
    「約束事」です。
    
    
    役割と効果
    
    Amebaらしさ3原則では、Amebaが「どのような」ブランドを目指すのかを方向づける言葉を定義しています。
    3原則を意識して、Amebaらしさを体現することにより、パートナーやユーザーに対して一貫した体験を届けられ
    るようになります。
    20
    Ameba Brand Guidelines
    Amebaらしさ
    敬意を表そう
    快く迎え入れよう
    心を動かそう
    

    View Slide

21. Amebaらしさ3原則 らしさを体現するための約束事
    21
    Ameba Brand Guidelines
    敬意を表そう
    私たちがユーザーに何かを伝えたいとき、
    
    自分たちの都合を押しつけていませんか？
    
    
    ユーザーが大事にしていることは一人ひとり異な
    ります。その価値観を尊重し、寄り添うことが必要
    です。一人ひとりの価値観を把握するためには、
    あらゆる視点でユーザーを深く知ることが重要で
    す。 ユーザーの行動を観察・分析し、その背景に
    ある気持ちを理解してください。
    
    ユーザーを理解し、その価値観を尊重する。敬意を
    表しましょう。
    
    心を動かそう
    私たちがユーザーに反応を返すとき、
    
    ただ事実だけを伝えていませんか？
    
    
    ユーザーは何かを求めてサービスに訪れます。た
    だ「使ってもらう」だけでなく、その時々でユー
    ザーがサービスに共感できるよう心がけてくださ
    い。Amebaを単なるシステムとして機能させず、
    ひとりの人間としての情緒を持たせてください。扱
    う言葉や表現に人間味や親しみを込めましょう。
    
    私たちもまたユーザーに共感し、その感情に適し
    た言葉をかける。心を動かしましょう。
    快く迎え入れよう
    私たちがユーザーを迎えるとき、
    
    ユーザーは自分の意思で行動・会話ができていますか？
    
    
    様々な個性、多様な環境のユーザーがAmebaに訪れま
    す。壁を感じさせないよう快く受け入れ、困っていると
    きには手を差し伸べてください。友人に話しかけるよう
    な気軽さと、リズムの良いやりとりが理想です。ただし
    極端に馴れ馴れしい話し方や、一方的な伝え方にならな
    いように心がけてください。
    
    はじめての人にも常連の人にも、常に親しみやすく。快
    く迎え入れましょう。
    

    View Slide

22. ビジョン、ミッション、コンセプト、ブランドアイデンティティの構造
    22
    Ameba Brand Guidelines
    ビジョン 理想とする姿の追求
    ミッション 存在意義、社会的意志
    ブランドコンセプト らしさを体現するための実行原理
    人と情報をつむぎ 暮らしが豊かに育ちつづける ための機会をつくる。
    生きたコンテンツをつむぐ
    +
    ロゴ
    カラー
    タイポグラフィ
    アイコン
    イラスト
    写真
    キービジュアル
    Visual Identity
    ブランドバリュー Amebaが大事にしたい価値観
    パーソナリティ ブランドが持つべき個性や印象
    等身大でいられる
    
    親しみやすい
    
    多様性がある
    
    つながれる
    誰にでも自然体で寄り添ってくれる存在
    明るく、ほがらか　聞き上手　寛容である　印象がよい　顔が広い　親しい友人のような　
    
    流行に敏感で知識がある　しっかりした一面もある
    Brand Identity
    Amebaらしさ3原則
    敬意を表そう 　心を動かそう　快く迎え入れよう
    

    View Slide

23. Visual
    
    Identity
    

    View Slide

24. ビジュアルアイデンティティとは
    ビジュアルアイデンティティ（VI）とは、ブランドアイデンティティを一貫したビジュアルの世界観で展開してい
    くことです。
    
    VIによってブランドの強みやらしさ、世界観を社内外に正しくすばやく認知させ、効率的・効果的に浸透させるこ
    とができます。それらをデザインするための約束事が「Amebaらしさ3原則」になります。
    24
    Ameba Brand Guidelines
    Visual Identity
    Ameba Principles
    Amebaらしさ3原則
    書籍
    広告/PR
    ウェブサイト
    グッズ
    アプリ
    サムネイル
    SNS
    スタッフブログ
    オフィス
    CM
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    

    View Slide

25. Brand Logo
    25
    Ameba Brand Guidelines
    

    View Slide

26. Brand Color らしさを表現するためのカラールール
    26
    Ameba Brand Guidelines
    Ameba green
    RGB : R45 G140 B60
    
    CMYK : C80 M30 Y100 K0
    
    HEX : #2D8C3C
    
    PMS : 17- 6153TPX
    
    DIC : 2560
    Black
    RGB : R0 G0 B0
    
    CMYK : C0 M0 Y0 K100
    
    HEX : #000000
    
    PMS : Black3C
    
    DIC : 582
    White
    RGB : R255 G255 B255
    
    CMYK : C0 M0 Y0 K0
    
    HEX : #FFFFFF
    
    PMS : -
    
    DIC : 583
    Neutral Gray
    RGB : R246 G246 B246
    
    CMYK : C4 M4 Y4 K0
    
    HEX : #F6F6F6
    
    PMS :
    
    DIC : 2560
    Yellow Green
    RGB : R130 G190 B40
    
    CMYK : C55 M0 Y100 K0
    
    HEX : #82BE28
    
    PMS : 15 - 0545TPX
    
    DIC : 2545
    Yellow
    RGB : R245 G225 B0
    
    CMYK : C10 M10 Y90 K0
    
    HEX : #F5E100
    
    PMS :
    
    DIC :
    

    View Slide

27. Expressive Color らしさの表現を拡張してデザインするためのカラールール
    27
    Ameba Brand Guidelines
    Expressive Blue
    RGB : R106 G189 B226
    
    CMYK : C58 M13 Y10 K0
    
    HEX : #6ABDE2
    Expressive Green
    RGB : R74 G195 B170
    
    CMYK : C66 M0 Y44 K0
    
    HEX : #4AC3AA
    Expressive Lavender
    RGB : R145 G122 B235
    
    CMYK : C71 M68 Y0 K0
    
    HEX : #917AEB
    Expressive Purple
    RGB : R202 G92 B230
    
    CMYK : C44 M68 Y0 K0
    
    HEX : #CA5CE6
    Expressive Orange
    RGB : R230 G129 B92
    
    CMYK : C11 M61 Y62 K0
    
    HEX : #E6815C
    Expressive Yellow
    RGB : R230 G172 B92
    
    CMYK : C14 M39 Y68 K0
    
    HEX : #E6AC5C
    Expressive Pink
    RGB : R236 G99 B132
    
    CMYK : C9 M74 Y29 K0
    
    HEX : #EC6384
    

    View Slide

28. Brand Typography らしさをデザインするための書体
    28
    Ameba Brand Guidelines
    Ameba sans
    
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    
    abcdefghijklmnopqrstuvwxyz
    
    0123456789+-=!?/,.:;#$%&”’`*^
    
    <>()[]{}@_|~
    UD新丸ゴ

    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    
    abcdefghijklmnopqrstuvwxyz
    
    0123456789+-=!?/,.:;#$%&”’`*^
    
    <>()[]{}@_|~

    あいうえおかきくけこアイウエオカキクケコ
    AXIS
    
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    
    abcdefghijklmnopqrstuvwxyz
    
    0123456789+-=!?/,.:;#$%&”’`*^
    
    <>()[]{}@_|~

    あいうえおかきくけこアイウエオカキクケコ
    Avenir
    
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    
    abcdefghijklmnopqrstuvwxyz
    
    0123456789+-=!?/,.:;#$%&”’`*^
    
    <>()[]{}@_|~
    欧文Font 和文Font
    

    View Slide

29. Iconography らしさをデザインするためのアイコン
    29
    Ameba Brand Guidelines
    

    View Slide

30. Illustration らしさを表現するためのイラスト、キャラクター
    30
    Ameba Brand Guidelines
    

    View Slide

31. Illustration Expressive らしさを表現するためのエクスプレッシブカラーを用いたイラスト
    31
    Ameba Brand Guidelines
    

    View Slide

32. UI
    32
    Ameba Brand Guidelines
    

    View Slide

33. Visual Use Case らしさを表現したビジュアル事例
    33
    Ameba Brand Guidelines
    AboutAmeba
    

    View Slide