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

Webデザインを
探す 学ぶ

業界

  • 飲食・食品・飲料

    97

  • クリエイティブ制作

    89

  • エンタメ・趣味・娯楽

    87

  • 不動産・建築・施設

    41

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

    38

  • 製品・工業・素材

    35

  • IT・システム

    33

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

    32

  • 教育・学校

    31

  • 旅行・ホテル・観光

    24

  • 美容

    24

  • 行政・NPO・団体・協会

    22

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

    21

  • 事業・組織

    21

  • 暮らし商品・サービス

    20

  • 就職・人材サービス

    20

  • 車・バイク他

    16

  • 広告・マーケティング

    15

  • インテリア・雑貨

    15

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

    14

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

    14

  • Web・クラウドサービス

    13

  • ウェディング

    12

  • アート

    12

  • インフラ

    10

形式

  • コーポレートサイト

    173

  • 商品・製品紹介

    121

  • 特設サイト

    116

  • 店舗・施設紹介

    86

  • 企画・プロモーション

    84

  • サービス紹介

    51

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

    37

  • 採用サイト

    37

  • EC・Webサービス

    36

  • メディア・ポータル

    32

  • ポートフォリオ

    18

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    236

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

    180

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

    135

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

    89

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

    82

  • 多言語対応

    46

  • 動画が特徴的なサイト

    35

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

    31

下層ページ

  • Aboutページ

    270

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

    249

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

    225

  • サービス紹介

    180

  • お問い合わせ

    97

  • 採用サイト

    67

  • よくある質問

    48

  • プライバシーポリシー

    42

  • 料金表

    24

  • CSR

    22

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

    19

  • ビジュアル

    1

カラー

  • ホワイト・白

    148

  • ブルー・青

    135

  • ブラック・黒・グレー

    111

  • グリーン・緑

    81

  • カラフル・多色

    68

  • イエロー・黄色

    60

  • レッド・赤

    57

  • ブラウン・茶色

    45

  • オレンジ・橙色

    34

  • ピンク・桃色・桜色

    30

  • パープル・紫

    22

SEARCH

カラー検索

「ポータルサイト･メディア･マガジンWEB」のWEBデザイン / 下層ページ

  • DMN ｜ Design Management NetworkのPCサイズの画像
    DMN ｜ Design Management Networkのモバイルサイズの画像
    DETAIL

    DMN ｜ Design Management Network

    投稿者の画像

    ニュースペーパーテイストを取り入れたウェブサイトで、手描きのあしらいがアクセントとなっています。

  • 世田谷文化生活情報センター 生活工房のPCサイズの画像
    世田谷文化生活情報センター 生活工房のモバイルサイズの画像
    DETAIL

    世田谷文化生活情報センター 生活工房

    投稿者の画像

    レイアウトに強弱があったり、ダイナミックながらスマートなアニメーションで魅力あるサイト⭐️

  • 神田町六丁目商店街のPCサイズの画像
    神田町六丁目商店街のモバイルサイズの画像
    DETAIL

    神田町六丁目商店街

    投稿者の画像

    スタンダードなレイアウトなものの、文字の太さでいい感じに雰囲気を作れている

  • Hanako Web – 雑誌Hanako (ハナコ) の公式サイト、Hanako Web (ハナコ ウェブ)のPCサイズの画像
    Hanako Web – 雑誌Hanako (ハナコ) の公式サイト、Hanako Web (ハナコ ウェブ)のモバイルサイズの画像
    DETAIL

    Hanako Web – 雑誌Hanako (ハナコ) の公式サイト、Hanako Web (ハナコ ウェブ)

    投稿者の画像

    FVの縦型動画の使い方が秀逸！！

  • うみつづりのPCサイズの画像
    うみつづりのモバイルサイズの画像
    DETAIL

    うみつづり

    投稿者の画像

    ひたすらエモいです

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

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

    投稿者の画像

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

  • BEYOND ARCHITECTURE | ケンチクとカルチャーを言語化するメディアのPCサイズの画像
    BEYOND ARCHITECTURE | ケンチクとカルチャーを言語化するメディアのモバイルサイズの画像
    DETAIL

    BEYOND ARCHITECTURE | ケンチクとカルチャーを言語化するメディア

    投稿者の画像

    webと雑誌のいいとこどりなデザインと文字組み！！

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

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

    投稿者の画像

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

  • TORiX株式会社 | 営業を科学する |『無敗営業』シリーズの著者、高橋浩一による“みんなが売れる”ためのメディアのPCサイズの画像
    TORiX株式会社 | 営業を科学する |『無敗営業』シリーズの著者、高橋浩一による“みんなが売れる”ためのメディアのモバイルサイズの画像
    DETAIL

    TORiX株式会社 | 営業を科学する |『無敗営業』シリーズの著者、高橋浩一による“みんなが売れる”ためのメディア

    投稿者の画像

    横幅を目一杯使ったグリッドデザイン！！

  • doda PRESENTS: パ・リーグ球団 仕事図鑑2024のPCサイズの画像
    doda PRESENTS: パ・リーグ球団 仕事図鑑2024のモバイルサイズの画像
    DETAIL

    doda PRESENTS: パ・リーグ球団 仕事図鑑2024

    投稿者の画像

    イラストやアイコンをうまく使ったり、モーダル表示で普段親しみのない球団の仕事について端的に伝えてくれています。

  • WHATAWON（ワタワン） | 「次世代型エンターテインメントモール」のPCサイズの画像
    WHATAWON（ワタワン） | 「次世代型エンターテインメントモール」のモバイルサイズの画像
    DETAIL

    WHATAWON（ワタワン） | 「次世代型エンターテインメントモール」

    投稿者の画像

    シンプルな作りでも、各所のタイポグラフィーを意識することで「気になるサイト」になれる。バナーのテキスト強くておもしろい

  • 千葉県旭市観光サイト｜今日も、ぶらり、あさひ日和。のPCサイズの画像
    千葉県旭市観光サイト｜今日も、ぶらり、あさひ日和。のモバイルサイズの画像
    DETAIL

    千葉県旭市観光サイト｜今日も、ぶらり、あさひ日和。

    投稿者の画像

    背景画像を多用したサイトでセクションの区切りなど背景画像の使い方が参考になる！！

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

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

    投稿者の画像

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

  • ONGROUND（オングラウンド）-「スポーツと、はたらく」を目指す人のためのスポーツビジネスメディアのPCサイズの画像
    ONGROUND（オングラウンド）-「スポーツと、はたらく」を目指す人のためのスポーツビジネスメディアのモバイルサイズの画像
    DETAIL

    ONGROUND（オングラウンド）-「スポーツと、はたらく」を目指す人のためのスポーツビジネスメディア

    投稿者の画像

    footerのアニメーションとデザインがかっこいい！！

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

    Silver Magazine

    投稿者の画像

    FVで写真をダイナミックに使っていて迫力がある。文章も読みやすく、スムースな雰囲気のサイト。

  • do-ya?（ドーヤ？） | 「ドヤ顔」で教えたい、大阪駅周辺ガイドのPCサイズの画像
    do-ya?（ドーヤ？） | 「ドヤ顔」で教えたい、大阪駅周辺ガイドのモバイルサイズの画像
    DETAIL

    do-ya?（ドーヤ？） | 「ドヤ顔」で教えたい、大阪駅周辺ガイド

    投稿者の画像

    文言も大阪の話し言葉のようで世界観に忠実な言葉選び😊

  • 講談社 現代新書 創刊60周年のPCサイズの画像
    講談社 現代新書 創刊60周年のモバイルサイズの画像
    DETAIL

    講談社 現代新書 創刊60周年

    投稿者の画像

    古めかしさもあり、挑戦的でもあるオリジナリティ溢れるサイト✨ スクショでは綺麗に伝わらないので、是非本サイトで確認してもらいたいです😫

  • UI Pocket – アプリのUIデザインギャラリーのPCサイズの画像
    UI Pocket – アプリのUIデザインギャラリーのモバイルサイズの画像
    DETAIL

    UI Pocket – アプリのUIデザインギャラリー

    投稿者の画像

    ギャラリーサイトなのでシンプルなレイアウトで見やすいです。

  • 雑誌Begin(ビギン)公式サイトのPCサイズの画像
    雑誌Begin(ビギン)公式サイトのモバイルサイズの画像
    DETAIL

    雑誌Begin(ビギン)公式サイト

    投稿者の画像

    グリッドベースなデザインで一部は自由な装飾でかっちりしすぎてないあたりがカッコいいです☺️

  • 関西編集保安協会｜編集者を、西から生む。のPCサイズの画像
    関西編集保安協会｜編集者を、西から生む。のモバイルサイズの画像
    DETAIL

    関西編集保安協会｜編集者を、西から生む。

    投稿者の画像

    編集に関するトンボや赤ペンの修正箇所が変わっていくアニメーションがおもしろい！！

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

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

    CREATE - 5ive Inc.

    投稿者の画像

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

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

    404s

    投稿者の画像

    もしかしたら404ページにも可能性があるのかも❗️「3D」や「アニメーション」など複数キーワードによる絞り込み検索が便利。

  • ポmagazine | 噂で始まる京都観光メディア by Umekoji Potel KYOTOのPCサイズの画像
    ポmagazine | 噂で始まる京都観光メディア by Umekoji Potel KYOTOのモバイルサイズの画像
    DETAIL

    ポmagazine | 噂で始まる京都観光メディア by Umekoji Potel KYOTO

    CREATE - 合同会社バンクトゥ

    投稿者の画像

    イラストが出現するhoverアニメーションが複数あり遊び心満載のメディアサイト

  • 「LEE（リー）」｜集英社の雑誌「LEE」の公式ウェブメディア｜おしゃれと暮らしを楽しむすべての女性へのPCサイズの画像
    「LEE（リー）」｜集英社の雑誌「LEE」の公式ウェブメディア｜おしゃれと暮らしを楽しむすべての女性へのモバイルサイズの画像
    DETAIL

    「LEE（リー）」｜集英社の雑誌「LEE」の公式ウェブメディア｜おしゃれと暮らしを楽しむすべての女性へ

    投稿者の画像

    アイコンや装飾が細いラインで統一されているので綺麗なサイトにまとまっていますね。

  • 法人向けメタバース情報メディア「メタバース情報局 by transcosmos」のPCサイズの画像
    法人向けメタバース情報メディア「メタバース情報局 by transcosmos」のモバイルサイズの画像
    DETAIL

    法人向けメタバース情報メディア「メタバース情報局 by transcosmos」

    CREATE - 株式会社スピカデザイン

    投稿者の画像

    シンプルかつベーシック! 検索がモーダルで探しやすいメディアメディアサイト

  • 株式会社エブリー｜every, Inc.のPCサイズの画像
    株式会社エブリー｜every, Inc.のモバイルサイズの画像
    DETAIL

    株式会社エブリー｜every, Inc.

    CREATE - 株式会社GIG

    投稿者の画像

    カラフルな装飾とアニメーションでシンプルなレイアウトでも華やかで見やすいサイト✨

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

    UNLIRICE

    投稿者の画像

    エネルギーを感じるTOP画面。詳細ページ目次のオブジェクトをドラッグすると謎のギミックが…

  • The Fashion PostのPCサイズの画像
    The Fashion Postのモバイルサイズの画像
    DETAIL

    The Fashion Post

    投稿者の画像

    ニュアンスカラーの配色、文字組みや文字のカーニングなど細部までこだわりを感じるサイト。

  • 【公式】攻殻機動隊グローバルサイトのPCサイズの画像
    【公式】攻殻機動隊グローバルサイトのモバイルサイズの画像
    DETAIL

    【公式】攻殻機動隊グローバルサイト

    投稿者の画像

    デジタルなホバーアクションが作品とマッチしている。バーコードフォントがかっこいい。

  • POPEYE Web | ポパイウェブのPCサイズの画像
    POPEYE Web | ポパイウェブのモバイルサイズの画像
    DETAIL

    POPEYE Web | ポパイウェブ

    投稿者の画像

    雑誌のテンションを上手くwebで表現している。独特な余白感や目に入ってくる情報量が楽しい。

  • 幻冬社のPCサイズの画像
    幻冬社のモバイルサイズの画像
    DETAIL

    幻冬社

    CREATE - 株式会社TAM

    投稿者の画像

    画像のシャドウや背景色、タイトルのフォントの太さや大きさ、下線などユーザーに書籍の伝えたい情報が視認しやすく感じます。

  • Worker’s Resort | オフィスマネージャーのためのリサーチネットワークのPCサイズの画像
    Worker’s Resort | オフィスマネージャーのためのリサーチネットワークのモバイルサイズの画像
    DETAIL

    Worker’s Resort | オフィスマネージャーのためのリサーチネットワーク

    CREATE - IN FOCUS Inc.

    投稿者の画像

    フォルダのシェイプが魅力的!!