ニュース・ブログ一覧
マガジン風な並びのレイアウト。 ブログの一覧などに使えそうなオシャレなレイアウトです。
Pen Online
https://www.pen-online.jp/
ギャラリー
イラストを使ったかわいく見やすいデザイン。 右側へ延びるカルーセル型のスライドは多いですね。
小学館採用サイト
https://jinji.shogakukan.co.jp/
工程、流れ
幼稚園らしくカラフルでかわいい年間スケジュール。 添えられている画像も工夫されていてかわいい。
あわじ保育園
https://www.awaji-k.ed.jp/hoikuen/
コンテンツメニュー
コンテンツ
スタンダードなテキストと画像の配置デザイン。 ふんわりとした画像が、サイトのイメージにピッタリです。
コハコ
https://cohaco.rip/
コンバージョン
写真を使ったダイナミックな問い合わせへの導線。 マウスオーバーで出てくることで、一度立ち止まってしまうしかけ。
株式会社ニュービレッジ
https://www.newvillage.jp/
コンテンツメニュー
ビジュアルと数字を大きく使った思い切ったデザイン。 問いかけるようなタイトルで、思わず次を読みたくなるデザイン。
株式会社ニュービレッジ
https://www.newvillage.jp/
コンテンツ
ポイントをイラストを配色でわかりやすく説明。 よく使うパターンで、とても参考になるデザイン。
PayPay
https://paypay.ne.jp/
コンテンツ
イラストとアイコン、テキストの組み合わせ。 かわいいイラストのデザインで内容がわかりやすくなっています。
PayPay
https://paypay.ne.jp/
ビジュアルメニュー
おいしそうなパフェの高品質な写真が並んだInstagram紹介のデザイン。 高品質な写真素材を並べることで、圧倒的な存在感が出ています。
夜パフェ専門店｜株式会社GAKU
https://risotteria-gaku.net/
ニュース・ブログ一覧
テキストだけのシンプルなNEWS一覧のデザイン。 マウスオーバーで開始するアニメーションがおしゃれです。
E SALON
https://esalon-srl.com/
ギャラリー
工程、流れ
横型スライドを右寄せで使うデザイン。 左から右への視覚の誘導をうまく利用して、次を読むストレスを軽減している。 イラストを使って分かりやすく説明されているのもとてもいい。
E SALON
https://esalon-srl.com/
コンテンツ
テキストと画像の配置参考デザイン。 マスクの形状と、うっすら重なるレイヤーがおしゃれ。 フェードによる画像の切り替えも、デザインをおしゃれにしている。
E SALON
https://esalon-srl.com/
コンテンツ
商品であるレモンサワーをモチーフにしたデザインと、 黒にマスクされたレモンの背景で黄色をより鮮やかに。 テーマに対するデザインの使い方が素晴らしいデザイン。
go-go
http://www.go-go-akasaka.com/
コンテンツ
テキストと画像の配置例。 見出しの帯部分が参考になる。 また、コンテンツタイトルのアニメーションがおしゃれ。
伊藤忠テクノロジーベンチャーズ
https://www.techv.co.jp/
コンテンツメニュー
カラーの統一と余白をきれいにとった、カード型のコンテンツメニュー
クリエイティブサーベイ
https://jp.creativesurvey.com/
メインビジュアル
派手すぎない、ちょうどいいスピード感のなめらかなアニメーションを使ったメインビジュアル
クリエイティブサーベイ
https://jp.creativesurvey.com/
商品画像
商品の役割とラインナップをコンパクトに配置させた工夫されたレイアウト
YOAN
https://yoan.jp/
商品画像
商品のイメージにピッタリの色合いで、上品なバランスの配置
YOAN
https://yoan.jp/
ニュース・ブログ一覧
サービスのテーマであるデジタル風のフォントを使ったニュース見出しのデザイン
株式会社Sigfoss
https://www.sigfoss.com/
コンテンツ
テキストと画像が左右に分割されたレイアウトデザイン
株式会社Sigfoss
https://www.sigfoss.com/
メインビジュアル
スタンダードだけど効果的な、メインビジュアルのテキスト出現アニメーション
JapanTaxi株式会社
https://japantaxi.co.jp/
コンバージョン
電話問い合わせとメール問い合わせが左右に分かれたパターン
日本テクネス株式会社
https://www.nihontechness.co.jp/
縦型メニュー
コンテンツメニュー
シンプルだけどわかりやすくて見やすいメニュー
日本テクネス株式会社
https://www.nihontechness.co.jp/
メインビジュアル
琵琶湖の湖面を表した水面のゆらぎを使った画像の切り替えアニメーション
Layered Omi
https://layered-omi.com/
コンテンツメニュー
株式会社 ファシネートジャパン
https://fascinate-japan.co.jp/
コンバージョン
見出しから電話番号とメール問い合わせボタンまでが縦に並んだデザイン
株式会社 ファシネートジャパン
https://fascinate-japan.co.jp/
コンテンツメニュー
株式会社アダストリア 新卒中途採用サイト
https://recruit.adastria.co.jp/
コンテンツ
シンプルな配色にうまく組み合わされたレイアウト
日本大学生産工学部
https://www.cit.nihon-u.ac.jp/
コンテンツ
シンプルで見やすいコンテンツメニュー。マウスーオーバーで背景画像が現れるデザイン。
株式会社ヒロホールディングス
https://kk-hiro.com/
コンテンツメニュー
画面の右側にバナーを寄せたスライド型のデザイン
株式会社ヒロホールディングス
https://kk-hiro.com/
ニュース・ブログ一覧
シンプルだけどわかりやすくきれいなブログの最新記事一覧
株式会社ヒロホールディングス
https://kk-hiro.com/
メインビジュアル
さりげないアニメーションの後に現れるビジュアルは、 簡単にはまねできない素晴らしいセンスのデザインです。
株式会社ヒロホールディングス
https://kk-hiro.com/
コンテンツメニュー
ビジュアルメニュー
うっすらとグラデーションが施されてシンプルでわかりやすい。マウスーバーで背景が現れるお洒落なデザイン。
マーケットエンタープライズ採用サイト
https://www.marketenterprise.co.jp/recruit/
ボタン・リンク
マーケットエンタープライズ採用サイト
https://www.marketenterprise.co.jp/recruit/
メインビジュアル
新卒採用情報｜FJネクストホールディングス
https://www.fjnext-hd.co.jp/recruit/
コンテンツ
写真を全面的に使ったメニュー。 メインメッセージは固定されて、メニューが動く。
新卒採用情報｜FJネクストホールディングス
https://www.fjnext-hd.co.jp/recruit/
ギャラリー
ニュース・ブログ一覧
PRODUCTS STORE
https://products-store.jp/
工程、流れ
ほんわかかわいいサイトにピッタリのスケジュールデザイン
絵本翻訳コンクール
https://e.kobe-c.ac.jp/translation_competition/
コンテンツ
women farmers Japan株式会社
https://wofa.jp/
コンテンツメニュー
ビジュアルメニュー
写真とテキストと見出しがうまく組み合わされた見やすいデザイン
women farmers Japan株式会社
https://wofa.jp/
コンテンツ
神戸女学院大学 音楽学部音楽学科
https://m.kobe-c.ac.jp/
コンテンツ
伝統的な建物の窓枠の形を使ったオシャレなコンテンツ紹介のデザイン
神戸女学院大学 音楽学部音楽学科
https://m.kobe-c.ac.jp/
ニュース・ブログ一覧
数字の使い方がオシャレなニュース記事一覧のデザイン
神戸女学院大学 音楽学部音楽学科
https://m.kobe-c.ac.jp/
コンテンツメニュー
丸亀製麺
https://jp.marugame.com/
ニュース・ブログ一覧
丸亀製麺
https://jp.marugame.com/
コンテンツメニュー
ニュース・ブログ一覧
バナーをメインとしたクリックしたくなるコンテンツ紹介メニュー
丸亀製麺
https://jp.marugame.com/
コンテンツ
瓜連認定こども園
https://urizurakodomoen.net/
コンテンツ
株式会社LIG
https://liginc.co.jp/
料金
株式会社LIG
https://liginc.co.jp/
コンテンツ
アニメーション
縦長や横長などのサイズの違う画像をうまく並べたデザイン
人吉球磨ワーケーション
https://hitoyoshikuma-workcation.com/
1
2
3
4
全てのデザイン
ヘッダー
グローバルメニュー
メインビジュアル
ビジュアルメニュー
縦型メニュー
ギャラリー
マップ
切り抜き画像
商品画像
アニメーション
ニュース・ブログ一覧
フッター
診療時間
コンテンツメニュー
工程、流れ
コンテンツ
見出し
料金
ボタン・リンク
コンバージョン
