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

カラー検索

「LP (ランディングページ)」のWEBデザイン / 下層ページ

  • あなたと創るしあわせ｜ハーゲンダッツ ジャパン40周年特設サイトのPCサイズの画像
    あなたと創るしあわせ｜ハーゲンダッツ ジャパン40周年特設サイトのモバイルサイズの画像
    DETAIL

    あなたと創るしあわせ｜ハーゲンダッツ ジャパン40周年特設サイト

    投稿者の画像

    シンプルなレイアウトでもリッチ / 落ち着きが表現されたデザイン🍨

  • 日本野鳥の会「プラスチック汚染から海鳥をまもろう」プロジェクトのPCサイズの画像
    日本野鳥の会「プラスチック汚染から海鳥をまもろう」プロジェクトのモバイルサイズの画像
    DETAIL

    日本野鳥の会「プラスチック汚染から海鳥をまもろう」プロジェクト

    投稿者の画像

    淡いカラーの優しさと浜辺をイメージしたセクションの区切りが印象てきです。

  • びっくりドンキーのPCサイズの画像
    びっくりドンキーのモバイルサイズの画像
    DETAIL

    びっくりドンキー

    投稿者の画像

    メニューの扉シルエットに合わせ各所が角丸で統一さたポップなデザイン✨

  • 手柄山オータムジャンボリーのPCサイズの画像
    手柄山オータムジャンボリーのモバイルサイズの画像
    DETAIL

    手柄山オータムジャンボリー

    投稿者の画像

    トップ下部「コンテンツ」のホバーアニメーションがポップ😆

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

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

    投稿者の画像

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

  • 泡おもい｜肌にも未来にもやさしい無添加石けんのPCサイズの画像
    泡おもい｜肌にも未来にもやさしい無添加石けんのモバイルサイズの画像
    DETAIL

    泡おもい｜肌にも未来にもやさしい無添加石けん

    投稿者の画像

    有機的な線と水彩のあしらいがいい感じの装飾！

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

    maria project

    投稿者の画像

    写真もイラストもかわいい❗️

  • しまなみブルワリー公式ブランドサイトのPCサイズの画像
    しまなみブルワリー公式ブランドサイトのモバイルサイズの画像
    DETAIL

    しまなみブルワリー公式ブランドサイト

    投稿者の画像

    商品の背景を切り抜いた画像がインパクトあるサイトです！！

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

    cosa

    投稿者の画像

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

  • リマインド結婚式「セーブポイント」 | 家計簿プリカ B/43（ビーヨンサン）のPCサイズの画像
    リマインド結婚式「セーブポイント」 | 家計簿プリカ B/43（ビーヨンサン）のモバイルサイズの画像
    DETAIL

    リマインド結婚式「セーブポイント」 | 家計簿プリカ B/43（ビーヨンサン）

    投稿者の画像

    シンプルなデザインにゲームのデザインを取り入れたサイトで面白い！！

  • モノコトLab.｜TKエンジニアリング株式会社のPCサイズの画像
    モノコトLab.｜TKエンジニアリング株式会社のモバイルサイズの画像
    DETAIL

    モノコトLab.｜TKエンジニアリング株式会社

    投稿者の画像

    多色でも統一されたデザインと主張しすぎない背景のイラストが良く、サイト全体を通してワクワクがつたわってきます。

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

    クラTナビ公式サイト

    投稿者の画像

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

  • みずほFG：空想金融教室のPCサイズの画像
    みずほFG：空想金融教室のモバイルサイズの画像
    DETAIL

    みずほFG：空想金融教室

    投稿者の画像

    教室とお金を掛け合わせたイラストがにぎやかなサイト！！

  • 90周年記念サイト │ NISSANのPCサイズの画像
    90周年記念サイト │ NISSANのモバイルサイズの画像
    DETAIL

    90周年記念サイト │ NISSAN

    投稿者の画像

    ブラックがモダンな印象を与えてくれるサイト。HISTORYのスライドがかっこいい！！

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

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

    投稿者の画像

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

  • HAL大阪「アホ科」新設｜4月1日にオープンキャンパス開催！のPCサイズの画像
    HAL大阪「アホ科」新設｜4月1日にオープンキャンパス開催！のモバイルサイズの画像
    DETAIL

    HAL大阪「アホ科」新設｜4月1日にオープンキャンパス開催！

    投稿者の画像

    コンセプトもインパクトもすごいサイト！！

  • きのこの山ワイヤレスイヤホン|きのこの山・たけのこの里|株式会社 明治 – Co.,Ltd.のPCサイズの画像
    きのこの山ワイヤレスイヤホン|きのこの山・たけのこの里|株式会社 明治 – Co.,Ltd.のモバイルサイズの画像
    DETAIL

    きのこの山ワイヤレスイヤホン|きのこの山・たけのこの里|株式会社 明治 – Co.,Ltd.

    投稿者の画像

    ポップな商品とは裏腹にブラック主体のかっこいいサイト！！

  • 年に一度しか買えない希少な出雲そば「神在月」｜本田屋のPCサイズの画像
    年に一度しか買えない希少な出雲そば「神在月」｜本田屋のモバイルサイズの画像
    DETAIL

    年に一度しか買えない希少な出雲そば「神在月」｜本田屋

    CREATE - ブルーパドル

    投稿者の画像

    FVの動画とロゴのインパクトがすごい！！

  • 地球の飲み歩き方 | presented by SUNTORYのPCサイズの画像
    地球の飲み歩き方 | presented by SUNTORYのモバイルサイズの画像
    DETAIL

    地球の飲み歩き方 | presented by SUNTORY

    投稿者の画像

    ローディングの乾杯がおしゃれ！！

  • 公益法人に強い税理士ならレアル合同会計事務所のPCサイズの画像
    公益法人に強い税理士ならレアル合同会計事務所のモバイルサイズの画像
    DETAIL

    公益法人に強い税理士ならレアル合同会計事務所

    投稿者の画像

    シンプルなデザインと補色関係の色使いで目立たせたいポイントがハッキリしています。

  • アイスボックス「ICE DE BREAKERS」スペシャルサイト|森永製菓株式会社のPCサイズの画像
    アイスボックス「ICE DE BREAKERS」スペシャルサイト|森永製菓株式会社のモバイルサイズの画像
    DETAIL

    アイスボックス「ICE DE BREAKERS」スペシャルサイト|森永製菓株式会社

    投稿者の画像

    STORYなど動画素材も色を統一しているので、シンプルなレイアウトでもマッチしますね!

  • ITエンジニアを目指せる就労移行支援サービス｜Kiracu(きらく)のPCサイズの画像
    ITエンジニアを目指せる就労移行支援サービス｜Kiracu(きらく)のモバイルサイズの画像
    DETAIL

    ITエンジニアを目指せる就労移行支援サービス｜Kiracu(きらく)

    CREATE - Re:design

    投稿者の画像

    暖かみがあり、寄り添ってくれる感があふれるサイト。

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

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

    投稿者の画像

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

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

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

    投稿者の画像

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

  • TOKIUM（トキウム） | 支出管理クラウドのPCサイズの画像
    TOKIUM（トキウム） | 支出管理クラウドのモバイルサイズの画像
    DETAIL

    TOKIUM（トキウム） | 支出管理クラウド

    CREATE - 株式会社GIG

    投稿者の画像

    選ばれる理由の見せ方がとてもスッキリしている!

  • オリックス銀行 ❘ Career Recruiting SiteのPCサイズの画像
    オリックス銀行 ❘ Career Recruiting Siteのモバイルサイズの画像
    DETAIL

    オリックス銀行 ❘ Career Recruiting Site

    投稿者の画像

    多様なホバーアニメーションが参考になります!

  • Kolo コロ｜個室型フォンブースでWeb会議・テレカンのPCサイズの画像
    Kolo コロ｜個室型フォンブースでWeb会議・テレカンのモバイルサイズの画像
    DETAIL

    Kolo コロ｜個室型フォンブースでWeb会議・テレカン

    投稿者の画像

    シックで落ち着いたデザインが商品のイメージにマッチしている!!

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

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

    投稿者の画像

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

  • 泉質アイドルユニット「おんせんし」公式のPCサイズの画像
    泉質アイドルユニット「おんせんし」公式のモバイルサイズの画像
    DETAIL

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

    投稿者の画像

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

  • サンシャイン水族館 ゾクゾク深海生物2024のPCサイズの画像
    サンシャイン水族館 ゾクゾク深海生物2024のモバイルサイズの画像
    DETAIL

    サンシャイン水族館 ゾクゾク深海生物2024

    投稿者の画像

    ヒーローエリアはまさにファミコンのゲーム画面! TOPへのアンカーリンクもメンダコ!

  • MEJINAVI2024｜目白大学がまるっとわかるメジナビのPCサイズの画像
    MEJINAVI2024｜目白大学がまるっとわかるメジナビのモバイルサイズの画像
    DETAIL

    MEJINAVI2024｜目白大学がまるっとわかるメジナビ

    投稿者の画像

    細かなアニメーションとPOPさが目を惹きます! スクロールアニメーションにも注目!

  • E-THREECUP｜TECH.C.主催のeスポーツイベントのPCサイズの画像
    E-THREECUP｜TECH.C.主催のeスポーツイベントのモバイルサイズの画像
    DETAIL

    E-THREECUP｜TECH.C.主催のeスポーツイベント

    CREATE - 株式会社ユニオンネット

    投稿者の画像

    ネオンなグラデーションと掠れたテキストがeスポート感を演出!

  • COLOCOLO5656 特設ページ | コロコロブランドサイト | 株式会社ニトムズのPCサイズの画像
    COLOCOLO5656 特設ページ | コロコロブランドサイト | 株式会社ニトムズのモバイルサイズの画像
    DETAIL

    COLOCOLO5656 特設ページ | コロコロブランドサイト | 株式会社ニトムズ

    投稿者の画像

    製品を手に取ってみたくなるムービーが特徴的。スクロールに合わせて動くアイコンが愛くるしい。

  • SITTE – デジタル名刺作成クラウドサービスのPCサイズの画像
    SITTE – デジタル名刺作成クラウドサービスのモバイルサイズの画像
    DETAIL

    SITTE – デジタル名刺作成クラウドサービス

    投稿者の画像

    行間、文字サイズの対比、配色のバランスがとても好きです! 読みやすく、程よい装飾✨

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

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

    投稿者の画像

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

  • MONSTER TRUCKS モンスタートラック | Hot Wheels ホットウィール | Mattel マテルのPCサイズの画像
    MONSTER TRUCKS モンスタートラック | Hot Wheels ホットウィール | Mattel マテルのモバイルサイズの画像
    DETAIL

    MONSTER TRUCKS モンスタートラック | Hot Wheels ホットウィール | Mattel マテル

    投稿者の画像

    スクロールアニメーションが楽しい!!

  • LP LAB エルピーラボのPCサイズの画像
    LP LAB エルピーラボのモバイルサイズの画像
    DETAIL

    LP LAB エルピーラボ

    CREATE - 株式会社創新ラボ

    投稿者の画像

    細かく動くアイコンやトップのインパクトが特徴的!