コンテンツメニュー

サイト内にさまざまにあるコンテンツをどのように見せるか。
各サイトは、さまざまに工夫を凝らしてコンテンツページへの誘導をしています。

コンテンツメニュー
岡山トヨペット
岡山トヨペット
http://www.oktp.jp/
コンテンツメニュー
もぐし海のこども園
もぐし海のこども園
http://mogushi.jp/
コンテンツメニュー
パーソルイノベーション株式会社
コンテンツメニュー
八木鋼材株式会社
八木鋼材株式会社
http://www.yagi-kozai.co.jp/
コンテンツメニュー
大正製薬「コバラサポート」
大正製薬「コバラサポート」
コンテンツメニュー
ポラスアフターメンテナンス
アイコン、写真、テキストと様々な要素を組み合わせながらも、色の統一と整ったレイアウトで見やすいデザインになっています。
ポラスアフターメンテナンス
https://www.polus.co.jp/after/
コンテンツメニューニュース・ブログ一覧
丸亀製麺
バナーをメインとしたクリックしたくなるコンテンツ紹介メニュー
丸亀製麺
https://jp.marugame.com/
コンテンツメニュー
丸亀製麺
丸亀製麺
https://jp.marugame.com/
コンテンツメニュービジュアルメニュー
women farmers Japan株式会社
写真とテキストと見出しがうまく組み合わされた見やすいデザイン
women farmers Japan株式会社
https://wofa.jp/
コンテンツメニュービジュアルメニュー
マーケットエンタープライズ採用サイト
うっすらとグラデーションが施されてシンプルでわかりやすい。マウスーバーで背景が現れるお洒落なデザイン。
マーケットエンタープライズ採用サイト
https://www.marketenterprise.co.jp/recruit/
コンテンツメニュー
株式会社ヒロホールディングス
画面の右側にバナーを寄せたスライド型のデザイン
株式会社ヒロホールディングス
https://kk-hiro.com/
コンテンツメニュー
株式会社アダストリア 新卒中途採用サイト
株式会社アダストリア 新卒中途採用サイト
https://recruit.adastria.co.jp/
コンテンツメニュー
株式会社 ファシネートジャパン
株式会社 ファシネートジャパン
https://fascinate-japan.co.jp/
縦型メニューコンテンツメニュー
日本テクネス株式会社
シンプルだけどわかりやすくて見やすいメニュー
日本テクネス株式会社
https://www.nihontechness.co.jp/
コンテンツメニュー
クリエイティブサーベイ
カラーの統一と余白をきれいにとった、カード型のコンテンツメニュー
クリエイティブサーベイ
https://jp.creativesurvey.com/
コンテンツメニュー
株式会社ニュービレッジ
ビジュアルと数字を大きく使った思い切ったデザイン。 問いかけるようなタイトルで、思わず次を読みたくなるデザイン。
株式会社ニュービレッジ
https://www.newvillage.jp/
コンテンツメニューコンテンツ
コハコ
スタンダードなテキストと画像の配置デザイン。 ふんわりとした画像が、サイトのイメージにピッタリです。
コハコ
https://cohaco.rip/
コンテンツメニュー
株式会社富士交易
メニューと画像の切り替わりで効果的にわかりやすくしたメニュー。 左サイドをワイドに使ったメニュー事例。
株式会社富士交易
https://www.fuji-koeki.co.jp/
コンテンツメニュー
M・ZEC
単純にきれいなデザイン。 マウスホバーで大きくなり色が変わることで、選択していることがとても分かりやすいバナーになっています。
M・ZEC
https://www.m-zec.com/
ビジュアルメニューコンテンツメニューコンテンツ
こここ
見出しと画像が左右に配置されたレイアウト。 コンテンツがアニメーションで切り替わって紹介されている。
こここ
https://co-coco.jp/
ギャラリーコンテンツメニュー
社会保険労務士法人しろくまパートナーズ
横スライド型のコンテンツ配置。 コンパクトかつしっかり内容を見せることができるレイアウト。
社会保険労務士法人しろくまパートナーズ
https://sr-shirokuma.com/
コンテンツメニューボタン・リンク
社会保険労務士法人しろくまパートナーズ
濃い背景に明るい文字で反転させたデザイン。 白基調のサイトの中で、目立って目を引く要素になっています。
社会保険労務士法人しろくまパートナーズ
https://sr-shirokuma.com/
コンテンツメニューコンテンツ
敷島住宅株式会社 採用情報
左の大見出しを固定で右だけをスクロールさせるアイデア。 階層のあるコンテンツでは有効な見せ方です。
敷島住宅株式会社 採用情報
https://www.shikishima-j.co.jp/recruit/
ギャラリーコンテンツメニューコンテンツ
アプリコットデザイン
右側に配置されたスライドとそれを説明する左側のエリアのバランスで、コンパクトで読みやすいデザインになっています。
アプリコットデザイン
https://apricot-design.com/
コンテンツメニュー
ハレノヒサイクル
右、左のテンポは全体としてバランスを保つのによく使われます。 黄色いラインが全て違うデザインになっているのにこだわりを感じます。
ハレノヒサイクル
https://harenohi.hellocycling.jp/