KASOUのロゴ

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

お問い合わせ・掲載依頼

Webデザインを 探す

新しいデザインの着想や配色のヒント、
サイト構成・UI設計のアイデアを効率よく収集!

Webデザインを 知る

初心者からプロまで!
Webデザインに関するナレッジを更新中!

Webデザインを 学ぶ

動画コンテンツで基礎学習
デザイナーの課題添削も

  • Aboutページ

  • コーポレートサイト

  • プライバシーポリシー

  • 採用サイト

  • LP

  • 商品・製品紹介

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

  • サービス紹介

  • よくある質問

  • お問い合わせ

デザインボリューム

1 10

デザインボリュームで検索

1 10

カラーで検索

人気の検索ワード

  • シンプル
  • スタイリッシュ
  • 楽しい
  • にぎやかな
  • インパクトのある
  • かっこいい
  • 統一性のある
  • 暖かみのある
  • おもしろい
  • 鮮やか
  • かわいい
  • グリッドデザイン
  • 高級感
  • 美しい
  • 和
  • イケてるレイアウト

下層ページから検索

  • Aboutページ

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

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

  • サービス紹介

  • お問い合わせ

  • 採用サイト

  • よくある質問

  • プライバシーポリシー

  • 料金表

  • CSR

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

  • メニュー

  • 地図

  • ゲーム

  • イメージカット

  • ハンバーガーメニュー

  • フリーズモード

  • モーダル

  • ホバー

  • ローディング

  • 動画

  • カラーモード

  • ビジュアル

  • 検索窓

  • ココが好き!

  • 会社概要

  • イメージ画像

業界

  • クリエイティブ制作

    166
  • 飲食・食品・飲料

    128
  • エンタメ・趣味・娯楽

    128
  • IT・システム

    63
  • 不動産・建築・施設

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

    58
  • 製品・工業・素材

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

    45
  • 教育・学校

    41
  • 事業・組織

    33
  • 行政・NPO・団体・協会

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

    29
  • 旅行・ホテル・観光

    28
  • 暮らし商品・サービス

    28
  • 美容

    27
  • 就職・人材サービス

    23
  • 広告・マーケティング

    20
  • 車・バイク他

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

    17
  • インテリア・雑貨

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

    14
  • Web・クラウドサービス

    14
  • インフラ

    13
  • ウェディング

    12
  • アート

    12
  • その他

    2

形式

  • コーポレートサイト

    255
  • 特設サイト

    183
  • 商品・製品紹介

    172
  • 企画・プロモーション

    109
  • 店舗・施設紹介

    108
  • サービス紹介

    62
  • 採用サイト

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

    53
  • メディア・ポータル

    46
  • EC・Webサービス

    44
  • ポートフォリオ

    30
  • キャンペーン

    12
  • ギャラリーサイト

    1

デザイン

  • 写真が特徴的なサイト

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

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

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

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

    110
  • 多言語対応

    61
  • 動画が特徴的なサイト

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

    53

下層ページ

  • Aboutページ

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

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

    321
  • サービス紹介

    267
  • お問い合わせ

    144
  • 採用サイト

    93
  • よくある質問

    69
  • プライバシーポリシー

    58
  • 料金表

    29
  • CSR

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

    21
  • メニュー

    8
  • 地図

    2
  • ハンバーガーメニュー

    1
  • フリーズモード

    1
  • モーダル

    1
  • ホバー

    1
  • イメージカット

    1
  • ローディング

    1
  • 動画

    1
  • カラーモード

    1
  • ゲーム

    1
  • ビジュアル

    1
  • 検索窓

    1

カラー

  • ホワイト・白

    206
  • ブルー・青

    203
  • ブラック・黒・グレー

    170
  • グリーン・緑

    125
  • カラフル・多色

    111
  • イエロー・黄色

    83
  • レッド・赤

    80
  • ブラウン・茶色

    57
  • オレンジ・橙色

    56
  • ピンク・桃色・桜色

    49
  • パープル・紫

    28
  • ベージュ・白茶

    9

「特設サイト」のWEBデザイン / 下層ページ

  • 50th Anniversary|株式会社シップスのPCサイズの画像
    50th Anniversary|株式会社シップスのモバイルサイズの画像
    DETAIL

    50th Anniversary|株式会社シップス

    投稿者の画像

    カーソルから糸が伸びるアニメーションが面白く、ついついスクロールしたくなります。また、マウスオーバーすると糸のイラストで描かれた商品画像が実物の写真に変わる演出もユニークで魅力的です。

  • チームみらい|公式ホームページのPCサイズの画像
    チームみらい|公式ホームページのモバイルサイズの画像
    DETAIL

    チームみらい|公式ホームページ

    投稿者の画像

    Sp特化、LP形式でコンパクトで下層ページも少ないがすごく見やすい🟢

  • 2025 AUTUMN きらめく透け感紅茶ティント ‘Bitter Sweet Tea’ | OPERA(オペラ) | コスメティック[公式]のPCサイズの画像
    2025 AUTUMN きらめく透け感紅茶ティント ‘Bitter Sweet Tea’ | OPERA(オペラ) | コスメティック[公式]のモバイルサイズの画像
    DETAIL

    2025 AUTUMN きらめく透け感紅茶ティント ‘Bitter Sweet Tea’ | OPERA(オペラ) | コスメティック[公式]

    投稿者の画像

    mask-imageのグラデでフェードインするアニメーションが+1の工夫でナイスです✨ これは使ってみたい🧐

  • デザデジの広告画像02 デザデジの広告画像03 デザデジの広告画像04
    デザデジのモバイルサイズの広告画像02 デザデジのモバイルサイズの広告画像03 デザデジのモバイルサイズの広告画像04
    DETAIL

    月額11,000円で学べる超実践型Webデザインスクール

    デザデジの画像

    デザデジ

  • ひらけ、みらい。生活総研のPCサイズの画像
    ひらけ、みらい。生活総研のモバイルサイズの画像
    DETAIL

    ひらけ、みらい。生活総研

    投稿者の画像

    1つ1つのコンテンツのクオリティが高い研究所 🔍👀 数字的な記事が多く投稿されていますが、フォント(丸ゴ)や配色で抵抗感がないのが良いですね!

  • 永劫回帰に横たわる虚無三島由紀夫生誕100年=昭和100年 | ART & GALLERY | GYREのPCサイズの画像
    永劫回帰に横たわる虚無三島由紀夫生誕100年=昭和100年 | ART & GALLERY | GYREのモバイルサイズの画像
    DETAIL

    永劫回帰に横たわる虚無三島由紀夫生誕100年=昭和100年 | ART & GALLERY | GYRE

    投稿者の画像

    文字をビジュアルデザインの要素として巧みに活用している。アニメーションや奥行きの演出によって、没入感のある体験ができるサイト。

  • SmartHR 10th Anniversary|人が、社会が、本当に欲しいもののPCサイズの画像
    SmartHR 10th Anniversary|人が、社会が、本当に欲しいもののモバイルサイズの画像
    DETAIL

    SmartHR 10th Anniversary|人が、社会が、本当に欲しいもの

    CREATE - 株式会社トルク

    投稿者の画像

    シェイプを巧みに使い、未来へと進む印象を演出。インタビューセクションも読み物のような構成で引き込まれる。

  • カプセルコレクション | 株式会社ターリン・インターナショナルのPCサイズの画像
    カプセルコレクション | 株式会社ターリン・インターナショナルのモバイルサイズの画像
    DETAIL

    カプセルコレクション | 株式会社ターリン・インターナショナル

    投稿者の画像

    コロコロコミックっぽいイラストがめっちゃ可愛いデザイン⭐️

  • 株式会社デパート 創立10周年特設サイトのPCサイズの画像
    株式会社デパート 創立10周年特設サイトのモバイルサイズの画像
    DETAIL

    株式会社デパート 創立10周年特設サイト

    投稿者の画像

    百貨店をモチーフにした10周年記念サイト✨ デザイン力はさることながら、サイトを徘徊したくなる仕掛けまで! 🎁 👀

  • 登る、知る、遊ぶ。頼りになる山仲間。 山遊部 – Goldwin Online Store [ゴールドウイン]のPCサイズの画像
    登る、知る、遊ぶ。頼りになる山仲間。 山遊部 – Goldwin Online Store [ゴールドウイン]のモバイルサイズの画像
    DETAIL

    登る、知る、遊ぶ。頼りになる山仲間。 山遊部 – Goldwin Online Store [ゴールドウイン]

    投稿者の画像

    落ち着いた雰囲気のサイト全体に、楽しげなイラストがアクセントを加えるサイトです。セクション区切りの山のモチーフも世界観を演出しています。

  • 【公式】プレスバターサンドギャラリー|PRESS BUTTER SAND GALLERYのPCサイズの画像
    【公式】プレスバターサンドギャラリー|PRESS BUTTER SAND GALLERYのモバイルサイズの画像
    DETAIL

    【公式】プレスバターサンドギャラリー|PRESS BUTTER SAND GALLERY

    投稿者の画像

    フレーバーをアートで表現した刺激的なパッケージを通じて、味覚を視覚に落とし込むという挑戦的な試みを行うサイト。

  • ドンキーコング バナンザ | Nintendo Switch 2 | 任天堂のPCサイズの画像
    ドンキーコング バナンザ | Nintendo Switch 2 | 任天堂のモバイルサイズの画像
    DETAIL

    ドンキーコング バナンザ | Nintendo Switch 2 | 任天堂

    投稿者の画像

    ビビッドな色使いと大胆なレイアウトで、ゲームの世界観とワクワク感を直感的に伝えるデザイン。

  • CurioUs|好奇心を描くドラマとドキュメンタリー|IHI 空領域キャリア採用 | IHIのPCサイズの画像
    CurioUs|好奇心を描くドラマとドキュメンタリー|IHI 空領域キャリア採用 | IHIのモバイルサイズの画像
    DETAIL

    CurioUs|好奇心を描くドラマとドキュメンタリー|IHI 空領域キャリア採用 | IHI

    投稿者の画像

    これがインフラ企業の採用サイト!?ギャップにワクワクするデザインです!!

  • ことのき – 名言・格言のPCサイズの画像
    ことのき – 名言・格言のモバイルサイズの画像
    DETAIL

    ことのき – 名言・格言

    投稿者の画像

    縦書きのキャッチコピーや和の余白感が印象的な、静謐で知的な印象を与えるデザイン。

  • 2024-2025 松坂屋名古屋店リニューアルオープンのPCサイズの画像
    2024-2025 松坂屋名古屋店リニューアルオープンのモバイルサイズの画像
    DETAIL

    2024-2025 松坂屋名古屋店リニューアルオープン

    CREATE - 株式会社ダイナマイト・ブラザーズ・シンジケート

    投稿者の画像

    FVにインパクトと情緒を感じさせるデザインが組み込まれ、リニューアルへの期待感を高めるサイトに仕上がっている。 セクションタイトルのセリフ体のバランスも美しい。

  • カロアデザイン|ビジネス成長をサポートする東京のWeb制作・デザイン会社のPCサイズの画像
    カロアデザイン|ビジネス成長をサポートする東京のWeb制作・デザイン会社のモバイルサイズの画像
    DETAIL

    カロアデザイン|ビジネス成長をサポートする東京のWeb制作・デザイン会社

    投稿者の画像

    周年ページが可愛い。情報が多い中でイラストでうまく中和している

  • 時間の、空気の、あの、AMANOのPCサイズの画像
    時間の、空気の、あの、AMANOのモバイルサイズの画像
    DETAIL

    時間の、空気の、あの、AMANO

    投稿者の画像

    無名な会社を可愛いキャラクターアテンドによって紹介していくいい例。爽やかで見やすい⭐️

  • デザデジのgif広告画像01
    デザデジのモバイルサイズのgif広告画像01
    DETAIL

    月額11,000円で学べる超実践型Webデザインスクール

    デザデジの画像

    デザデジ

  • Background – AI generated backgroundのPCサイズの画像
    Background – AI generated backgroundのモバイルサイズの画像
    DETAIL

    Background – AI generated background

    投稿者の画像

    背景画像生成の配布ページ。ギラついたダークテーマがカッコいい😎

  • 靴下マニアのファッションスクラップ vol.25|靴下屋公式通販 Tabio オンラインストアのPCサイズの画像
    靴下マニアのファッションスクラップ vol.25|靴下屋公式通販 Tabio オンラインストアのモバイルサイズの画像
    DETAIL

    靴下マニアのファッションスクラップ vol.25|靴下屋公式通販 Tabio オンラインストア

    投稿者の画像

    スマホならではの縦スクロールに合わせて背景が変わるのが楽しい🧦

  • かすみがうらFCのPCサイズの画像
    かすみがうらFCのモバイルサイズの画像
    DETAIL

    かすみがうらFC

    投稿者の画像

    余白感の気持ち良いデザインで白が全く間延びしていない❗️良いデザイン‼️

  • 写ルンです™|富士フイルムのPCサイズの画像
    写ルンです™|富士フイルムのモバイルサイズの画像
    DETAIL

    写ルンです™|富士フイルム

    投稿者の画像

    ノスタルジックで粗めな写り画像 × ポップなデザインは、写ルンです™を体現📷

  • グレンモーレンジィ スペシャルサイト | モエ ヘネシー ディアジオのPCサイズの画像
    グレンモーレンジィ スペシャルサイト | モエ ヘネシー ディアジオのモバイルサイズの画像
    DETAIL

    グレンモーレンジィ スペシャルサイト | モエ ヘネシー ディアジオ

    投稿者の画像

    写真素材は超豪華だが、レスポンシブが壊滅。デザインは悪くないがおそらく知識のないデザイナーがノーコードツールで制作したであろうWebサイト。

  • VECTIV | THE NORTH FACEのPCサイズの画像
    VECTIV | THE NORTH FACEのモバイルサイズの画像
    DETAIL

    VECTIV | THE NORTH FACE

    投稿者の画像

    大きめのタイポグラフィとネオミニマルなデザインに動きを加えることで、視覚的にもレイアウト的にもブランドの世界観が明確に表現されています🏃‍♂️

  • オークネット40周年サイト | 株式会社オークネットのPCサイズの画像
    オークネット40周年サイト | 株式会社オークネットのモバイルサイズの画像
    DETAIL

    オークネット40周年サイト | 株式会社オークネット

    CREATE - 株式会社ナップ

    投稿者の画像

    スタイリッシュなデザインに昔の写真や明朝フォントを使用することで「これまで」と「これから」をどちらも感じられますね 👀

  • ロッテおりがみ部|お口の恋人 ロッテのPCサイズの画像
    ロッテおりがみ部|お口の恋人 ロッテのモバイルサイズの画像
    DETAIL

    ロッテおりがみ部|お口の恋人 ロッテ

    投稿者の画像

    パッケージデザインやカラーリングが活かされ、うまく調和の取れたサイト。パッケージの秀逸さも同時に感じられる。

  • 富士フイルムデザインセンター|DESIGNART TOKYO 2024|ReframingのPCサイズの画像
    富士フイルムデザインセンター|DESIGNART TOKYO 2024|Reframingのモバイルサイズの画像
    DETAIL

    富士フイルムデザインセンター|DESIGNART TOKYO 2024|Reframing

    投稿者の画像

    シンプルな作りの中に、細かなレイアウトハズしやスクロールアニメーションが効いて、クオリティの高さを感じる

  • STUDIO夏祭り2024 | by NOT DESIGN SCHOOLのPCサイズの画像
    STUDIO夏祭り2024 | by NOT DESIGN SCHOOLのモバイルサイズの画像
    DETAIL

    STUDIO夏祭り2024 | by NOT DESIGN SCHOOL

    投稿者の画像

    夏祭りのコンセプトにぴったりな意匠が散りばめられており、ワクワク感を一層引き立ててくれるサイト。

  • すべては、志からはじまる。- 三井物産株式会社のPCサイズの画像
    すべては、志からはじまる。- 三井物産株式会社のモバイルサイズの画像
    DETAIL

    すべては、志からはじまる。- 三井物産株式会社

    投稿者の画像

    シンプル故のメッセージ性の強さに、リーダーシップのような情緒を感じます🔥

  • EXPO 2025 大阪・関西万博公式WebサイトのPCサイズの画像
    EXPO 2025 大阪・関西万博公式Webサイトのモバイルサイズの画像
    DETAIL

    EXPO 2025 大阪・関西万博公式Webサイト

    投稿者の画像

    正直、ミャクミャクさまはデザインとして圧倒的だったと思う

  • The Tabelog Award 2025 [食べログ]のPCサイズの画像
    The Tabelog Award 2025 [食べログ]のモバイルサイズの画像
    DETAIL

    The Tabelog Award 2025 [食べログ]

    投稿者の画像

    「ある程度」な華やかさと高級感がユーザーに寄ってて、ほどよい中庸⭐️

  • TVアニメ『未ル わたしのみらい』公式サイトのPCサイズの画像
    TVアニメ『未ル わたしのみらい』公式サイトのモバイルサイズの画像
    DETAIL

    TVアニメ『未ル わたしのみらい』公式サイト

    投稿者の画像

    日本語 / 英語どちらでもカッコよく見えるのが素晴らしい✨

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

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

    投稿者の画像

    1画面の情報が少なくインパクトがあるので、映画の予告のよなワクワクがある構成ですね 😳

  • Shu-Chew Beats|お口の恋人 ロッテのPCサイズの画像
    Shu-Chew Beats|お口の恋人 ロッテのモバイルサイズの画像
    DETAIL

    Shu-Chew Beats|お口の恋人 ロッテ

    投稿者の画像

    ガムを「集中アイテム」として捉えた新しい視点からのロゴやアニメーションの見せ方が斬新。 特に、ガムのパッケージにおけるシェイプのディテールの緻密さや、BPMごとに変化するグラフィックが秀逸。

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

    Mega Shinnosuke

    投稿者の画像

    リッチとかじゃないけど、センスの塊❤️‍🔥

  • 映画『ファレル・ウィリアムス:ピース・バイ・ピース』公式サイトのPCサイズの画像
    映画『ファレル・ウィリアムス:ピース・バイ・ピース』公式サイトのモバイルサイズの画像
    DETAIL

    映画『ファレル・ウィリアムス:ピース・バイ・ピース』公式サイト

    投稿者の画像

    構成はとてもシンプル! 要素の奥行き細かく設定されているのでスクロールが楽しいサイト🤗

  • イイネピア!|nepia公式ファンサイトのPCサイズの画像
    イイネピア!|nepia公式ファンサイトのモバイルサイズの画像
    DETAIL

    イイネピア!|nepia公式ファンサイト

    投稿者の画像

    スタンダードでも下層ページまで手を抜かずに丁寧さが感じられて良いサイト⭐️

  • デザデジの広告画像02 デザデジの広告画像03 デザデジの広告画像04
    デザデジのモバイルサイズの広告画像02 デザデジのモバイルサイズの広告画像03 デザデジのモバイルサイズの広告画像04
    DETAIL

    月額11,000円で学べる超実践型Webデザインスクール

    デザデジの画像

    デザデジ

  • 小袋成彬(おぶくろなりあき)WebサイトのPCサイズの画像
    小袋成彬(おぶくろなりあき)Webサイトのモバイルサイズの画像
    DETAIL

    小袋成彬(おぶくろなりあき)Webサイト

    投稿者の画像

    PCでのファーストビューは左から名前・顔が印象付きますね👀 スマホ特化レイアウトは選挙向け!?

  • 市原市移住案内のPCサイズの画像
    市原市移住案内のモバイルサイズの画像
    DETAIL

    市原市移住案内

    投稿者の画像

    余裕のある余白で柔らか、穏やかな雰囲気をうまく演出しているのが⭐️

  • ALBION|アルビオンのスキンケアシリーズ[フラルネ] 特設サイトのPCサイズの画像
    ALBION|アルビオンのスキンケアシリーズ[フラルネ] 特設サイトのモバイルサイズの画像
    DETAIL

    ALBION|アルビオンのスキンケアシリーズ[フラルネ] 特設サイト

    投稿者の画像

    各セクションが広告のような奇麗なビジュアル✨ 1画面スクロールで挙動が制御されているので商品のブランディングとしては良い反面、自分のペースで閲覧したい人にはストレスと感じる可能性も...

  • #ハンギョドンがいっぱい大作戦キャンペーン│ハート 4DグミのPCサイズの画像
    #ハンギョドンがいっぱい大作戦キャンペーン│ハート 4Dグミのモバイルサイズの画像
    DETAIL

    #ハンギョドンがいっぱい大作戦キャンペーン│ハート 4Dグミ

    投稿者の画像

    セクションを区別する方法は装飾だけでなく、背景の色を動的に変えることでも区別できますね!👍

  • 旬ブランドサイト – 貝印のPCサイズの画像
    旬ブランドサイト – 貝印のモバイルサイズの画像
    DETAIL

    旬ブランドサイト – 貝印

    投稿者の画像

    すごくシンプルな中に刃物らしい緊張感がある。

  • 旅と仕事と|アイティプラスの考え方のPCサイズの画像
    旅と仕事と|アイティプラスの考え方のモバイルサイズの画像
    DETAIL

    旅と仕事と|アイティプラスの考え方

    投稿者の画像

    ノーコードツールの可能性を体現したサイトです。重要なのは、何を使うかではなく、誰が使うかだということを改めて実感しました。

  • タサいたま – さいたま市のいいトコひねり出しました –のPCサイズの画像
    タサいたま – さいたま市のいいトコひねり出しました –のモバイルサイズの画像
    DETAIL

    タサいたま – さいたま市のいいトコひねり出しました –

    CREATE - 面白法人カヤック

    投稿者の画像

    ポップで絶対に目の止まるサイト。ダサいと言われ続けたところからの転換がすごくいい❗️

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

    Lightbeam

    投稿者の画像

    光の構図にフォーカスした作品集サイト。光の構図をデフォルメしたアイコンが、シンプルながらも魅力を伝える。

  • 発酵CALPIS PARLOR | カラダにピース。「カルピス」のPCサイズの画像
    発酵CALPIS PARLOR | カラダにピース。「カルピス」のモバイルサイズの画像
    DETAIL

    発酵CALPIS PARLOR | カラダにピース。「カルピス」

    投稿者の画像

    シンプルな中に太めの文字とイラストが際立ってて可愛い

  • 特設サイト/光|UNITED ARROWS LTD|ユナイテッドアローズ公式通販-UNITED ARROWS ONLINEのPCサイズの画像
    特設サイト/光|UNITED ARROWS LTD|ユナイテッドアローズ公式通販-UNITED ARROWS ONLINEのモバイルサイズの画像
    DETAIL

    特設サイト/光|UNITED ARROWS LTD|ユナイテッドアローズ公式通販-UNITED ARROWS ONLINE

    投稿者の画像

    スマホ特化のレイアウトだが、PCサイズでも背景が淡く変化するグラデであったり、全体が光を意識したデザインで統一されています✨

123...5...NEXT
TOP › 特設サイト
KASOUのロゴ

KASOU はトップのWEBデザインだけでなく下層ページのデザインまで参考、
共有することができるメディアサイトです。
多くのWEBデザイナー様、開発者様、デザインに悩んでいる企業様方にご利用いただくため、
優れたWEBデザイン、参考デザインを毎日更新していきます!

SHARE / FOLLOW
  • KASOUについて
  • ナレッジ
  • 運営会社
  • プライバシーポリシー
  • 免責事項
  • お問い合わせ
©2025 Innovation Lab, Inc.