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

Webデザインを
探す 学ぶ

業界

  • 飲食・食品・飲料

    104

  • クリエイティブ制作

    103

  • エンタメ・趣味・娯楽

    93

  • 不動産・建築・施設

    44

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

    41

  • IT・システム

    39

  • 製品・工業・素材

    38

  • 教育・学校

    36

  • ポータルサイト･メディア･マガジンWEB

    33

  • 旅行・ホテル・観光

    27

  • 美容

    24

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

    24

  • 暮らし商品・サービス

    23

  • 行政・NPO・団体・協会

    22

  • 事業・組織

    21

  • 就職・人材サービス

    20

  • 車・バイク他

    17

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

    15

  • インテリア・雑貨

    15

  • 広告・マーケティング

    15

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

    14

  • Web・クラウドサービス

    13

  • ウェディング

    12

  • アート

    12

  • インフラ

    10

形式

  • コーポレートサイト

    181

  • 商品・製品紹介

    134

  • 特設サイト

    129

  • 店舗・施設紹介

    93

  • 企画・プロモーション

    89

  • サービス紹介

    55

  • 採用サイト

    41

  • EC・Webサービス

    38

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

    37

  • メディア・ポータル

    34

  • ポートフォリオ

    21

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    260

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

    188

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

    151

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

    103

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

    87

  • 多言語対応

    46

  • 動画が特徴的なサイト

    39

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

    35

下層ページ

  • Aboutページ

    292

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

    267

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

    239

  • サービス紹介

    195

  • お問い合わせ

    104

  • 採用サイト

    71

  • よくある質問

    53

  • プライバシーポリシー

    44

  • 料金表

    25

  • CSR

    24

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

    19

  • ビジュアル

    1

  • ゲーム

    1

カラー

  • ホワイト・白

    159

  • ブルー・青

    146

  • ブラック・黒・グレー

    122

  • グリーン・緑

    88

  • カラフル・多色

    75

  • イエロー・黄色

    66

  • レッド・赤

    62

  • ブラウン・茶色

    50

  • オレンジ・橙色

    37

  • ピンク・桃色・桜色

    35

  • パープル・紫

    22

SEARCH

カラー検索

2025.01.14

明治理工ラボ | 明治理工を、研究しよう。明治大学理工学部特設サイト

https://www.meiji.ac.jp/sst/riko-lab/

明治大学理工学部の特設サイトです。明治理工で学べること、できる研究をいろんな視点から紹介します。

このデザインを共有する

Close

Design Infomation

Industry

教育・学校

Page

Aboutページ投稿一覧(記事/商品など)投稿詳細(記事/商品など)

Color

ブルー・青

Format

特設サイト

Design

アニメーションが特徴的なサイトスマホ特化・モバイルファーストテキストが特徴的なサイトレイアウトが特徴的なサイト写真が特徴的なサイト
スタイリッシュ
投稿者の画像

情報量の多さをデザインで上手くまとめられているサイト。かっこよさと可愛らしさのあるロゴも秀逸。

明治理工ラボ | 明治理工を、研究しよう。明治大学理工学部特設サイトのPCサイズの画像
明治理工ラボ | 明治理工を、研究しよう。明治大学理工学部特設サイトのモバイルサイズの画像

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

Design Infomation

Industry

教育・学校

Page

Aboutページ投稿一覧(記事/商品など)投稿詳細(記事/商品など)

Color

ブルー・青

Format

特設サイト

Design

アニメーションが特徴的なサイトスマホ特化・モバイルファーストテキストが特徴的なサイトレイアウトが特徴的なサイト写真が特徴的なサイト
スタイリッシュ

下層デザイン

  • Aboutページ

    明治理工ラボ | 明治理工を、研究しよう。明治大学理工学部特設サイトのPCサイズのAboutページ画像
    明治理工ラボ | 明治理工を、研究しよう。明治大学理工学部特設サイトのモバイルサイズのAboutページ画像

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

    明治理工ラボ | 明治理工を、研究しよう。明治大学理工学部特設サイトのPCサイズの投稿一覧(記事/商品など)画像
    明治理工ラボ | 明治理工を、研究しよう。明治大学理工学部特設サイトのモバイルサイズの投稿一覧(記事/商品など)画像

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

    明治理工ラボ | 明治理工を、研究しよう。明治大学理工学部特設サイトのPCサイズの投稿詳細(記事/商品など)画像
    明治理工ラボ | 明治理工を、研究しよう。明治大学理工学部特設サイトのモバイルサイズの投稿詳細(記事/商品など)画像

11

同系統のサイトデザイン

  • 株式会社ジェイエムインテグラルのPCサイズの画像
    株式会社ジェイエムインテグラルのモバイルサイズの画像
    DETAIL

    株式会社ジェイエムインテグラル

    CREATE - KOO

    投稿者の画像

    レイアウトに合わせたファーストビューのビジュアルがスタイリッシュです!!👀

  • Electric Cars, Solar & Clean Energy | TeslaのPCサイズの画像
    Electric Cars, Solar & Clean Energy | Teslaのモバイルサイズの画像
    DETAIL

    Electric Cars, Solar & Clean Energy | Tesla

    投稿者の画像

    レイアウトや写真、動画の使い方が工夫されており、詳細ページのボリュームを感じさせない見せ方になっているサイト。サイバートラックのロゴがかっこいい。

  • 生鮮流通に新しい循環を | フーディソンのPCサイズの画像
    生鮮流通に新しい循環を | フーディソンのモバイルサイズの画像
    DETAIL

    生鮮流通に新しい循環を | フーディソン

    投稿者の画像

    アイキャッチに適したスクロールアニメーションでリッチかつほどよいきっちりさを感じて良いです⭐️

  • NEW AUCTIONのPCサイズの画像
    NEW AUCTIONのモバイルサイズの画像
    DETAIL

    NEW AUCTION

    投稿者の画像

    モダンな雰囲気あふれるオークションサイト。Wのモチーフを使用したあしらいが印象的。

  • 能登高留学 世界農業遺産の町で学ぶのPCサイズの画像
    能登高留学 世界農業遺産の町で学ぶのモバイルサイズの画像
    DETAIL

    能登高留学 世界農業遺産の町で学ぶ

    投稿者の画像

    完全に女子向けだけど、イラストかわいい。

  • 熊本市南区江越 しおや内科・内視鏡クリニックのPCサイズの画像
    熊本市南区江越 しおや内科・内視鏡クリニックのモバイルサイズの画像
    DETAIL

    熊本市南区江越 しおや内科・内視鏡クリニック

    投稿者の画像

    細身のフォントと柔らかなグラデーションがプロフェッショナルで丁寧な印象を与えてくれ、背景に応じてアクセントカラーを巧みに使い分けたデザインがとても参考になります。　

  • Dramatic Campus | 神戸学院大学のPCサイズの画像
    Dramatic Campus | 神戸学院大学のモバイルサイズの画像
    DETAIL

    Dramatic Campus | 神戸学院大学

    投稿者の画像

    大学にいるような感覚が味わえます！！時間割りを意識したアニメーションがおしゃれ！！

  • 延原商事株式会社 | 研磨材を中心に世界をつなぐ商社のPCサイズの画像
    延原商事株式会社 | 研磨材を中心に世界をつなぐ商社のモバイルサイズの画像
    DETAIL

    延原商事株式会社 | 研磨材を中心に世界をつなぐ商社

    投稿者の画像

    落ち着いた大人なイメージとグローバル感あふれるサイトです。

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

    Logram

    投稿者の画像

    表示画像が縦長なだけでなぜか新しい表現にも見えてしまう不思議です

  • 【公式】SORANO HOTEL | 東京 立川のウェルビーイングホテルのPCサイズの画像
    【公式】SORANO HOTEL | 東京 立川のウェルビーイングホテルのモバイルサイズの画像
    DETAIL

    【公式】SORANO HOTEL | 東京 立川のウェルビーイングホテル

    投稿者の画像

    各ページのファーストビューのモーションも相まって高級感があるデザイン✨

  • 元町デンタルクリニック｜専門性の高い歯科治療｜岐阜市のPCサイズの画像
    元町デンタルクリニック｜専門性の高い歯科治療｜岐阜市のモバイルサイズの画像
    DETAIL

    元町デンタルクリニック｜専門性の高い歯科治療｜岐阜市

    投稿者の画像

    ニューモーフィズムを取り入れたサイト。お問い合わせなど目立たせたい部分だけに使用することで目に留まりやすくなるなと思います。

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

    Goodpatch

    投稿者の画像

    細部まですごく丁寧な作りでこだわり感じるデザイン、アニメーションは必見👀

  • nishikawa DOWN | 西川公式サイトのPCサイズの画像
    nishikawa DOWN | 西川公式サイトのモバイルサイズの画像
    DETAIL

    nishikawa DOWN | 西川公式サイト

    CREATE - Quaras/TryMore Inc

    投稿者の画像

    睡眠を連想させるためのネイビーで落ち着いたデザインだが、羽毛の紹介ページは羽毛の白さを目立たせたメリハリがありページによって意図が感じられるサイトだと思います。

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

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

    投稿者の画像

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

  • umiral（ウミラル）のPCサイズの画像
    umiral（ウミラル）のモバイルサイズの画像
    DETAIL

    umiral（ウミラル）

    CREATE - ondo株式会社

    投稿者の画像

    PCはすべて横スクロール！シンプルで美しいやりきりです！

  • 乗鞍高原 温泉の宿 RaichoのPCサイズの画像
    乗鞍高原 温泉の宿 Raichoのモバイルサイズの画像
    DETAIL

    乗鞍高原 温泉の宿 Raicho

    投稿者の画像

    背景色が風景と淡いグラデで落ち着きを感じます。読み込み時のロゴのアニメーションも可愛い!

  • THE BUTTER CAKEのPCサイズの画像
    THE BUTTER CAKEのモバイルサイズの画像
    DETAIL

    THE BUTTER CAKE

    投稿者の画像

    随所にセリフ体フォントと暗めのカラーが高級感が引き立たたせているサイト