2024.02.20 - Tue
Iguchi
メディアサイトの参考デザイン21選！地方企業向けのオシャレな事例を紹介！
本記事では、当社Webデザイナーが厳選した【全21社】のメディアサイトのデザイン事例をご紹介していきますので、ぜひ最後までご覧ください！
下記記事では「メディアサイト」についてより詳しく解説していますので、こちらもあわせてご覧ください。
和風のあしらいが落ち着いた印象のデザイン事例
シビックプライドプレイス（岐阜市・ぎふメディアコスモス事業）
https://medicos-cp.jp/（制作：株式会社リーピー）
岐阜市にある、ぎふメディアコスモスが運営するサイト「シビックプライドプレイス」を制作させていただきました。洗練された和モダンなデザインが、「過去を知り、現在を見つめて、豊かな未来を想像する。」というコンセプトとも上手くマッチしていますね。鯉や青海波などのさりげない和のあしらいも、とても上品です。
制作実績ページ：『シビックプライドプレイス｜ メディア・情報サイト｜制作実績｜株式会社リーピー』
あまはし（キキライフ）
https://amahashi.jp/（制作：株式会社リーピー）
神社情報掲載サイト「あまはし」を制作させていただきました。こちらは神社にまつわる情報に特化した、今までにないメディアサイトです。霞や桟橋のイラストからは神社特有の情緒を感じますね。参拝マナーや当日までの準備についても分かりやすくまとめられているので、初めて参拝に行く方にも優しいメディアサイトとなっています。
制作実績ページ：『キキライフ｜ メディアサイト｜制作実績｜株式会社リーピー』
KYOTO SHIKIAMI CONCON（共創自治区CONCON）
髭を彷彿とさせるタイポグラフィが、和風ながらもモダンでトレンド感溢れています。帯を切り取ってはったかのような見出しが非常に特徴的で、四角くトリミングされた写真と相まってスクラップブックのようです。若者やクリエイティブに携わる人向けとしても、情報を非常にうまくメディア化したサイトですね。
ポップな雰囲気で集客の拡大を狙うデザイン事例
フルサト（ 認定NPO法人ふるさと回帰支援センター）
https://www.gifu-iju.com/（制作：株式会社リーピー）
地方移住を応援するWEBマガジン「FURUSATO フルサト」を制作いたしました。情報量は多いのですが、写真やイラストが効果的に使われているため、とても見やすいのが特徴的です。ストレスなく閲覧できるサイト設計になっていますね。デザインはシンプルですが、トーンを合わせた配色や背景のドットのあしらいなど、各所に細かいこだわりを感じます。
制作実績ページ：『認定NPO法人ふるさと回帰支援センター｜メディア・情報サイト｜制作実績｜株式会社リーピー』
河川環境楽園（河川環境楽園イベント実行委員会）
https://kankyorakuen.jp/（制作：株式会社リーピー）
「河川環境楽園」のサイトを制作させていただきました。遊ぶ、食べる、学ぶ、買うなど、大人から子供まで楽しめる情報が盛りだくさん。ポップなデザインとも相まって、見ているだけで楽しみが広がっていくサイトです。「だれと？」「目的は？」など検索条件も充実しており、対象年齢まで絞り込めるので、小さなお子さんを連れている方でも安心ですね。
制作実績ページ：『河川環境楽園イベント実行委員会｜ポータルサイト・メディア・情報サイト｜制作実績｜株式会社リーピー』
高浜市かわら美術館
https://www.takahama-kawara-museum.com/（制作：株式会社リーピー）
弊社で制作させていただいた、高浜市かわら美術館のサイトです。太めのゴシックフォントと、黄味の強いブラウンに温もりを感じます。宇宙人の登場を彷彿とさせるファーストビューのアニメーションは、気の抜けたデザインのイラストと相まってとても可愛らしく、思わず顔がほこんでしまいます。見ている人を優しい気持ちにさせるサイトデザインです。
制作実績ページ：『高浜市かわら美術館｜メディアサイト｜制作実績｜株式会社リーピー』
仙台で暮らす、湖山で働く。（湖山医療福祉グループ）
https://www.koyama-sendai.org/
仙台市にある湖山医療福祉グループ様のメディアサイト、「仙台で暮らす、湖山で働く。」です。サイト内には町並みのイラストが散りばめられており、写真も雲や丸みを帯びた可愛らしい枠でトリミングされていて可愛らしいです。パンチの効いた欧文フォントも相まって、サイト全体が「福祉」のイメージを覆すような、ポップで若者らしいデザインになっています。
アイコンやイラストをふんだんに使用したデザイン事例
テテワン（合同会社ぺテトテ）
https://tete-wan.com/（制作：株式会社リーピー）
犬についての情報を扱う「テテワン」のサイトを制作させていただきました。ワンちゃんと一緒に暮らす上で必要な、飼育にまつわる知識が掲載されています。このサイトは、飼い主さんが愛犬と毎日幸せに暮らせるようにという想いが込められています。ゆるいタッチのワンちゃんのイラストに癒されますね。癒されながらワンちゃんについての知識を得ることができるサイトです。
制作実績ページ：『テテワン（合同会社ぺテトテ）｜ポータルサイト・メディア・情報サイト｜制作実績｜株式会社リーピー』
災害・避難カードを作ろう！（岐阜県危機管理部防災課 地域支援係）
https://bousai.pref.gifu.lg.jp/（制作：株式会社リーピー）
弊社で制作させていただいた、災害対策情報をまとめたメディアサイトです。災害というテーマは敬遠されがちかもしれませんが、淡い青をベースにまるでおもちゃのような配色をサイトに用いているため、ポップで親しみ安い雰囲気となっています。カード作成の項目では、所要時間ごとにフォームが分かれており、ユーザーのニーズに合わせた情報を提供する工夫がなされています。
難治性血管腫・血管奇形薬物療法研究班情報サイト
https://bousai.pref.gifu.lg.jp/（制作：株式会社リーピー）
岐阜大学医学部附属病院様の難治性血管腫・血管奇形薬物療法研究班情報サイトを制作させていただきました。専門的な内容でも分かりやすく学べるよう、親しみやすいキャラクターとイラストを多く使った説明が印象的です。血管の色をイメージしたピンク色は、柔らかい印象を与えてくれます。
制作実績ページ：『難治性血管腫・血管奇形薬物療法研究班情報サイト（AMED小関班運営）｜メディアサイト｜制作実績｜株式会社リーピー』
ALLERU（足立いつき薬局）
アトピーなどのアレルギー症状に悩む方に向けたメディアサイト、「ALLERU」です。ファーストビュー下には症状がそれぞれキャラ化されたイラストがあり、「辛いアレルギー症状」のイメージをキャッチーに表しています。ピンクを基調にしたサイトデザインは優しく、患者様の辛さに寄り添う暖かいイメージが伝わってくるようですね。
アオタビ（西日本旅客鉃道株式会社）
https://www.jr-odekake.net/aotabi/
JR西日本旅客鉄道株式会社が運営する「アオタビ」サイトです。パステルカラーのグラデーションやアウトラインで強調されてイラストが韓国ライクで若者の心を掴みますね。サイトはスマートフォン向けに設計されており、ユーザーの年齢層や昨今の情報収集ツールの傾向を抑えて、集客にも効果的な工夫がなされています。
手書き風のあしらいがナチュラルで優しいデザイン事例
社会福祉法人いぶき福祉会
https://sketch.ibuki.gifu.jp/（制作：株式会社リーピー）
弊社で制作させていただいた、社会福祉法人いぶき福祉会様の運営するメディアサイトです。サイト背景に画用紙のようなテクスチャを加え、サイト全体がスケッチブックのようなデザインにしています。ファーストビューのライターの方の写真は開くたびにランダムに表示され、細かい工夫に遊び心を感じますね。何度訪れても楽しいサイトになっています。
制作実績ページ：『社会福祉法人いぶき福祉会｜メディアサイト｜制作実績｜株式会社リーピー』
ごせのね（御所市役所 観光振興課）
奈良県御所市のプロモーション・メディアサイト、「ごせのね」サイトです。手書きの温かみを感じるサイトタイトルが、サイト訪問者に親しみを感じさせますね。サイト背景にも水彩長のイラストが用いられていて、風土への愛着や地域の良さが視覚的に伝わるようです。観光や暮らしなど、カテゴリごとに読み物が充実している点も魅力的ですね。
アマノ食堂（アサヒグループホールディングス株式会社）
アマノフーズが運営するWebマガジン「アマノ食堂」のサイトデザインです。おいしい食・人・暮らしをテーマに、レシピやコラムの発信、また独自のフリーズドライ技術を使ったオリジナルの企画なども行っています。こうしたメディアサイトでは魅力的なアイキャッチ画像もユーザーの興味を引くポイント。こちらのサイトは美味しそうな写真やイラストがいっぱいで、見ているだけでお腹が空いてしまいそうですね。
コンテンツを充実させ顧客の満足度を高めるデザイン事例
ミヤケンオーナーズ（株式会社ミヤケン）
https://owners.m-kensou.com/（制作：株式会社リーピー）
ミヤケン様の会員専用サイト「ミヤケンオーナーズ」を制作させていただきました。こちらのサイトでは会員登録の方法やメリットの紹介に加え、「お楽しみコンテンツ」を公開しています。お家まわりの豆知識から、中の人のぼやきまで……なんだか親しみが湧いてきませんか？近頃はこうしたメディアやSNSからファンが増え、長期的なお問い合わせ獲得につながった事例も増えています。
制作実績ページ：『株式会社ミヤケン｜メディアアサイト｜制作実績｜｜株式会社リーピー』
きのこな時間（株式会社ハルカインターナショナル）
https://kinoko-time.jp/（制作：株式会社リーピー）
オーガニックきのこのECサイト「きのこな時間」を制作させていただきました。一見よくあるECサイトのようにも見えますが、実はサイト内に読みもののコンテンツを設けています。おすすめの食べ方やお値打ち情報といった気になる情報を発信。生産者の顔や人柄が見えるのも安心感に繋がります。興味を持ったユーザーが、すぐに商品を購入できるところが便利ですね。
制作実績ページ：『株式会社ハルカインターナショナル｜EC・メディアサイト｜制作実績｜｜株式会社リーピー』
KINO＋（三郷陶器株式会社）
https://kino-plus.jp/（制作：株式会社リーピー）
おしゃれな食器のECサイト「KINO＋(キノプラス)」を制作させていただきました。こちらはECサイトとメディアコンテンツが一体型になったサイトです。こちらは読みものページへの動線をファーストビューに置いています。最新の記事が反映されるので、その時々で新たな食器との出会いを生み出してくれそうです。記事のカテゴリも豊富で、見た目に限らず、素材や作り手について書かれた記事も探せるのがいいですね。
制作実績ページ：『三郷陶器株式会社｜EC・メディアサイト｜制作実績｜｜株式会社リーピー』
採用の強化を目的としたサイトデザイン事例
カケルバ（株式会社ASNOVA）
https://www.asnova.co.jp/kakeruba/index.html
こちらは足場レンタルをメイン事業とするASNOVA様のメディアサイト「カケルバ」です。注目すべきは社員のリアルな姿。新たな領域へとチャレンジする取り組みの発信を通して、社風や働き方を効果的にアピールしています。そのほかにも業界の若手人材不足解消への貢献を目的としたマガジンを発行するなど、採用に対する広い視野と挑戦的な姿勢が感じられますね。
ON LINE（LINE株式会社）
「LINEでは、こうしてます。」について発信する、メッセンジャーアプリケーション「LINE」のメディアサイト。おなじみのグリーンカラーが映えたデザインで、企業イメージの統一が図られていることが分かります。社員インタビューやクロストークが豊富で、その内容はビジョンやカルチャー、働き方などさまざま。そしてひとつひとつの記事がとてもボリューミーであることが特徴です。いまや欠かせないツールのひとつでもあるLINEですが、それを支えている人たちの熱量に驚かされます。
サイボウズ式（サイボウズ株式会社）
https://cybozushiki.cybozu.co.jp/
グループウェア製品の開発・販売を行っているサイボウズ様のメディアサイトです。こちらもコーポレートカラーであるアクアブルーが印象的ですね。こちらでは求職者に限らず、あらゆるビジネスパーソンに向けた記事を発信しています。仕事のしんどさと上手く付き合う方法をみんなで模索する「ひとりじゃ、そりゃしんどいわ」、リモートワーク勤務者にフォーカスした「どうする？在宅勤務」など、特集もユニーク。「100人いたら100通りの働き方があっていい」という自社の考え方をサイトを使って体現しています。
メディアサイトを効果的に活用しよう
いかがでしたでしょうか？今回はオウンドメディア型のメディアサイトについてまとめました。
オウンドメディア（Owned Media）とは、自社で所有・運用するメディアの総称。自社サイトやメルマガのほか、パンフレットやカタログといった紙媒体もその一例です。
自社でメディアサイトを持つことには、下記のようなメリットが挙げられます。
- 製品やサービスの認知を拡大することができる
- ブランディングによって集客や採用につながる
- 検索からの流入数を長期的に獲得できる など
気になる記事を読んでいたら、いつの間にかその企業のファンになってしまった！なんて経験がある方もいるのではないでしょうか？
当社では、マーケティング的なホームページ制作だけでなく、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っています。ホームページから差をつけたい、ワンランク上のメディアサイトを開設したい企業様は、ぜひリーピーにお任せください！
※ご紹介しているサイトの中で、「（制作 株式会社リーピー）」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。
この記事を書いた人
Iguchi
Webマーケター／コンサルタント 愛知県一宮市出身。学生時代に企業の専属ブロガーを務める傍ら、個人経営の仲介業者・イベントプロモーターとして活動。 リーピー入社後は、Webサイト制作におけるプロジェクトマネージャー経験の後、「成果の出るサイト制作」を支援するSEOマーケターを担当している。
