技術ライティングコラム

オウンドメディアのデザイン事例9選|BtoB企業

【執筆者紹介】卜部克哉
この記事の執筆者
卜部克哉
会社名:テクノポート株式会社
執筆テーマ:Web広告、Webマーケティング
【経歴】
通信機器メーカーでの法人営業を経てWebマーケティングコンサルタントへ。セールスとWebマーケティング(サイト改善/SEO/Web広告など)両方の視点から製造業の認知拡大とリード獲得施策を得意としている。

【寄稿実績】
製造業にとってオンライン展示会は“使える”のか? コロナ後の可能性を考える(MONOist)
卜部克哉 が執筆した他の記事をみる

こんにちは。テクノポートの卜部です。オウンドメディアを立ち上げるにあたって、「どんなデザインにしたらよいかわからない…」とお悩みの方も多いのではないでしょうか。

そこで本記事では、デザインが参考になるBtoB企業の事例をご紹介します。それぞれのメディアに共通するポイントもまとめていますので、ぜひ参考にしてください。

オウンドメディアにおけるデザインの重要性

オウンドメディアにおいて、最も大事なのはコンテンツの質です。しかし、いくら質の高いコンテンツを作ったとしても、見てもらえなければ意味がありません。

ユーザー目線のわかりやすいデザインを用いることで、やっとそのコンテンツが読んでほしい人に届くようになります。つまり、オウンドメディアにおいてデザインは届けるための手段として重要な役割を果たすのです。

BtoB企業のオウンドメディアのデザイン事例9選

では、BtoB企業が運用するオウンドメディアの参考になるデザイン事例を紹介します。

1. Bridgestone Blog(株式会社ブリヂストン)

URL:https://www.bridgestone.co.jp/blog/

「Bridgestone Blog」では、ピックアップ記事がトップ表示されており、ターゲットの目に入りやすい設計になっています。カテゴリは「未来」「暮らし」「文化」「多様性」とあり、アイキャッチデザインにおいて、それぞれの世界観が表現されています。

2. WORK SIGHT(コクヨ株式会社)

URL:https://www.worksight.jp/

「WORK SIGHT」は、企業の働き方を変えるためのオフィス空間についてコンテンツを発信しているオウンドメディアです。アイキャッチは写真のみで、使う色の数も抑えられているので、情報がごちゃつかず、シンプルでスタイリッシュな印象を受けるデザインになっています。

3. サイボウズ式(サイボウズ)

URL:https://cybozushiki.cybozu.co.jp/

「サイボウズ式」は、働き方や生き方、組織作りをテーマにコンテンツを発信しています。それぞれのコンテンツのブロックが角丸になっていたり、アイキャッチにイラストが使われていたりすることで、柔らかく親しみやすい印象を与えるデザインになっています。

4. テクノロジーイノベーションセンター特設サイト(ダイキン工業株式会社)

URL:https://www.daikin.co.jp/tic

「テクノロジーイノベーションセンター特設サイト」は、製品の開発ストーリーや人の思いに焦点をあてています。そのため、アイキャッチは開発風景や開発者など、人の映った写真を用いており、色はDAIKINのコーポレートカラーを使用したデザインになっています。

5. MIND SWITCH(株式会社シマノ)

URL:https://bike.shimano.com/ja-jp/mindswitch/

株式会社シマノは、自転車部品を開発・製造・販売を行っている企業です。MIND SWITCHでは、「通勤サイクリング」がテーマになっていることがトップのメインビジュアルからすぐ伝わります。色使いはポップ、元気、エネルギッシュといった印象を受けるデザインになっています。

6. 制御機器知恵袋(パナソニック株式会社)

URL:https://ac-blog.panasonic.co.jp/top

「制御機器知恵袋」は、エンジニア向けの課題解決を目的にしているため、課題別にどこを見ればよいかすぐわかる設計になっています。新着記事やアイキャッチは、導線をシンプルにするために表示されていません。

7. ARATTE(荒川化学工業株式会社)

URL:https://pinealpha.jp/

フラックス洗浄について学ぶというテーマのメディアで、「洗う」というキーワードが想起されるメインビジュアルになっています。製品情報のページとリンクさせながら、初心者にもわかりやすいよう図解を用いて解説されています。

8. ROHM TechWeb(ローム株式会社)

URL:https://techweb.rohm.co.jp/

メディアのトップに、漫画でモーターについて学べるコンテンツがあるのが大きな特徴です。これにより、ビギナーエンジニアでも入りやすい設計になっています。

9. The Art of Manufacturing―ものづくり(三菱電機)

URL:https://www.mitsubishielectric.co.jp/fa/the-art-of-manufacturing/index.html

「The Art of Manufacturing―ものづくり」は、FAに関するコンテンツを発信しているオウンドメディアです。最新記事は6つ表示されており、5つのカテゴリに分けて設計されています。右側にランキングと編集部のおすすめコンテンツがアイキャッチ付きで表示されているのが特徴です。

デザイン性の高いオウンドメディアに共通する特徴

紹介した10個のオウンドメディアのデザインに共通する特徴を解説します。

企業の世界観に合ったデザイン

企業の世界観をオウンドメディアでも表現しましょう。例えば、ロゴのカラーをオウンドメディアにも使用したり、イラストのテイストをそろえたりしながら、全体の統一感をはかります。
サイトを見たときに、「このサイト、あの会社らしいな」とユーザーが思えるようなデザインが理想的です。

目的に合ったデザイン

オウンドメディアの運用目的はさまざまです。採用目的であれば、実際に働いている人をアイキャッチにしたり、親しみやすい印象のデザインにするのがよいでしょう。また、製品の認知度向上が目的であれば、製品や開発者をアイキャッチにし、信頼感や安心感を感じられるデザインにするといったことが考えられます。

このように、目的から論理的にデザインしていくことが重要です。

まとめ

今回はBtoB企業のオウンドメディアのデザイン事例を紹介しました。「自社のオウンドメディアはどんなデザインにしようかな」といった視点で参考にしていただければ幸いです。

この記事の執筆者
卜部克哉
会社名:テクノポート株式会社
執筆テーマ:Web広告、Webマーケティング
【経歴】
通信機器メーカーでの法人営業を経てWebマーケティングコンサルタントへ。セールスとWebマーケティング(サイト改善/SEO/Web広告など)両方の視点から製造業の認知拡大とリード獲得施策を得意としている。

【寄稿実績】
製造業にとってオンライン展示会は“使える”のか? コロナ後の可能性を考える(MONOist)
卜部克哉 が執筆した他の記事をみる