オウンドメディアは企業にとって重要なマーケティングツールの一つです。自社の商品やサービス、ブランドに関する情報を発信し、ユーザーとの関係性を築くことができます。しかし、オウンドメディアを運営する企業が増える中、単に情報を発信するだけでは差別化が難しくなってきました。そこで重要になるのが、オウンドメディアのデザインです。魅力的なデザインは、ユーザーの興味を引き、サイトに滞在する時間を長くするだけでなく、ブランドイメージの向上にもつながります。
本記事では、オウンドメディアにおけるデザインの重要性を解説した上で、業界別に魅力的なデザイン事例を20個紹介します。さらに、ユーザーを引き付けるデザインの極意や、オウンドメディアをリニューアルする際のポイントについても詳しく説明します。記事の最後には、魅力的なオウンドメディア作りのためのテクニックもお教えしますので、ぜひ参考にしてみてください。
オウンドメディアにおけるデザインの重要性
オウンドメディアのデザインは、ユーザーに良い第一印象を与え、サイトに滞在してもらうために非常に重要な要素です。以下では、オウンドメディアでデザインが重要な理由と、デザインの役割や目的について詳しく解説します。
オウンドメディアでデザインが重要な理由
オウンドメディアのデザインが重要な理由は大きく分けて3つあります。
1．ユーザーの興味を引き付ける
魅力的なデザインは、ユーザーの興味を引き付け、サイトに滞在する時間を長くします。オウンドメディアに訪れたユーザーが、最初の数秒で「このサイトは面白そうだ」と思わせるためには、ビジュアル面での工夫が欠かせません。
2．ブランドイメージの向上につながる
オウンドメディアのデザインは、企業やブランドのイメージを大きく左右します。高品質な写真や洗練されたレイアウトは、ユーザーに「この企業は信頼できそうだ」という印象を与えます。逆に、デザインが古かったり、使いづらかったりすると、ブランドイメージを損なう恐れがあります。
3．サイトの使いやすさを向上させる
見やすく、わかりやすいデザインは、サイトの使いやすさを向上させます。記事が読みやすかったり、欲しい情報にアクセスしやすかったりすることで、ユーザーはストレスなくサイトを利用できます。
デザインの役割と目的
オウンドメディアのデザインには、大きく分けて3つの役割と目的があります。
1. ブランディング
オウンドメディアのデザインは、企業やブランドのイメージを視覚的に表現する役割を担っています。サイトのカラーリングやレイアウト、使用する写真や図版など、あらゆる要素がブランドイメージと連動している必要があります。
2.ユーザビリティの向上
デザインのもう一つの重要な役割は、ユーザビリティの向上です。記事や画像を適切な大きさで配置したり、直感的にわかりやすいアイコンを使用したりするなど、ユーザーが快適に閲覧できるよう、細部までこだわって作り上げることが求められます。
3.行動喚起
オウンドメディアのデザインは、最終的にはユーザーの行動喚起につながることを目的としています。魅力的な記事を読んで、商品を購入したり、サービスに申し込んだりするよう、適切なタイミングでCTAを配置するといった工夫が必要不可欠です。
以上のように、オウンドメディアにおけるデザインの重要性は非常に高いと言えるでしょう。
続いては、業界別に魅力的なオウンドメディアのデザイン事例を見ていきましょう。
業界別に見る、魅力的なオウンドメディアデザインの事例17選
それでは実際に、業界別に魅力的なオウンドメディアのデザイン事例を見ていきましょう。本章では、Web・IT・マーケティング、飲食・食品・飲料、建築・空間・施設など、幅広い業界からピックアップした17個の事例を紹介します。ぜひ参考にしてみてください。
Web・IT・マーケティング業界の事例
最初に紹介するのは、Web・IT・マーケティング業界の事例です。この業界は比較的オウンドメディアが盛んで、デザインのクオリティも高い傾向にあります。
1. ferret - 幅広いマーケティング情報を発信
デジタルマーケティングのナレッジ共有プラットフォーム「ferret」は、株式会社ベーシックが運営するオウンドメディアです。
マーケティングに関する幅広い情報を発信しており、誰もが読みやすいようにシンプルなデザインに仕上げられています。豊富なカテゴリから記事を探す導線もあり、読みたい記事にたどり着きやすくなる工夫が施されています。
2. メルカン - 採用に特化したデザイン
株式会社メルカリが運営する「mercan」は、採用に特化したオウンドメディアです。
全体的に白を基調とした爽やかなデザインで、すっきりとした印象に仕上がっています。また、サイトのトップページには社員のリアルな声を集めた動画コンテンツがあり、メルカリで働くイメージを膨らませてくれます。
飲食・食品・飲料業界の事例
続いては、飲食・食品・飲料業界の事例を見ていきます。グルメ情報に特化したオウンドメディアでは、美味しそうな写真の数々が目を引きます。
3. キユーピーマヨネーズキッチン - コーポレートカラーを全面に
キユーピー株式会社が運営する「キユーピーマヨネーズキッチン」は、同社の看板商品であるマヨネーズを使ったレシピを多数紹介しているオウンドメディアです。
サイト全体でキユーピーのコーポレートカラーである赤と白を基調とし、親しみやすさと統一感を演出。トップページには、マヨネーズを使った料理の画像がずらりと並び、思わず食欲をそそられるデザインとなっています。
4. THE BAKE MAGAZINE - 美味しそうなビジュアルが満載
株式会社BAKEが運営する「THE BAKE MAGAZINE」は、同社のスイーツに関する情報を発信しているオウンメディアです。
「おいしいは、しあわせにBAKEる」というブランドメッセージの通り、サイトには美味しそうなスイーツの写真がふんだんに使用されています。記事のビジュアルも、インスタ映えするようなお洒落な雰囲気で統一されており、思わず立ち寄りたくなるようなデザインです。
5. nomooo - シンプル&スタイリッシュなデザイン
飲食店の口コミサイト「nomooo」は、リカー・イノベーション株式会社が運営するオウンメディアです。
シンプルかつスタイリッシュなデザインで、高級感と信頼感を醸し出しています。トップページの中央には、検索窓とカテゴリーの一覧があり、ユーザーが欲しい情報に素早くアクセスできる工夫が施されています。
建築・空間・施設業界の事例
次は、建築・空間・施設業界の事例です。この業界のオウンメディアは、写真や図版を効果的に使って、自社の世界観を表現しているのが特徴的です。
6. WORKSIGHT - 働き方をイメージさせるデザイン
オフィス家具メーカーのコクヨ株式会社が運営する「WORKSIGHT」は、働き方に関するオウンメディアです。
シンプルながらもおしゃれなデザインで、ターゲットとなるオフィスワーカーの琴線に触れます。トップページには、「Way of Work, Space for Work」というキャッチコピーが配置されており、同社が目指す働き方のイメージを想起させます。
7. 北欧、暮らしの道具店 - 読み物とECが融合
北欧雑貨のセレクトショップ「北欧、暮らしの道具店」は、株式会社クラシコムが運営するオウンメディア兼ECサイトです。
北欧らしいナチュラルでシンプルなデザインで、温かみのある世界観を演出しています。商品の購入はもちろん、ライフスタイルに関する読み物コンテンツも充実しており、メディアとECが融合したユニークなサイト構成となっています。
ファッション・美容業界の事例
ファッションや美容に関するオウンメディアでは、ビジュアル訴求が非常に重要です。ここでは、写真や動画を中心に、洗練されたデザインが光る2つの事例を紹介します。
8. Onitsuka Tiger MAGAZINE - ブランドイメージを体現
スポーツファッションブランド「Onitsuka Tiger」のオウンメディアである「Onitsuka Tiger MAGAZINE」は、ブランドの世界観を余すことなく伝えるデザインが特徴的です。
モノトーンを基調としながら、所々で同ブランドのシグネチャーカラーであるイエローをアクセントとして使用。スタイリッシュな雰囲気の中に、若々しさと躍動感をプラスしています。
9. FASHION HEADLINE - 写真と動画で魅せる
ファッションに特化したニュースサイト「FASHION HEADLINE」は、株式会社スタジオアルタが運営するオウンメディアです。
トップページは、大きな画像とともにニュースの見出しが並ぶシンプルなレイアウト。記事ページでは、ファッションショーの動画なども交えながら、臨場感あふれるコンテンツを展開しています。
BtoC企業の事例
消費者向けにサービスを提供しているBtoC企業では、ユーザー目線に立った使いやすいオウンメディアづくりが求められます。ここでは、ユーザビリティの高さが光る3つの事例を取り上げます。
10. お風呂なび - イラストで統一感を演出
入浴剤や温浴機器を販売するバスクリン株式会社のオウンメディア「お風呂なび」は、サイト内の随所にかわいらしいイラストを配することで、統一感のあるデザインに仕上げています。
コンテンツは、お風呂にまつわる悩みや疑問に答える形式で展開。文字ばかりになりがちな内容も、イラストを織り交ぜることで読みやすくなっています。
11. MASH UP! KABUKICHO - 派手さと使いやすさの両立
歌舞伎町のエンターテインメント情報に特化したオウンメディア「MASH UP! KABUKICHO」は、一見派手なデザインながらも、実はユーザビリティに優れているのが特徴です。
原色を多用し、都会的でにぎやかな雰囲気を演出する一方で、グローバルナビゲーションの設計など、閲覧者が欲しい情報に行き着きやすい工夫が随所に施されています。
12. ワタシプラス - パーソナライズ機能が充実
化粧品メーカーの株式会社資生堂が運営する「ワタシプラス」は、ユーザー一人ひとりに合わせたパーソナライズ機能が充実しているのが特徴です。
サイトに会員登録すると、自分の肌質や好みに合わせたコンテンツが表示されるようになります。また、資生堂の商品を購入した際の履歴も記録されるため、次回以降のアドバイスに役立てられるのが魅力的です。
採用目的の事例
自社の採用活動に活用するオウンメディアも増えています。求職者の興味を引くためには、会社の雰囲気が伝わるデザインが重要となります。
13. OnLINE - LINEらしさ全開のデザイン
LINE株式会社の採用情報を発信する「OnLINE」は、オウンメディアでありながら同社のコーポレートサイトと遜色のないクオリティの高いデザインが魅力です。
サイト全体でLINEのコーポレートカラーであるグリーンを使用し、親しみやすさと統一感を演出。社員インタビューのページでは、吹き出しを用いた対話形式を採用するなど、同社らしいコミュニケーティブなデザインが随所に盛り込まれています。
14. NYLE ARROWS - 社員にフォーカスしたデザイン
ナイル株式会社が運営する「NYLE ARROWS」は、社員一人ひとりにフォーカスを当てたオウンドメディアです。
トップページの大部分を占めるのは、社員の笑顔が印象的な写真の数々。キャッチコピーとともに、働く楽しさが全面的に押し出されたデザインになっています。
地域活性・地方創生の事例
地域の魅力を発信し、交流人口の増加や移住促進につなげるためのオウンメディアの事例です。地元ならではのコンテンツを、読みやすく、楽しいデザインで展開しているのが特徴です。
15. ジモコロ - 地元ネタを面白おかしく紹介
地域密着型Webマガジン「ジモコロ」は、ローカルネタを独自の視点で面白おかしく紹介することで人気を博しているオウンメディアです。
カラフルなデザインと、個性豊かなタッチのイラストが同メディアの特徴。各地方の名物や観光スポットが、ユニークなイラストや写真とともに紹介されています。
その他の業界の事例
最後は、これまでの分類に当てはまらない業界の事例を紹介します。業種によってオウンメディアのテイストは異なりますが、どの企業もターゲットユーザーを意識した適切なデザインを採用しています。
16. withnews - 新聞社ならではの切り口と信頼度
朝日新聞社が運営するニュースサイト「withnews」は、同社ならではのクオリティの高い記事を、読みやすいデザインで展開するオウンドメディアです。
充実した情報を提供しながらも、全体的にスッキリとしつつもポップなレイアウトで親しみやすさを感じるデザインになっています。
17. 食物アレルギーケア - 安心感のあるデザイン
日本ハム株式会社が運営する「食物アレルギーケア」は、食物アレルギーに関する情報を医師監修のもとで提供しているオウンドメディアです。
色使いはオレンジと白を基調とし、明るく柔らかい印象に。トップページには、食物アレルギーについての基礎知識や最新ニュースがまとめられており、欲しい情報に素早くアクセスできます。
ユーザーを引き付けるオウンドメディアデザインの極意
ここまで、様々な業界の魅力的なオウンメディアデザインの事例を紹介してきましたが、ここからは実際にユーザーを引き付けるためのデザインの極意について解説します。
1. ブランドのイメージや世界観の体現
オウンメディアのデザインを考える上で最も重要なのは、自社のブランドイメージや世界観をいかに体現するかということです。
色使いやレイアウト、写真や図版のテイストなど、あらゆる要素がブランドの価値観と合致している必要があります。その上で、他社にはない独自性も加味することが求められます。画一的なデザインではなく、自社らしさを前面に押し出すことが肝要と言えるでしょう。
2. ユーザー目線のUX設計
いくら洗練されたデザインでも、ユーザーにとって使いづらいオウンメディアではあまり意味がありません。
サイトを訪れた人が、ストレスなく記事を読み進められるよう、UX（ユーザーエクスペリエンス）を意識した設計が求められます。例えば、適度な余白を設けてメリハリをつけたり、CTAボタンを適切な場所に配置したりするのも一つの手です。ユーザーの導線をイメージしながら、使いやすさを追求しましょう。
3. モバイルファーストは必須事項
近年はスマートフォンの普及により、オウンメディアの閲覧もモバイル経由が増えています。
そのため、モバイルファーストでのデザイン設計は必須事項と言えます。レスポンシブデザインを採用し、スマートフォンでの表示崩れを防ぐとともに、サイトの読み込み速度にも気を配る必要があります。
スマホの表示速度を上げる工夫
具体的には、以下のような工夫が考えられます。
・画像やデータ容量の最適化
・AMPへの対応
・CSSやJavaScriptのミニファイ化
・キャッシュの活用
4. オリジナリティ溢れるビジュアル
オウンメディアの記事は、文字情報だけでなくビジュアルでも訴求していくことが重要です。
オリジナリティあふれる魅力的な写真やイラスト、グラフィックを積極的に盛り込み、読者の関心を引くことを心がけましょう。「自社でしか作れないビジュアル」にこだわることが、他メディアとの差別化につながります。
5. ユーザーを飽きさせない工夫
せっかく魅力的なオウンメディアを制作しても、ユーザーに飽きられてしまっては元も子もありません。
記事を定期的にアップデートするのはもちろん、時には思い切ったデザインの変更を試みるのも効果的です。固定化したイメージを払拭し、新鮮な印象を与えられるよう、工夫を凝らしていくことが求められます。
記事フォーマットを変えてマンネリ化を防ぐ
同じような記事ばかりだとどうしても飽きられやすいもの。時には記事のフォーマットを思い切って変えてみるのも一案です。
・インタビュー形式
・対談形式
・図解記事
・漫画形式
こうした新しい切り口を適宜取り入れることで、マンネリ化を防ぎましょう。
視線誘導を意識したレイアウト
文字ばかりが続くと読者も疲れてしまいます。適度に写真を挟み込んだり、引用部分をデザインで際立たせたりと、メリハリのある構成を心がけることが重要です。
オウンドメディアのデザインリニューアルで意識すべきポイント
長く運営していると、どうしてもオウンメディアのデザインも古くなりがちです。時代に合わなくなったと感じたら、思い切ってリニューアルに踏み切りましょう。ただしその際は、以下の点に注意が必要です。
1. サイト設計の再検討
デザインのリニューアルは、単なる見た目の変更だけでは不十分です。
サイト全体の設計を見直し、ユーザビリティの向上につなげることが重要となります。例えば、記事の分類を再考したり、必要に応じてカテゴリーを統廃合したりするのも一案です。情報設計をゼロベースで考え直すつもりで臨みましょう。
2. トレンドを意識したデザイン
せっかくリニューアルするなら、最新のWebデザインのトレンドを取り入れたいもの。
フラットデザインの導入や、パララックス効果の活用など、現代的な技術を積極的に盛り込むことで、サイトの印象をガラリと変えることができます。もちろん、自社のブランドイメージとの整合性は大切にしつつ、フレッシュな雰囲気を演出しましょう。
3. ブランドイメージとの整合性
一方で、リニューアルによってブランドイメージが大きく変わってしまうのは避けたいところ。
何のために今回の変更を行うのか、自社にとってのオウンメディアの役割は何かを改めて見つめ直し、ブランドの価値観を損なわないデザインを目指すことが肝要です。変えるべきポイントと、変えてはいけないポイントをしっかりと見極めましょう。
4. 数値を見ながらPDCAサイクルを回す
リニューアル後は、アクセス解析などの数値を定期的にチェックし、PDCAサイクルを回していくことが重要です。
狙い通りの効果が出ているか、改善すべき点はないかを細かくウォッチし、必要に応じて軌道修正を図りましょう。思い切った変更を行うのと同時に、その後の継続的な改善を怠らないことが、成功への近道と言えます。
魅力的なオウンドメディアを作るための職人技
最後に、魅力的なオウンメディアを作るための職人技をいくつかご紹介します。これらを参考に、他社に負けない強力なメディアづくりを目指しましょう。
外注するべき？自社で作るべき？
オウンメディアの制作・運営を外注するか、自社で手がけるかは悩ましい問題です。
自社リソースだけで全てをまかなうのは難しいケースも多いでしょう。一方、全てを丸投げしてしまうと、自社色が出しにくいというジレンマもあります。状況に応じて、外注と内製のバランスを取っていくことが重要と言えます。
早い段階でグランドデザインを固める
オウンメディアは長期的な運営が前提となるだけに、早い段階である程度のグランドデザインを固めておくことが求められます。
サイトのテーマやコンセプト、主要なカテゴリー、更新頻度など、骨格となる部分を事前にしっかりと設計しておくことで、迷走を防ぐことができるでしょう。ある程度の柔軟性は持ちつつも、揺るぎないコアの部分を持っておくことが肝要です。
社内外の優秀な人材を巻き込む
魅力的なオウンドメディアを作るには、社内外の優秀な人材の力を借りることが欠かせません。
ライターやデザイナー、エンジニアなど、それぞれの分野のプロフェッショナルたちと協力する体制を整えましょう。自社の社員だけでは足りない部分は、外部の力を上手に活用することが重要です。
また、他部署との連携も積極的に行いたいところ。営業部門や広報部門など、オウンメディアに関わりの深い部署とコミュニケーションを密にし、情報共有を図ることで、より効果的な運営が可能になります。
まとめ：オリジナリティとユーザー目線を大切にしたデザインで他社と差をつけよう！
オウンメディアのデザインを考える上で最も大切なのは、オリジナリティとユーザー目線の2点に尽きます。
自社にしかできないユニークな世界観を構築しつつ、ユーザーにとっての使いやすさや読みやすさも追求する。この両立こそが、他社と差をつけるための鍵と言えるでしょう。
一朝一夕では完璧なデザインはできません。試行錯誤を重ねながら、少しずつブラッシュアップを図っていくことが重要です。
本記事で紹介したデザインのポイントや事例を参考にしつつ工夫を重ねていけば、他メディアを圧倒する魅力的なオウンメディアを作り上げられるはずです。
ユーザーに長く愛されるオウンドメディアを目指して、デザインの力を存分に活用していきましょう。
なお、実際にオウンドメディアの立ち上げやリニューアルを検討している方は、ぜひイノーバにご相談ください。豊富な実績を誇る弊社では、オウンメディアの戦略立案から、デザイン設計、記事制作、サイト構築、運用まで、ワンストップでサポート可能です。お客様の課題やご要望をヒアリングした上で、最適なプランをご提案いたします。お気軽にお問い合わせください。
オウンドメディアの全体像を知りたい方は、こちらをお読みください。
オウンドメディアの構築方法を知りたい方は、こちらをお読みください。
