Scroll Down

Contact Us

初めてのサイト制作で何をすればいいかお困りのお客様も歓迎。

現状の課題抽出やサイトの目的の整理、サイトコンセプトの策定からお任せください。もちろん、Web集客の戦略設計を具現化するサイト構成、デザイン、機能面までご提案します。

058-215-0066 24時間受付

  • 地方採用ワークス
  • リープ・キャリア
  • Pace(ペース)
  • gifu42

2024.05.29 - Wed

Iguchi

Iguchi

見やすい!「情報・メディアサイト(オウンドメディア)」のWebデザイン事例21選!

本記事では、当社Webデザイナーが厳選した【全21社】のメディアサイトのデザイン事例をご紹介していきますので、ぜひ最後までご覧ください!

下記記事では「メディアサイト」についてより詳しく解説していますので、こちらもあわせてご覧ください。

和風のあしらいが落ち着いた印象のデザイン事例

シビックプライドプレイス(岐阜市・ぎふメディアコスモス事業)

専門型ポータルサイト|参考になる!ホームページデザイン15選!【最新版】

https://medicos-cp.jp/(制作:株式会社リーピー)

岐阜市にある、ぎふメディアコスモスが運営するサイト「シビックプライドプレイス」を制作させていただきました。洗練された和モダンなデザインが、「過去を知り、現在を見つめて、豊かな未来を想像する。」というコンセプトとも上手くマッチしていますね。鯉や青海波などのさりげない和のあしらいも、とても上品です。

あまはし(キキライフ)

https://amahashi.jp/(制作:株式会社リーピー)

神社情報掲載サイト「あまはし」を制作させていただきました。こちらは神社にまつわる情報に特化した、今までにないメディアサイトです。霞や桟橋のイラストからは神社特有の情緒を感じますね。参拝マナーや当日までの準備についても分かりやすくまとめられているので、初めて参拝に行く方にも優しいメディアサイトとなっています。

KYOTO SHIKIAMI CONCON(共創自治区CONCON)

レトロで上品な「和」をモチーフにしたホームページデザイン11選!

https://≈concon.kyoto/

髭を彷彿とさせるタイポグラフィが、和風ながらもモダンでトレンド感溢れています。帯を切り取ってはったかのような見出しが非常に特徴的で、四角くトリミングされた写真と相まってスクラップブックのようです。若者やクリエイティブに携わる人向けとしても、情報を非常にうまくメディア化したサイトですね。

Works

「情報・メディアサイト」の
当社の制作実績はこちら

リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,210社以上)

株式会社クロップス・クルー
株式会社ユニゾン・テクノロジー
株式会社エムズアソシエイツ
常盤産業株式会社
岐阜ギヤー工業株式会社
山創株式会社
医療法人社団メディコール
NPO法人日本ラクテーション・コンサルタント協会
株式会社クロップス・クルー
株式会社ユニゾン・テクノロジー
株式会社エムズアソシエイツ
常盤産業株式会社
岐阜ギヤー工業株式会社
山創株式会社
医療法人社団メディコール
NPO法人日本ラクテーション・コンサルタント協会
株式会社リーピー
日の丸グループ
日の丸自動車株式会社
岐阜商工信用組合
近江リース株式会社
岐阜商工信用組合
社会福祉法人岐阜県福祉事業団
株式会社ササキ
株式会社リーピー
日の丸グループ
日の丸自動車株式会社
岐阜商工信用組合
近江リース株式会社
岐阜商工信用組合
社会福祉法人岐阜県福祉事業団
株式会社ササキ

ポップな雰囲気で集客の拡大を狙うデザイン事例

フルサト( 認定NPO法人ふるさと回帰支援センター)

専門型ポータルサイト|参考になる!ホームページデザイン15選!【最新版】

https://www.gifu-iju.com/(制作:株式会社リーピー)

地方移住を応援するWEBマガジン「FURUSATO フルサト」を制作いたしました。情報量は多いのですが、写真やイラストが効果的に使われているため、とても見やすいのが特徴的です。ストレスなく閲覧できるサイト設計になっていますね。デザインはシンプルですが、トーンを合わせた配色や背景のドットのあしらいなど、各所に細かいこだわりを感じます。

河川環境楽園(河川環境楽園イベント実行委員会)

専門型ポータルサイト|参考になる!ホームページデザイン15選!【最新版】

https://kankyorakuen.jp/(制作:株式会社リーピー)

「河川環境楽園」のサイトを制作させていただきました。遊ぶ、食べる、学ぶ、買うなど、大人から子供まで楽しめる情報が盛りだくさん。ポップなデザインとも相まって、見ているだけで楽しみが広がっていくサイトです。「だれと?」「目的は?」など検索条件も充実しており、対象年齢まで絞り込めるので、小さなお子さんを連れている方でも安心ですね。

高浜市かわら美術館

「温かみ」が伝わる!ブラウン(茶色)を基調としたWebデザイン10選!

https://www.takahama-kawara-museum.com/(制作:株式会社リーピー)

弊社で制作させていただいた、高浜市かわら美術館のサイトです。太めのゴシックフォントと、黄味の強いブラウンに温もりを感じます。宇宙人の登場を彷彿とさせるファーストビューのアニメーションは、気の抜けたデザインのイラストと相まってとても可愛らしく、思わず顔がほこんでしまいます。見ている人を優しい気持ちにさせるサイトデザインです。

仙台で暮らす、湖山で働く。(湖山医療福祉グループ)

https://www.koyama-sendai.org/

仙台市にある湖山医療福祉グループ様のメディアサイト、「仙台で暮らす、湖山で働く。」です。サイト内には町並みのイラストが散りばめられており、写真も雲や丸みを帯びた可愛らしい枠でトリミングされていて可愛らしいです。パンチの効いた欧文フォントも相まって、サイト全体が「福祉」のイメージを覆すような、ポップで若者らしいデザインになっています。

アイコンやイラストをふんだんに使用したデザイン事例

テテワン(合同会社ぺテトテ)

専門型ポータルサイト|参考になる!ホームページデザイン15選!【最新版】

https://tete-wan.com/(制作:株式会社リーピー)

犬についての情報を扱う「テテワン」のサイトを制作させていただきました。ワンちゃんと一緒に暮らす上で必要な、飼育にまつわる知識が掲載されています。このサイトは、飼い主さんが愛犬と毎日幸せに暮らせるようにという想いが込められています。ゆるいタッチのワンちゃんのイラストに癒されますね。癒されながらワンちゃんについての知識を得ることができるサイトです。

災害・避難カードを作ろう!(岐阜県危機管理部防災課 地域支援係)

https://bousai.pref.gifu.lg.jp/(制作:株式会社リーピー)

弊社で制作させていただいた、災害対策情報をまとめたメディアサイトです。災害というテーマは敬遠されがちかもしれませんが、淡い青をベースにまるでおもちゃのような配色をサイトに用いているため、ポップで親しみ安い雰囲気となっています。カード作成の項目では、所要時間ごとにフォームが分かれており、ユーザーのニーズに合わせた情報を提供する工夫がなされています。

難治性血管腫・血管奇形薬物療法研究班情報サイト

専門型ポータルサイト|参考になる!ホームページデザイン15選!【最新版】

https://bousai.pref.gifu.lg.jp/(制作:株式会社リーピー)

岐阜大学医学部附属病院様の難治性血管腫・血管奇形薬物療法研究班情報サイトを制作させていただきました。専門的な内容でも分かりやすく学べるよう、親しみやすいキャラクターとイラストを多く使った説明が印象的です。血管の色をイメージしたピンク色は、柔らかい印象を与えてくれます。

ALLERU(足立いつき薬局)

https://alleru.com/

アトピーなどのアレルギー症状に悩む方に向けたメディアサイト、「ALLERU」です。ファーストビュー下には症状がそれぞれキャラ化されたイラストがあり、「辛いアレルギー症状」のイメージをキャッチーに表しています。ピンクを基調にしたサイトデザインは優しく、患者様の辛さに寄り添う暖かいイメージが伝わってくるようですね。

アオタビ(西日本旅客鉃道株式会社)

https://www.jr-odekake.net/aotabi/

JR西日本旅客鉄道株式会社が運営する「アオタビ」サイトです。パステルカラーのグラデーションやアウトラインで強調されてイラストが韓国ライクで若者の心を掴みますね。サイトはスマートフォン向けに設計されており、ユーザーの年齢層や昨今の情報収集ツールの傾向を抑えて、集客にも効果的な工夫がなされています。

Works

「情報・メディアサイト」の
当社の制作実績はこちら

リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,210社以上)

株式会社クロップス・クルー
株式会社ユニゾン・テクノロジー
株式会社エムズアソシエイツ
常盤産業株式会社
岐阜ギヤー工業株式会社
山創株式会社
医療法人社団メディコール
NPO法人日本ラクテーション・コンサルタント協会
株式会社クロップス・クルー
株式会社ユニゾン・テクノロジー
株式会社エムズアソシエイツ
常盤産業株式会社
岐阜ギヤー工業株式会社
山創株式会社
医療法人社団メディコール
NPO法人日本ラクテーション・コンサルタント協会
株式会社リーピー
日の丸グループ
日の丸自動車株式会社
岐阜商工信用組合
近江リース株式会社
岐阜商工信用組合
社会福祉法人岐阜県福祉事業団
株式会社ササキ
株式会社リーピー
日の丸グループ
日の丸自動車株式会社
岐阜商工信用組合
近江リース株式会社
岐阜商工信用組合
社会福祉法人岐阜県福祉事業団
株式会社ササキ

手書き風のあしらいがナチュラルで優しいデザイン事例

社会福祉法人いぶき福祉会

社会福祉法人いぶき福祉会_コーポレートサイト

https://sketch.ibuki.gifu.jp/(制作:株式会社リーピー)

弊社で制作させていただいた、社会福祉法人いぶき福祉会様の運営するメディアサイトです。サイト背景に画用紙のようなテクスチャを加え、サイト全体がスケッチブックのようなデザインにしています。ファーストビューのライターの方の写真は開くたびにランダムに表示され、細かい工夫に遊び心を感じますね。何度訪れても楽しいサイトになっています。

ごせのね(御所市役所 観光振興課)

https://gosenone.com/journal/

奈良県御所市のプロモーション・メディアサイト、「ごせのね」サイトです。手書きの温かみを感じるサイトタイトルが、サイト訪問者に親しみを感じさせますね。サイト背景にも水彩長のイラストが用いられていて、風土への愛着や地域の良さが視覚的に伝わるようです。観光や暮らしなど、カテゴリごとに読み物が充実している点も魅力的ですね。

アマノ食堂(アサヒグループホールディングス株式会社)

https://amanoshokudo.jp/

アマノフーズが運営するWebマガジン「アマノ食堂」のサイトデザインです。おいしい食・人・暮らしをテーマに、レシピやコラムの発信、また独自のフリーズドライ技術を使ったオリジナルの企画なども行っています。こうしたメディアサイトでは魅力的なアイキャッチ画像もユーザーの興味を引くポイント。こちらのサイトは美味しそうな写真やイラストがいっぱいで、見ているだけでお腹が空いてしまいそうですね。

コンテンツを充実させ顧客の満足度を高めるデザイン事例

ミヤケンオーナーズ(株式会社ミヤケン)

https://owners.m-kensou.com/(制作:株式会社リーピー)

ミヤケン様の会員専用サイト「ミヤケンオーナーズ」を制作させていただきました。こちらのサイトでは会員登録の方法やメリットの紹介に加え、「お楽しみコンテンツ」を公開しています。お家まわりの豆知識から、中の人のぼやきまで……なんだか親しみが湧いてきませんか?近頃はこうしたメディアやSNSからファンが増え、長期的なお問い合わせ獲得につながった事例も増えています。

きのこな時間(株式会社ハルカインターナショナル)

https://kinoko-time.jp/(制作:株式会社リーピー)

オーガニックきのこのECサイト「きのこな時間」を制作させていただきました。一見よくあるECサイトのようにも見えますが、実はサイト内に読みもののコンテンツを設けています。おすすめの食べ方やお値打ち情報といった気になる情報を発信。生産者の顔や人柄が見えるのも安心感に繋がります。興味を持ったユーザーが、すぐに商品を購入できるところが便利ですね。

KINO+(三郷陶器株式会社)

https://kino-plus.jp/(制作:株式会社リーピー)

おしゃれな食器のECサイト「KINO+(キノプラス)」を制作させていただきました。こちらはECサイトとメディアコンテンツが一体型になったサイトです。こちらは読みものページへの動線をファーストビューに置いています。最新の記事が反映されるので、その時々で新たな食器との出会いを生み出してくれそうです。記事のカテゴリも豊富で、見た目に限らず、素材や作り手について書かれた記事も探せるのがいいですね。

採用の強化を目的としたサイトデザイン事例

カケルバ(株式会社ASNOVA)

https://www.asnova.co.jp/kakeruba/index.html

こちらは足場レンタルをメイン事業とするASNOVA様のメディアサイト「カケルバ」です。注目すべきは社員のリアルな姿。新たな領域へとチャレンジする取り組みの発信を通して、社風や働き方を効果的にアピールしています。そのほかにも業界の若手人材不足解消への貢献を目的としたマガジンを発行するなど、採用に対する広い視野と挑戦的な姿勢が感じられますね。

ON LINE(LINE株式会社)

https://line-online.me/

「LINEでは、こうしてます。」について発信する、メッセンジャーアプリケーション「LINE」のメディアサイト。おなじみのグリーンカラーが映えたデザインで、企業イメージの統一が図られていることが分かります。社員インタビューやクロストークが豊富で、その内容はビジョンやカルチャー、働き方などさまざま。そしてひとつひとつの記事がとてもボリューミーであることが特徴です。いまや欠かせないツールのひとつでもあるLINEですが、それを支えている人たちの熱量に驚かされます。

サイボウズ式(サイボウズ株式会社)

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

グループウェア製品の開発・販売を行っているサイボウズ様のメディアサイトです。こちらもコーポレートカラーであるアクアブルーが印象的ですね。こちらでは求職者に限らず、あらゆるビジネスパーソンに向けた記事を発信しています。仕事のしんどさと上手く付き合う方法をみんなで模索する「ひとりじゃ、そりゃしんどいわ」、リモートワーク勤務者にフォーカスした「どうする?在宅勤務」など、特集もユニーク。「100人いたら100通りの働き方があっていい」という自社の考え方をサイトを使って体現しています。

Works

「情報・メディアサイト」の
当社の制作実績はこちら

リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,210社以上)

株式会社クロップス・クルー
株式会社ユニゾン・テクノロジー
株式会社エムズアソシエイツ
常盤産業株式会社
岐阜ギヤー工業株式会社
山創株式会社
医療法人社団メディコール
NPO法人日本ラクテーション・コンサルタント協会
株式会社クロップス・クルー
株式会社ユニゾン・テクノロジー
株式会社エムズアソシエイツ
常盤産業株式会社
岐阜ギヤー工業株式会社
山創株式会社
医療法人社団メディコール
NPO法人日本ラクテーション・コンサルタント協会
株式会社リーピー
日の丸グループ
日の丸自動車株式会社
岐阜商工信用組合
近江リース株式会社
岐阜商工信用組合
社会福祉法人岐阜県福祉事業団
株式会社ササキ
株式会社リーピー
日の丸グループ
日の丸自動車株式会社
岐阜商工信用組合
近江リース株式会社
岐阜商工信用組合
社会福祉法人岐阜県福祉事業団
株式会社ササキ

メディアサイトを効果的に活用しよう

いかがでしたでしょうか?今回はオウンドメディア型のメディアサイトについてまとめました。

オウンドメディア(Owned Media)とは、自社で所有・運用するメディアの総称。自社サイトやメルマガのほか、パンフレットやカタログといった紙媒体もその一例です。

自社でメディアサイトを持つことには、下記のようなメリットが挙げられます。

  • 製品やサービスの認知を拡大することができる
  • ブランディングによって集客や採用につながる
  • 検索からの流入数を長期的に獲得できる など

気になる記事を読んでいたら、いつの間にかその企業のファンになってしまった!なんて経験がある方もいるのではないでしょうか?

当社では、マーケティング的なホームページ制作だけでなく、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っています。ホームページから差をつけたい、ワンランク上のメディアサイトを開設したい企業様は、ぜひリーピーにお任せください!

全国1,210社以上!

当社制作事例からサイトデザインを検討したい方はこちら
(世界的Webデザインアワードへの入賞実績も有り)

※ご紹介しているサイトの中で、「(制作 株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。

この記事を書いた人Iguchi
Iguchi
Iguchi

Webマーケター/コンサルタント 愛知県一宮市出身。学生時代に企業の専属ブロガーを務める傍ら、個人経営の仲介業者・イベントプロモーターとして活動。 リーピー入社後は、Webサイト制作におけるプロジェクトマネージャー経験の後、「成果の出るサイト制作」を支援するSEOマーケターを担当している。


Works

「情報・メディアサイト」の
当社の制作実績はこちら

リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,210社以上)

株式会社クロップス・クルー
株式会社ユニゾン・テクノロジー
株式会社エムズアソシエイツ
常盤産業株式会社
岐阜ギヤー工業株式会社
山創株式会社
医療法人社団メディコール
NPO法人日本ラクテーション・コンサルタント協会
株式会社クロップス・クルー
株式会社ユニゾン・テクノロジー
株式会社エムズアソシエイツ
常盤産業株式会社
岐阜ギヤー工業株式会社
山創株式会社
医療法人社団メディコール
NPO法人日本ラクテーション・コンサルタント協会
株式会社リーピー
日の丸グループ
日の丸自動車株式会社
岐阜商工信用組合
近江リース株式会社
岐阜商工信用組合
社会福祉法人岐阜県福祉事業団
株式会社ササキ
株式会社リーピー
日の丸グループ
日の丸自動車株式会社
岐阜商工信用組合
近江リース株式会社
岐阜商工信用組合
社会福祉法人岐阜県福祉事業団
株式会社ササキ

Other Blog

【サイト表示高速化】画像最適化で差をつける5つの方法|無料ツールもご紹介

Webサイトの表示速度、気にされたことはありますか? 「なかなかページが表示されなくてイライラする…」そんな経験をされた方も多いのではないでしょうか。 このように、サイトがサクサク表示されるか?はユーザーの満足度やコンバージョンにも影響
RPAで効率化!請求書管理ツール「board」をさらに効率化するリーピーの活用事例6選!

RPAで効率化!請求書管理ツール「board」をさらに効率化するリーピーの活用事例6選!

「board」は、請求書の作成、顧客情報の管理、商品・サービスの登録、売上や未回収金額のレポートなど、請求に関わる業務を一元管理できるクラウドツールです。インターネット環境さえあればどこからでもアクセス可能で、シンプルな操作性と充実した機能

記事一覧にもどる

まずは
無料相談

「まだ漠然としているけど、誰かに意見を聞きたい…」そんなご状況下でのご相談も受け付けております。

Contact

課題抽出やWebサイト制作の
目的整理からご相談ください

初めてのサイト制作で何をすればいいかお困りのお客様も歓迎。

現状の課題抽出やサイトの目的の整理、サイトコンセプトの策定からお任せください。もちろん、Web集客の戦略設計を具現化するサイト構成、デザイン、機能面までご提案します。

058-215-0066 24時間受付

株式会社クロップス・クルー
株式会社ユニゾン・テクノロジー
株式会社エムズアソシエイツ
常盤産業株式会社
岐阜ギヤー工業株式会社
山創株式会社
医療法人社団メディコール
NPO法人日本ラクテーション・コンサルタント協会
株式会社クロップス・クルー
株式会社ユニゾン・テクノロジー
株式会社エムズアソシエイツ
常盤産業株式会社
岐阜ギヤー工業株式会社
山創株式会社
医療法人社団メディコール
NPO法人日本ラクテーション・コンサルタント協会
株式会社リーピー
日の丸グループ
日の丸自動車株式会社
岐阜商工信用組合
近江リース株式会社
岐阜商工信用組合
社会福祉法人岐阜県福祉事業団
株式会社ササキ
株式会社リーピー
日の丸グループ
日の丸自動車株式会社
岐阜商工信用組合
近江リース株式会社
岐阜商工信用組合
社会福祉法人岐阜県福祉事業団
株式会社ササキ