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

Webデザインを
探す 学ぶ

業界

  • 飲食・食品・飲料

    97

  • クリエイティブ制作

    89

  • エンタメ・趣味・娯楽

    87

  • 不動産・建築・施設

    41

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

    38

  • 製品・工業・素材

    36

  • IT・システム

    33

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

    32

  • 教育・学校

    31

  • 旅行・ホテル・観光

    24

  • 美容

    24

  • 行政・NPO・団体・協会

    22

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

    21

  • 事業・組織

    21

  • 暮らし商品・サービス

    21

  • 就職・人材サービス

    20

  • 車・バイク他

    16

  • インテリア・雑貨

    15

  • 広告・マーケティング

    15

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

    14

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

    14

  • Web・クラウドサービス

    13

  • ウェディング

    12

  • アート

    12

  • インフラ

    10

形式

  • コーポレートサイト

    174

  • 商品・製品紹介

    121

  • 特設サイト

    116

  • 店舗・施設紹介

    86

  • 企画・プロモーション

    84

  • サービス紹介

    51

  • 採用サイト

    38

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

    37

  • EC・Webサービス

    36

  • メディア・ポータル

    32

  • ポートフォリオ

    18

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    237

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

    180

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

    135

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

    89

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

    82

  • 多言語対応

    46

  • 動画が特徴的なサイト

    35

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

    31

下層ページ

  • Aboutページ

    272

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

    249

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

    226

  • サービス紹介

    181

  • お問い合わせ

    98

  • 採用サイト

    68

  • よくある質問

    49

  • プライバシーポリシー

    42

  • 料金表

    24

  • CSR

    22

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

    19

  • ビジュアル

    1

カラー

  • ホワイト・白

    149

  • ブルー・青

    136

  • ブラック・黒・グレー

    111

  • グリーン・緑

    81

  • カラフル・多色

    68

  • イエロー・黄色

    60

  • レッド・赤

    57

  • ブラウン・茶色

    46

  • オレンジ・橙色

    34

  • ピンク・桃色・桜色

    30

  • パープル・紫

    22

SEARCH

カラー検索

2024.04.17

杉浦康平デザインアーカイブ「デザイン・コスモス」

https://collections.musabi.ac.jp/sugiura_kohei/

「デザイン・コスモス」はグラフィックデザイナー杉浦康平（SUGIURA Kohei）のウェブ版オフィシャル作品集。武蔵野美術大学 美術館・図書館が所蔵する「杉浦康平デザインアーカイブ」を紹介する公式ウェブサイトです。

このデザインを共有する

Close

Design Infomation

Industry

エンタメ・趣味・娯楽

Page

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

Color

ブラック・黒・グレー

Format

商品・製品紹介特設サイト

Design

アニメーションが特徴的なサイト
インパクトのある
投稿者の画像

作品集を3次元的に複数の整列パターンで紹介しています✨

杉浦康平デザインアーカイブ「デザイン・コスモス」のPCサイズの画像
杉浦康平デザインアーカイブ「デザイン・コスモス」のモバイルサイズの画像

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

Design Infomation

Industry

エンタメ・趣味・娯楽

Page

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

Color

ブラック・黒・グレー

Format

商品・製品紹介特設サイト

Design

アニメーションが特徴的なサイト
インパクトのある

下層デザイン

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

    杉浦康平デザインアーカイブ「デザイン・コスモス」のPCサイズの投稿一覧(記事/商品など)画像
    杉浦康平デザインアーカイブ「デザイン・コスモス」のモバイルサイズの投稿一覧(記事/商品など)画像

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

    杉浦康平デザインアーカイブ「デザイン・コスモス」のPCサイズの投稿詳細(記事/商品など)画像
    杉浦康平デザインアーカイブ「デザイン・コスモス」のモバイルサイズの投稿詳細(記事/商品など)画像

3

同系統のサイトデザイン

  • 生鮮食材専門店 八百鮮のPCサイズの画像
    生鮮食材専門店 八百鮮のモバイルサイズの画像
    DETAIL

    生鮮食材専門店 八百鮮

    CREATE - トゥモローゲート株式会社

    投稿者の画像

    勢いと圧の強い八百屋さんのサイト。やりきっていてとても強い💪

  • 浜岡鍍金工業所 | メッキする企業はつよく、ただしく、うつくしくのPCサイズの画像
    浜岡鍍金工業所 | メッキする企業はつよく、ただしく、うつくしくのモバイルサイズの画像
    DETAIL

    浜岡鍍金工業所 | メッキする企業はつよく、ただしく、うつくしく

    投稿者の画像

    事業への溢れる想いを力強く表現する洗練されたサイト。美しさと力強さを兼ね備えたテキストやモチーフが印象的。

  • REAZON VISUAL COMMUNICATION | REAZON HOLDINGSのPCサイズの画像
    REAZON VISUAL COMMUNICATION | REAZON HOLDINGSのモバイルサイズの画像
    DETAIL

    REAZON VISUAL COMMUNICATION | REAZON HOLDINGS

    投稿者の画像

    トップに動画で実績紹介をしており、制作へのこだわりや真摯さが伝わってきます!!

  • 映画『Cloud クラウド』公式サイトのPCサイズの画像
    映画『Cloud クラウド』公式サイトのモバイルサイズの画像
    DETAIL

    映画『Cloud クラウド』公式サイト

    投稿者の画像

    背景に常に予告動画が流れていて、サイトを見ているうちに内容が気になってくる‼️

  • [新商品情報] メラ メーラ フラペチーノ®｜スターバックス コーヒー ジャパンのPCサイズの画像
    [新商品情報] メラ メーラ フラペチーノ®｜スターバックス コーヒー ジャパンのモバイルサイズの画像
    DETAIL

    [新商品情報] メラ メーラ フラペチーノ®｜スターバックス コーヒー ジャパン

    投稿者の画像

    アニメーションや装飾はシンプルながらも、商品イメージをサイト全体でしっかり演出しています🎃

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

    SOSOSO

    投稿者の画像

    特にFVの下のセクションのコンテンツの配置が好みです！！

  • BRANCH COFFEE｜ブランチコーヒー｜四国・愛媛・西条・松山のPCサイズの画像
    BRANCH COFFEE｜ブランチコーヒー｜四国・愛媛・西条・松山のモバイルサイズの画像
    DETAIL

    BRANCH COFFEE｜ブランチコーヒー｜四国・愛媛・西条・松山

    投稿者の画像

    コンテンツよりも背景画像に迫力があるサイト！！TOPはパララックス効果を使用しています。

  • STUDIO株式会社(STUDIO, Inc.) | 創造性を、解き放つ。のPCサイズの画像
    STUDIO株式会社(STUDIO, Inc.) | 創造性を、解き放つ。のモバイルサイズの画像
    DETAIL

    STUDIO株式会社(STUDIO, Inc.) | 創造性を、解き放つ。

    CREATE - studio.inc

    投稿者の画像

    シンプルで洗練された、クールなサイト。Appleを想起させるところも！

  • 404 NOT FOUND｜SHIBUYA SAKURA STAGEのPCサイズの画像
    404 NOT FOUND｜SHIBUYA SAKURA STAGEのモバイルサイズの画像
    DETAIL

    404 NOT FOUND｜SHIBUYA SAKURA STAGE

    投稿者の画像

    404エラーをデザイン的に表現しているサイト。FVのドラッグアニメーションが楽しいです。

  • 東映株式会社のPCサイズの画像
    東映株式会社のモバイルサイズの画像
    DETAIL

    東映株式会社

    投稿者の画像

    様々なコンテンツがある東映。普通ならコンテンツが目立ってくるよう作りそうなものだがこれは攻めてる🔥

  • 合同会社 肩車 | スポーツ・アップサイクルで社会課題を解決で社会課題を解決のPCサイズの画像
    合同会社 肩車 | スポーツ・アップサイクルで社会課題を解決で社会課題を解決のモバイルサイズの画像
    DETAIL

    合同会社 肩車 | スポーツ・アップサイクルで社会課題を解決で社会課題を解決

    投稿者の画像

    肩車の文字のインパクトがすごい！！特にフッターのデザインが面白いです！！

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

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

    投稿者の画像

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

  • GUCCIMAZE | YUTA KAWAGUCHIのPCサイズの画像
    GUCCIMAZE | YUTA KAWAGUCHIのモバイルサイズの画像
    DETAIL

    GUCCIMAZE | YUTA KAWAGUCHI

    投稿者の画像

    キレッキレのグラフィティーがかっこいい！！

  • 星街すいせい 2nd live「Shout in Crisis」｜ホロライブプロダクションのPCサイズの画像
    星街すいせい 2nd live「Shout in Crisis」｜ホロライブプロダクションのモバイルサイズの画像
    DETAIL

    星街すいせい 2nd live「Shout in Crisis」｜ホロライブプロダクション

    投稿者の画像

    ブラーのかかった画像をスクロールアニメーションで表示するとより立体感が出ますね!

  • KAELA presents GO!GO!KAELAND 2024 -20years anniversary-のPCサイズの画像
    KAELA presents GO!GO!KAELAND 2024 -20years anniversary-のモバイルサイズの画像
    DETAIL

    KAELA presents GO!GO!KAELAND 2024 -20years anniversary-

    投稿者の画像

    デザインのインパクトだけでなくアーティストのインパクトもあってのデザイン👍

  • Eve Asia Tour 2024「Culture」特設サイトのPCサイズの画像
    Eve Asia Tour 2024「Culture」特設サイトのモバイルサイズの画像
    DETAIL

    Eve Asia Tour 2024「Culture」特設サイト

    投稿者の画像

    FVが一個の作品のような特設サイト😳

  • TRUNK(HOTEL) CAT STREETのPCサイズの画像
    TRUNK(HOTEL) CAT STREETのモバイルサイズの画像
    DETAIL

    TRUNK(HOTEL) CAT STREET

    投稿者の画像

    テキストの強弱、余白でインパクトを与えるシンプルで奇抜なサイト!

  • 東京クリエイティブサロン｜Tokyo Creative Salon 2024のPCサイズの画像
    東京クリエイティブサロン｜Tokyo Creative Salon 2024のモバイルサイズの画像
    DETAIL

    東京クリエイティブサロン｜Tokyo Creative Salon 2024

    投稿者の画像

    見れば見るほどクセになるサイト! faviconまで動く!!🫢

  • ASIAN KUNG-FU GENERATION 25周年特設サイトのPCサイズの画像
    ASIAN KUNG-FU GENERATION 25周年特設サイトのモバイルサイズの画像
    DETAIL

    ASIAN KUNG-FU GENERATION 25周年特設サイト

    CREATE - 株式会社クオートワークス

    投稿者の画像

    25周年を上から下へこれまでのジャケットのイラストと合わせて振り返れるデザイン!

  • 映画『ゴーストバスターズ／フローズン・サマー』オフィシャルサイト | ソニー・ピクチャーズのPCサイズの画像
    映画『ゴーストバスターズ／フローズン・サマー』オフィシャルサイト | ソニー・ピクチャーズのモバイルサイズの画像
    DETAIL

    映画『ゴーストバスターズ／フローズン・サマー』オフィシャルサイト | ソニー・ピクチャーズ

    投稿者の画像

    映画サイトだからできる雰囲気に合わせた装飾は一つの引き出しとしてとても参考になりますね!

  • TORIKIZOKU 新卒採用サイトのPCサイズの画像
    TORIKIZOKU 新卒採用サイトのモバイルサイズの画像
    DETAIL

    TORIKIZOKU 新卒採用サイト

    投稿者の画像

    大きい太字フォントがメッセージを際立たせ、伝えたいメッセージを強調してくれています。

  • 【公式】CLEND（クレンド）のPCサイズの画像
    【公式】CLEND（クレンド）のモバイルサイズの画像
    DETAIL

    【公式】CLEND（クレンド）

    投稿者の画像

    商品のパッケージ/テキストの配色をWEBにも使ったクールなデザイン

  • タグチグループ 新卒採用サイトのPCサイズの画像
    タグチグループ 新卒採用サイトのモバイルサイズの画像
    DETAIL

    タグチグループ 新卒採用サイト

    投稿者の画像

    マンガチックのデザインと動画を活用し、面白くてついつい目に入ってきます！！

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

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

    投稿者の画像

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

  • AMUSE RECRUIT 2025のPCサイズの画像
    AMUSE RECRUIT 2025のモバイルサイズの画像
    DETAIL

    AMUSE RECRUIT 2025

    CREATE - MEFILAS

    投稿者の画像

    ファーストビューやラインのアニメーションが印象的！！