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.04.02

THE CAMPUS｜ようこそ、みんなのワーク&ライフ開放区へ

https://the-campus.net/

THE CAMPUSは、コクヨ株式会社が運営する「働く・暮らす」の実験場。元はオフィスビルだった建物の一部を開放し、どなたでもご利用いただけるパブリックエリアを新たに創設しました。オープンなラウンジや公園、ショップ、コーヒースタンドなど、親しい仲間と語り合ったり、ゆったりと過ごせる街に開かれた環境を通して、多様で豊かな混ざり合いを生み出していきます。

このデザインを共有する

Close

Industry

インフラ不動産・建築・施設

Page

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

Color

Format

店舗・施設紹介

Design

アニメーションが特徴的なサイトテキストが特徴的なサイト写真が特徴的なサイト
スタイリッシュ
投稿者の画像

派手なカラーでもバランスが上手く取れている。メニュー画面のホバーアニメーションがオシャレ。

THE CAMPUS｜ようこそ、みんなのワーク&ライフ開放区へのPCサイズの画像
THE CAMPUS｜ようこそ、みんなのワーク&ライフ開放区へのモバイルサイズの画像

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

Industry

インフラ不動産・建築・施設

Page

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

Color

Format

店舗・施設紹介

Design

アニメーションが特徴的なサイトテキストが特徴的なサイト写真が特徴的なサイト
スタイリッシュ

下層デザイン

  • Aboutページ

    THE CAMPUS｜ようこそ、みんなのワーク&ライフ開放区へのPCサイズのAboutページ画像
    THE CAMPUS｜ようこそ、みんなのワーク&ライフ開放区へのモバイルサイズのAboutページ画像

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

    THE CAMPUS｜ようこそ、みんなのワーク&ライフ開放区へのPCサイズの投稿一覧(記事/商品など)画像
    THE CAMPUS｜ようこそ、みんなのワーク&ライフ開放区へのモバイルサイズの投稿一覧(記事/商品など)画像

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

    THE CAMPUS｜ようこそ、みんなのワーク&ライフ開放区へのPCサイズの投稿詳細(記事/商品など)画像
    THE CAMPUS｜ようこそ、みんなのワーク&ライフ開放区へのモバイルサイズの投稿詳細(記事/商品など)画像

8

同系統のサイトデザイン

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

    cosa

    投稿者の画像

    キービジュアルがインパクトあって吸い寄せられた！でも色味は優しい

  • はだしの家.株式会社 | 注文住宅・リノベーション・耐震住宅はお任せください | 姫路の工務店のPCサイズの画像
    はだしの家.株式会社 | 注文住宅・リノベーション・耐震住宅はお任せください | 姫路の工務店のモバイルサイズの画像
    DETAIL VISIT

    はだしの家.株式会社 | 注文住宅・リノベーション・耐震住宅はお任せください | 姫路の工務店

    投稿者の画像

    ゆったりとした時間を感じる、建築工務店のサイト⭐️間の取り方がよいです

  • 株式会社オリエンタルランド 新卒採用のPCサイズの画像
    株式会社オリエンタルランド 新卒採用のモバイルサイズの画像
    DETAIL VISIT

    株式会社オリエンタルランド 新卒採用

    投稿者の画像

    ふわふわしていて、鮮やかな色合いで、希望にあふれた画像チョイス。夢の国です💕

  • MÉCHANT – Creative post-production studioのPCサイズの画像
    MÉCHANT – Creative post-production studioのモバイルサイズの画像
    DETAIL VISIT

    MÉCHANT – Creative post-production studio

    投稿者の画像

    映像プロダクションならではのインパクトのあるFVが特徴的。コミカルなテイストのwebサイト。

  • 晴れ風ACTION｜KIRINのPCサイズの画像
    晴れ風ACTION｜KIRINのモバイルサイズの画像
    DETAIL VISIT

    晴れ風ACTION｜KIRIN

    投稿者の画像

    ブランドカラーと桜の保全活動をイメージできるデザイン！！TOPページのsliderがスライドした時の動きがオシャレ！！

  • クラTナビ公式サイトのPCサイズの画像
    クラTナビ公式サイトのモバイルサイズの画像
    DETAIL VISIT

    クラTナビ公式サイト

    投稿者の画像

    90年代風かつポップでかわいいサイト。

  • みんなに聞いた！楽天モバイル通信簿のPCサイズの画像
    みんなに聞いた！楽天モバイル通信簿のモバイルサイズの画像
    DETAIL VISIT

    みんなに聞いた！楽天モバイル通信簿

    投稿者の画像

    数字やグラフを視覚的にわかりやすく、ユーザーの興味を引くデザイン。

  • 株式会社サンリオエンターテイメントのPCサイズの画像
    株式会社サンリオエンターテイメントのモバイルサイズの画像
    DETAIL VISIT

    株式会社サンリオエンターテイメント

    投稿者の画像

    KAWAIIに徹していて、見ていると一度行ってみたくなってくる可愛さです💕

  • 【公式】エッセンシャル l 花王株式会社のPCサイズの画像
    【公式】エッセンシャル l 花王株式会社のモバイルサイズの画像
    DETAIL VISIT

    【公式】エッセンシャル l 花王株式会社

    投稿者の画像

    陽射しの画像とパステルカラーがきらめく朝を表現！！とてもフレッシュでかわいらしいです！！

  • 採用サイト｜KOKUYO RECRUITING SITEのPCサイズの画像
    採用サイト｜KOKUYO RECRUITING SITEのモバイルサイズの画像
    DETAIL VISIT

    採用サイト｜KOKUYO RECRUITING SITE

    投稿者の画像

    テキストカーソルのアニメーションが考え続けることを表現している。使用カラーが優しい採用サイト。

  • 弁護士 荒木優子のPCサイズの画像
    弁護士 荒木優子のモバイルサイズの画像
    DETAIL VISIT

    弁護士 荒木優子

    投稿者の画像

    サイト専用のアイコンがかわいらしく、暖かみ感じるデザイン！！

  • サーティワン フレーバーコンテストのPCサイズの画像
    サーティワン フレーバーコンテストのモバイルサイズの画像
    DETAIL VISIT

    サーティワン フレーバーコンテスト

    投稿者の画像

    2色メインカラーでの細かい装飾箇所がデザイン参考になりそう🍨

  • SPY×FAMILY 5th ANNIVERSARYのPCサイズの画像
    SPY×FAMILY 5th ANNIVERSARYのモバイルサイズの画像
    DETAIL VISIT

    SPY×FAMILY 5th ANNIVERSARY

    投稿者の画像

    『SPY×FAMILY』のアーニャの世界観を再現！！かわいいです！！

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

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

    投稿者の画像

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

  • しょこたんフォント｜mojimoのPCサイズの画像
    しょこたんフォント｜mojimoのモバイルサイズの画像
    DETAIL VISIT

    しょこたんフォント｜mojimo

    CREATE - かねこあみ/みなせしゅん

    投稿者の画像

    アイコンやタイトルなどポップで可愛らしいデザインのサイト。サイト内でしょこたんフォントの試し打ちができたるのもいい！！

  • ブルーハムハム | BLUE HAMHAM OfficialのPCサイズの画像
    ブルーハムハム | BLUE HAMHAM Officialのモバイルサイズの画像
    DETAIL VISIT

    ブルーハムハム | BLUE HAMHAM Official

    CREATE - 株式会社LIG

    投稿者の画像

    TOPはスクロールで前面にフェードするフルスクリーンデザイン!

  • 社会福祉法人 慈楽福祉会のPCサイズの画像
    社会福祉法人 慈楽福祉会のモバイルサイズの画像
    DETAIL VISIT

    社会福祉法人 慈楽福祉会

    CREATE - 株式会社TRACE

    投稿者の画像

    フォントの丸みや角丸のシェイプなど親しみやすさが感じられるサイトだと思います。ファーストビューから各サービスの詳細に移動できるリンクもあり動線もしっかりしています。

  • 株式会社CRAZY(株式会社クレイジー) | CRAZY,Inc.のPCサイズの画像
    株式会社CRAZY(株式会社クレイジー) | CRAZY,Inc.のモバイルサイズの画像
    DETAIL VISIT

    株式会社CRAZY(株式会社クレイジー) | CRAZY,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

    泉質アイドルユニット「おんせんし」公式

    投稿者の画像

    セクションの区切波線を湯に見立てている面白い装飾 👍

  • #ぼくらの春曲キャンペーンのPCサイズの画像
    #ぼくらの春曲キャンペーンのモバイルサイズの画像
    DETAIL VISIT

    #ぼくらの春曲キャンペーン

    投稿者の画像

    桜のアニメーションとグラデーションの組み合わせは、青春の象徴として完璧にマッチしています。

  • 広島の観光・旅行情報サイト Dive! HiroshimaのPCサイズの画像
    広島の観光・旅行情報サイト Dive! Hiroshimaのモバイルサイズの画像
    DETAIL VISIT

    広島の観光・旅行情報サイト Dive! Hiroshima

    投稿者の画像

    鮮やかなピンクと明るい写真の印象的な、広島の観光サイト。さまざまな視点から観光コースを提案する楽しい観光サイトです

  • 特別展アリス―へんてこりん、へんてこりんな世界のPCサイズの画像
    特別展アリス―へんてこりん、へんてこりんな世界のモバイルサイズの画像
    DETAIL VISIT

    特別展アリス―へんてこりん、へんてこりんな世界

    投稿者の画像

    基本的に1画面で完結するも、コミカルに動く背景とシンプルに作られた世界観がおもしろい！

  • 春の新しい出会いを彩る「いちご杏仁」｜ゴンチャ ジャパンのPCサイズの画像
    春の新しい出会いを彩る「いちご杏仁」｜ゴンチャ ジャパンのモバイルサイズの画像
    DETAIL VISIT

    春の新しい出会いを彩る「いちご杏仁」｜ゴンチャ ジャパン

    投稿者の画像

    スマホ特化型のレイアウトだけとPCの時も背景がとても華やかだと思います。