WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

業界

  • エンタメ・趣味・娯楽

    72

  • 飲食・食品・飲料

    68

  • クリエイティブ制作

    65

  • ファッション・アクセサリー

    28

  • ポータルサイト･メディア･情報サイト

    28

  • 不動産・建築・施設

    25

  • 製品・工業・素材

    23

  • 教育・学校

    22

  • IT・システム

    21

  • 美容

    21

  • 事業・組織

    18

  • 車・バイク他

    16

  • 旅行・ホテル・観光

    15

  • 医療・ヘルスケア・健康

    15

  • 就職・人材サービス

    15

  • 暮らし商品・サービス

    15

  • 広告・マーケティング

    14

  • 金融・保険・会計・法律

    13

  • インテリア・雑貨

    13

  • Web・クラウドサービス

    13

  • 行政・NPO・団体・協会

    13

  • CSR・サスティナビリティ

    12

  • ウェディング

    11

  • アート

    11

  • インフラ

    10

形式

  • コーポレートサイト

    123

  • 商品・製品紹介

    98

  • 特設サイト

    90

  • 企画・プロモーション

    67

  • 店舗・施設紹介

    54

  • サービス紹介

    39

  • LP (ランディングページ)

    29

  • 採用サイト

    29

  • EC・Webサービス

    28

  • メディア・ポータル

    27

  • ポートフォリオ

    15

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    171

  • イラストが特徴的なサイト

    125

  • アニメーションが特徴的なサイト

    107

  • テキストが特徴的なサイト

    70

  • レイアウトが特徴的なサイト

    47

  • 多言語対応

    43

  • スマホ特化・モバイルファースト

    29

  • 動画が特徴的なサイト

    24

下層ページ

  • 投稿一覧(記事/商品など)

    187

  • Aboutページ

    186

  • 投稿詳細(記事/商品など)

    177

  • サービス紹介

    113

  • お問い合わせ

    64

  • 採用情報

    45

  • よくある質問

    38

  • プライバシーポリシー

    31

  • 料金表

    19

  • CSR

    19

  • 規約/法律に基づく表記

    18

  • ビジュアル

    1

カラー

  • ホワイト・白

    111

  • ブルー・青

    105

  • ブラック・黒・グレー

    89

  • グリーン・緑

    60

  • レッド・赤

    49

  • カラフル・多色

    46

  • イエロー・黄色

    42

  • ブラウン・茶色

    29

  • ピンク・桃色・桜色

    25

  • オレンジ・橙色

    24

  • パープル・紫

    16
2024.07.02

資生堂DE&Iラボ | DE&Iの調査や研究、事例などの取り組み

https://corp.shiseido.com/deilab/jp/

資生堂DE&Iラボでの実証結果を公表すると共に、資生堂のDE&Iに関連する先進的・特徴的な取り組みを紹介します。

このデザインを共有する

Close

Industry

ポータルサイト･メディア･情報サイト美容

Page

投稿一覧(記事/商品など)投稿詳細(記事/商品など)

Color

Format

メディア・ポータル特設サイト

Design

スマホ特化・モバイルファースト多言語対応
スタイリッシュ高級感
投稿者の画像

資生堂らしい美意識と、話題性のあるテーマを爽やかに見せるサイトです⭐️

資生堂DE&Iラボ | DE&Iの調査や研究、事例などの取り組みのPCサイズの画像
資生堂DE&Iラボ | DE&Iの調査や研究、事例などの取り組みのモバイルサイズの画像

本ページは、本サイト掲載日時点で公開されているサイトより、画面キャプチャ画像を引用し掲載しています。
掲載取下げ依頼、または修正依頼はコチラよりご連絡ください。

Industry

ポータルサイト･メディア･情報サイト美容

Page

投稿一覧(記事/商品など)投稿詳細(記事/商品など)

Color

Format

メディア・ポータル特設サイト

Design

スマホ特化・モバイルファースト多言語対応
スタイリッシュ高級感

下層デザイン

  • 投稿一覧(記事/商品など)

    資生堂DE&Iラボ | DE&Iの調査や研究、事例などの取り組みのPCサイズの投稿一覧(記事/商品など)画像
    資生堂DE&Iラボ | DE&Iの調査や研究、事例などの取り組みのモバイルサイズの投稿一覧(記事/商品など)画像

  • 投稿詳細(記事/商品など)

    資生堂DE&Iラボ | DE&Iの調査や研究、事例などの取り組みのPCサイズの投稿詳細(記事/商品など)画像
    資生堂DE&Iラボ | DE&Iの調査や研究、事例などの取り組みのモバイルサイズの投稿詳細(記事/商品など)画像

4

同系統のサイトデザイン

  • 松翁軒文庫 | カステラ元祖 松翁軒のPCサイズの画像
    松翁軒文庫 | カステラ元祖 松翁軒のモバイルサイズの画像
    DETAIL VISIT

    松翁軒文庫 | カステラ元祖 松翁軒

    投稿者の画像

    本ならではの風合いが感じられるサイトです。

  • ソルー株式会社｜WEBマーケティングの力で爆発的成果をもたらす会社 |のPCサイズの画像
    ソルー株式会社｜WEBマーケティングの力で爆発的成果をもたらす会社 |のモバイルサイズの画像
    DETAIL VISIT

    ソルー株式会社｜WEBマーケティングの力で爆発的成果をもたらす会社 |

    投稿者の画像

    ダイナミックなグリッドレイアウトで勢いがすごい🔥

  • ICHIGO HOUSE.ひたちなか | 【茨城県ひたちなか市】いちご狩りのできる農園のPCサイズの画像
    ICHIGO HOUSE.ひたちなか | 【茨城県ひたちなか市】いちご狩りのできる農園のモバイルサイズの画像
    DETAIL VISIT

    ICHIGO HOUSE.ひたちなか | 【茨城県ひたちなか市】いちご狩りのできる農園

    投稿者の画像

    ミツバチやイチゴのイラストがシンプルだけど強く、要素が少なくても保っているサイト。コンテンツ強！

  • ケーキ・洋菓子ブランドサイト｜不二家のPCサイズの画像
    ケーキ・洋菓子ブランドサイト｜不二家のモバイルサイズの画像
    DETAIL VISIT

    ケーキ・洋菓子ブランドサイト｜不二家

    投稿者の画像

    FVのトリミングがケーキを食べる口の動きのようで可愛らしく、ケーキを食べる幸福感を想像させる。

  • かに道楽のPCサイズの画像
    かに道楽のモバイルサイズの画像
    DETAIL VISIT

    かに道楽

    投稿者の画像

    和テイストのデザインと商品の画像と動画をたくさん使ったサイトで魅力が伝わってくる。

  • ペーパーマリオRPG｜任天堂のPCサイズの画像
    ペーパーマリオRPG｜任天堂のモバイルサイズの画像
    DETAIL VISIT

    ペーパーマリオRPG｜任天堂

    投稿者の画像

    ひたすらかわいい⭐️基本画像のグラフィックデザイン重視のページ

  • シルクスクリーン技術で、ものづくりに新発想 | 桜井グラフィックシステムズのPCサイズの画像
    シルクスクリーン技術で、ものづくりに新発想 | 桜井グラフィックシステムズのモバイルサイズの画像
    DETAIL VISIT

    シルクスクリーン技術で、ものづくりに新発想 | 桜井グラフィックシステムズ

    投稿者の画像

    TOPページのスクロールアニメーションがかっこいい！！セクションの区切りや画像のシェイプも多様で面白い！！

  • SAVE365Magazine | 日本赤十字社は365日、動き続けています。のPCサイズの画像
    SAVE365Magazine | 日本赤十字社は365日、動き続けています。のモバイルサイズの画像
    DETAIL VISIT

    SAVE365Magazine | 日本赤十字社は365日、動き続けています。

    投稿者の画像

    シンプルで各セクションが一画面に収まっているので見やすいサイトになっています。

  • 大阪のタクシーって熱い！大阪府タクシードライバー就職支援サイトのPCサイズの画像
    大阪のタクシーって熱い！大阪府タクシードライバー就職支援サイトのモバイルサイズの画像
    DETAIL VISIT

    大阪のタクシーって熱い！大阪府タクシードライバー就職支援サイト

    投稿者の画像

    テキストが関西弁！！シンプルだが随所に大阪感があるサイト！！

  • 新宿LOFT歌舞伎町移転25周年記念のPCサイズの画像
    新宿LOFT歌舞伎町移転25周年記念のモバイルサイズの画像
    DETAIL VISIT

    新宿LOFT歌舞伎町移転25周年記念

    投稿者の画像

    FVはポップでありダークな印象もあるサイト!

  • TVアニメ『ラーメン赤猫』公式サイトのPCサイズの画像
    TVアニメ『ラーメン赤猫』公式サイトのモバイルサイズの画像
    DETAIL VISIT

    TVアニメ『ラーメン赤猫』公式サイト

    投稿者の画像

    FVのラーメンの湯気は画像をcssアニメーションとブラーで再現! 各所の装飾がラーメン・猫でほっかりなサイト🐈

  • ファミコン40周年キャンペーンサイト | 任天堂のPCサイズの画像
    ファミコン40周年キャンペーンサイト | 任天堂のモバイルサイズの画像
    DETAIL VISIT

    ファミコン40周年キャンペーンサイト | 任天堂

    投稿者の画像

    ドット絵とファミコンカラーで世界観を表現！！

  • 大和電機グループ｜鹿児島｜安心安全な電気をつくる・守る・蓄える・使う・供給するのPCサイズの画像
    大和電機グループ｜鹿児島｜安心安全な電気をつくる・守る・蓄える・使う・供給するのモバイルサイズの画像
    DETAIL VISIT

    大和電機グループ｜鹿児島｜安心安全な電気をつくる・守る・蓄える・使う・供給する

    投稿者の画像

    派手さはなくともシンプルで情報が整理され、丁寧に作ってあるのでとても見やすいページ構成です。

  • こめやかたの杵つき男もち女もちのPCサイズの画像
    こめやかたの杵つき男もち女もちのモバイルサイズの画像
    DETAIL VISIT

    こめやかたの杵つき男もち女もち

    投稿者の画像

    テキストとレッドのインパクトと餅つきの力強さが感じられます！！

  • Teamとしま 豊島区産官学連携コンソーシアム（チームとしま）のPCサイズの画像
    Teamとしま 豊島区産官学連携コンソーシアム（チームとしま）のモバイルサイズの画像
    DETAIL VISIT

    Teamとしま 豊島区産官学連携コンソーシアム（チームとしま）

    投稿者の画像

    強い色を多数使いながら煩くならない、良い感じの賑やかさが表現できていて参考になります！

  • SixTONES | THE VIBESのPCサイズの画像
    SixTONES | THE VIBESのモバイルサイズの画像
    DETAIL VISIT

    SixTONES | THE VIBES

    投稿者の画像

    サイト全体がクラブのように構成されている特設サイトならではのUX✨

  • 統合レポート2021 | 資生堂 企業情報のPCサイズの画像
    統合レポート2021 | 資生堂 企業情報のモバイルサイズの画像
    DETAIL VISIT

    統合レポート2021 | 資生堂 企業情報

    投稿者の画像

    モーダル / ホバーのアニメーション、目次の出し方など見せ方に独自性があるサイトです!

  • デザイナーに伴走するキャリアプラットフォーム | ReDesignerのPCサイズの画像
    デザイナーに伴走するキャリアプラットフォーム | ReDesignerのモバイルサイズの画像
    DETAIL VISIT

    デザイナーに伴走するキャリアプラットフォーム | ReDesigner

    投稿者の画像

    セクションごとにしっかり整列されている部分と、崩した部分が入り混じっていて見やすさとデザイン性の両方を重視したハイブリッドなデザイン！！

  • 株式会社オニオン | Onion Inc.のPCサイズの画像
    株式会社オニオン | Onion Inc.のモバイルサイズの画像
    DETAIL VISIT

    株式会社オニオン | Onion Inc.

    CREATE - 株式会社オニオン

    投稿者の画像

    インパクトのある欧文とカラーが目を引く。折り返して続いていくフレームのような制作実績は必見。

  • 萬屋本店WeddingのPCサイズの画像
    萬屋本店Weddingのモバイルサイズの画像
    DETAIL VISIT

    萬屋本店Wedding

    投稿者の画像

    鮮やかな写真が良くて、和風のウェディングも良いですね❗️

  • BBB! | 動画でわかるプサンのおすすめスポット RSS FeedのPCサイズの画像
    BBB! | 動画でわかるプサンのおすすめスポット RSS Feedのモバイルサイズの画像
    DETAIL VISIT

    BBB! | 動画でわかるプサンのおすすめスポット RSS Feed

    CREATE - 5ive Inc.

    投稿者の画像

    シンプルさの中にアニメーションやスクロールでの表示の工夫など楽しさが感じられます。

  • 中華そば 七八のPCサイズの画像
    中華そば 七八のモバイルサイズの画像
    DETAIL VISIT

    中華そば 七八

    投稿者の画像

    雑誌を切り取ったようなレイアウトとシズル感のある写真が特徴的。ラーメンが食べたくなるサイト。

  • トップページ | BYD Auto Japan株式会社のPCサイズの画像
    トップページ | BYD Auto Japan株式会社のモバイルサイズの画像
    DETAIL VISIT

    トップページ | BYD Auto Japan株式会社

    投稿者の画像

    サイト全体が大きなイベントのような作りになっていておもしろい!

  • CHAMPION WHAT MOVES YOU | ブランドキャンペーン特設サイトのPCサイズの画像
    CHAMPION WHAT MOVES YOU | ブランドキャンペーン特設サイトのモバイルサイズの画像
    DETAIL VISIT

    CHAMPION WHAT MOVES YOU | ブランドキャンペーン特設サイト

    投稿者の画像

    ブランドのメッセージにピッタリな各セクションがFVのようなデザイン👑

  • ロエベ×スタジオジブリ『千と千尋の神隠し』｜ポップアップストア in 原宿 – LOEWEのPCサイズの画像
    ロエベ×スタジオジブリ『千と千尋の神隠し』｜ポップアップストア in 原宿 – LOEWEのモバイルサイズの画像
    DETAIL VISIT

    ロエベ×スタジオジブリ『千と千尋の神隠し』｜ポップアップストア in 原宿 – LOEWE

    投稿者の画像

    FVの『千と千尋の神隠し』の世界観に引き込まれるスクロールアニメーションが素敵！！

  • 【公式】樽見鉄道｜TARUTETSU！のPCサイズの画像
    【公式】樽見鉄道｜TARUTETSU！のモバイルサイズの画像
    DETAIL VISIT

    【公式】樽見鉄道｜TARUTETSU！

    投稿者の画像

    赤青どちらとも合わせられるブロンドカラーで日本ぽさもあり、欧文で魅せるかっこよさもあるサイト!

  • BMC Switzerland 日本公式WebサイトのPCサイズの画像
    BMC Switzerland 日本公式Webサイトのモバイルサイズの画像
    DETAIL VISIT

    BMC Switzerland 日本公式Webサイト

    投稿者の画像

    各ページの表示 / 切り替え アニメーションに工夫があり参考になります✨

  • 資生堂のPCサイズの画像
    資生堂のモバイルサイズの画像
    DETAIL VISIT

    資生堂

    投稿者の画像

    FVはよく見ると画像ではなく動画でとても魅力的🎨

  • デザイン・ビジネス・リーダーシップを学ぶ、実践型デザインスクール Designship Do | 高度デザイン人材育成プログラムのPCサイズの画像
    デザイン・ビジネス・リーダーシップを学ぶ、実践型デザインスクール Designship Do | 高度デザイン人材育成プログラムのモバイルサイズの画像
    DETAIL VISIT

    デザイン・ビジネス・リーダーシップを学ぶ、実践型デザインスクール Designship Do | 高度デザイン人材育成プログラム

    投稿者の画像

    背景色とフォントサイズ、特にフッターのバランスがとても好みです✨

  • COLOCOLO 40TH ANNIVERSARY | 株式会社ニトムズのPCサイズの画像
    COLOCOLO 40TH ANNIVERSARY | 株式会社ニトムズのモバイルサイズの画像
    DETAIL VISIT

    COLOCOLO 40TH ANNIVERSARY | 株式会社ニトムズ

    投稿者の画像

    アニメーションもあえて少ないキーフレーム数でデフォルメされいるような優しい印象のキャンペーンサイト!

  • 黄金糖100周年｜キャンペーン特設サイトのPCサイズの画像
    黄金糖100周年｜キャンペーン特設サイトのモバイルサイズの画像
    DETAIL VISIT

    黄金糖100周年｜キャンペーン特設サイト

    投稿者の画像

    商品に馴染みがあるからこその攻めたインパクトのあるデザイン✨

  • CP＋2024特設サイト｜キヤノン｜キヤノンマーケティングジャパングループ について｜企業情報｜キヤノンマーケティンググループのPCサイズの画像
    CP＋2024特設サイト｜キヤノン｜キヤノンマーケティングジャパングループ について｜企業情報｜キヤノンマーケティンググループのモバイルサイズの画像
    DETAIL VISIT

    CP＋2024特設サイト｜キヤノン｜キヤノンマーケティングジャパングループ について｜企業情報｜キヤノンマーケティンググループ

    投稿者の画像

    にぎやかだけどしっかり区切りのあるデザインなので情報を認識しやすい!

  • SupremeのPCサイズの画像
    Supremeのモバイルサイズの画像
    DETAIL VISIT

    Supreme

    投稿者の画像

    モダンな目立つ動きなどは全くやっていないのに、強烈なコンセプトで目を奪われる👁️

  • 2025年 新卒採用情報 ： 明星食品のPCサイズの画像
    2025年 新卒採用情報 ： 明星食品のモバイルサイズの画像
    DETAIL VISIT

    2025年 新卒採用情報 ： 明星食品

    投稿者の画像

    暖色中心の配色とラウンドでパキッとしているけど暖かい雰囲気ですね😊

  • 岐阜商工信用組合 採用サイト｜地元の事業者を応援する金融機関のPCサイズの画像
    岐阜商工信用組合 採用サイト｜地元の事業者を応援する金融機関のモバイルサイズの画像
    DETAIL VISIT

    岐阜商工信用組合 採用サイト｜地元の事業者を応援する金融機関

    投稿者の画像

    ファーストビューから伝わる楽しさあふれる採用サイト。どんな企業なのか続きをスクロールしたくなります！！

  • 株式会社Sun Asterisk – デジタル・クリエイティブスタジオのPCサイズの画像
    株式会社Sun Asterisk – デジタル・クリエイティブスタジオのモバイルサイズの画像
    DETAIL VISIT

    株式会社Sun Asterisk – デジタル・クリエイティブスタジオ

    投稿者の画像

    キーカラー🟥がスタイリッシュに効いている！🤩

  • 五島の椿オンラインショップのPCサイズの画像
    五島の椿オンラインショップのモバイルサイズの画像
    DETAIL VISIT

    五島の椿オンラインショップ

    投稿者の画像

    落ち着いた背景色にブランドカラーのレッドがより生えるサイト

  • THE ONE.のPCサイズの画像
    THE ONE.のモバイルサイズの画像
    DETAIL VISIT

    THE ONE.

    CREATE - Fugu

    投稿者の画像

    デザインを見る限りデジタル要素を感じられるが、写真にはシズル感がある一味違うサイト。

  • agataJapan.tokyoのPCサイズの画像
    agataJapan.tokyoのモバイルサイズの画像
    DETAIL VISIT

    agataJapan.tokyo

    CREATE - 株式会社アイタイス

    投稿者の画像

    伝統感を感じる色合いとイラストや角丸シェイプがマッチしています！！

  • 大阪市のタクシー【株式会社未来都】のPCサイズの画像
    大阪市のタクシー【株式会社未来都】のモバイルサイズの画像
    DETAIL VISIT

    大阪市のタクシー【株式会社未来都】

    CREATE - One Groove/株式会社山本製作所/AQUARING Inc./中村杏子

    投稿者の画像

    コテコテのデザインが主張激し目の大阪感満載ですねwww

  • うなぎパイファクトリー 公式サイト – 浜松市で工場見学を楽しもう！のPCサイズの画像
    うなぎパイファクトリー 公式サイト – 浜松市で工場見学を楽しもう！のモバイルサイズの画像
    DETAIL VISIT

    うなぎパイファクトリー 公式サイト – 浜松市で工場見学を楽しもう！

    CREATE - Funtech Inc

    投稿者の画像

    うなぎパイの動画とイラストなどサイトを見ていると楽しくなる要素が満載！！

  • ひとりを尊ぶ、ひとつにもなれる。｜MIND of NIHON UNIVERSITY | MIND of NIHON UNIVERSITYのPCサイズの画像
    ひとりを尊ぶ、ひとつにもなれる。｜MIND of NIHON UNIVERSITY | MIND of NIHON UNIVERSITYのモバイルサイズの画像
    DETAIL VISIT

    ひとりを尊ぶ、ひとつにもなれる。｜MIND of NIHON UNIVERSITY | MIND of NIHON UNIVERSITY

    投稿者の画像

    各セクションの内容に合わせてシェイプが変形していく1画面スクロールデザイン!

  • 榎木研究室 国立大学法人電気通信大学のPCサイズの画像
    榎木研究室 国立大学法人電気通信大学のモバイルサイズの画像
    DETAIL VISIT

    榎木研究室 国立大学法人電気通信大学

    投稿者の画像

    理想とする社会や環境をイラストのノイズの柔らかさなどから感じることができるサイトです!

  • BEAMS JAPAN 公式サイトのPCサイズの画像
    BEAMS JAPAN 公式サイトのモバイルサイズの画像
    DETAIL VISIT

    BEAMS JAPAN 公式サイト

    投稿者の画像

    イラストだけでなくポイントとなるテキスト装飾が日本文化を演出している🇯🇵

  • 働きながら学べる！未経験からデザイナーとして就職したい方にオススメ！デジタルハリウッドSTUDIO専科グラフィックデザイナー専攻UI強化プランのPCサイズの画像
    働きながら学べる！未経験からデザイナーとして就職したい方にオススメ！デジタルハリウッドSTUDIO専科グラフィックデザイナー専攻UI強化プランのモバイルサイズの画像
    DETAIL VISIT

    働きながら学べる！未経験からデザイナーとして就職したい方にオススメ！デジタルハリウッドSTUDIO専科グラフィックデザイナー専攻UI強化プラン

    投稿者の画像

    PCサイズのヒーローエリアは特にまとまりがあり、明るい雰囲気の装飾が好きです!

  • ペルソナ株式会社のPCサイズの画像
    ペルソナ株式会社のモバイルサイズの画像
    DETAIL VISIT

    ペルソナ株式会社

    CREATE - EVOWORX

    投稿者の画像

    アクセントカラーと太字フォントでダイナミックな印象

  • 鯛のないたい焼き屋 OYOGEのPCサイズの画像
    鯛のないたい焼き屋 OYOGEのモバイルサイズの画像
    DETAIL VISIT

    鯛のないたい焼き屋 OYOGE

    投稿者の画像

    画像では伝わり難いですが、スクロールに合わせたアニメーションがオシャレ!