KASOUのロゴ

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

お問い合わせ・掲載依頼

Webデザインを 探す

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

Webデザインを 知る

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

Webデザインを 学ぶ

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

  • Aboutページ

  • コーポレートサイト

  • プライバシーポリシー

  • 採用サイト

  • LP

  • 商品・製品紹介

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

  • サービス紹介

  • よくある質問

  • お問い合わせ

デザインボリューム

1 10

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

1 10

カラーで検索

人気の検索ワード

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

下層ページから検索

  • Aboutページ

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

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

  • サービス紹介

  • お問い合わせ

  • 採用サイト

  • よくある質問

  • プライバシーポリシー

  • CSR

  • 料金表

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

  • メニュー

  • 地図

  • ゲーム

  • イメージカット

  • ハンバーガーメニュー

  • フリーズモード

  • モーダル

  • ホバー

  • ローディング

  • 動画

  • カラーモード

  • ビジュアル

  • 検索窓

  • ココが好き!

  • 会社概要

  • イメージ画像

業界

  • クリエイティブ制作

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

    128
  • 飲食・食品・飲料

    127
  • IT・システム

    63
  • 不動産・建築・施設

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

    58
  • 製品・工業・素材

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

    45
  • 教育・学校

    41
  • 事業・組織

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

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

    29
  • 旅行・ホテル・観光

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

    28
  • 美容

    27
  • 就職・人材サービス

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

    20
  • 車・バイク他

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

    16
  • インテリア・雑貨

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

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

    14
  • インフラ

    13
  • ウェディング

    12
  • アート

    12
  • その他

    2

形式

  • コーポレートサイト

    254
  • 特設サイト

    183
  • 商品・製品紹介

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

    108
  • 店舗・施設紹介

    108
  • サービス紹介

    62
  • 採用サイト

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

    52
  • メディア・ポータル

    46
  • EC・Webサービス

    44
  • ポートフォリオ

    30
  • キャンペーン

    12
  • ギャラリーサイト

    1

デザイン

  • 写真が特徴的なサイト

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

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

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

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

    110
  • 多言語対応

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

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

    52

下層ページ

  • Aboutページ

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

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

    320
  • サービス紹介

    267
  • お問い合わせ

    144
  • 採用サイト

    93
  • よくある質問

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

    58
  • CSR

    29
  • 料金表

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

    21
  • メニュー

    8
  • 地図

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

    1
  • フリーズモード

    1
  • モーダル

    1
  • ホバー

    1
  • イメージカット

    1
  • ローディング

    1
  • 動画

    1
  • カラーモード

    1
  • ゲーム

    1
  • ビジュアル

    1
  • 検索窓

    1

カラー

  • ホワイト・白

    206
  • ブルー・青

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

    170
  • グリーン・緑

    124
  • カラフル・多色

    110
  • イエロー・黄色

    81
  • レッド・赤

    80
  • ブラウン・茶色

    57
  • オレンジ・橙色

    56
  • ピンク・桃色・桜色

    49
  • パープル・紫

    28
  • ベージュ・白茶

    9
  • 採用サイト | 有限会社KKI製造部 | 食品包装材製造業のPCサイズの画像
    採用サイト | 有限会社KKI製造部 | 食品包装材製造業のモバイルサイズの画像
    DETAIL

    採用サイト | 有限会社KKI製造部 | 食品包装材製造業

    CREATE - KKI DESIGN

    投稿者の画像

    清潔感あふれるサイト。モバイルファーストなので、目次を設けてスクロール位置にかかわらず、ページ内遷移ができる工夫がされています。

  • 餃子の王将 × RAGEBLUE (23SS) | RAGEBLUEのPCサイズの画像
    餃子の王将 × RAGEBLUE (23SS) | RAGEBLUEのモバイルサイズの画像
    DETAIL

    餃子の王将 × RAGEBLUE (23SS) | RAGEBLUE

    投稿者の画像

    FVや服の紹介用モーダルのアニメーションが独特で面白い!!

  • ロエベ×スタジオジブリ『千と千尋の神隠し』|ポップアップストア in 原宿 – LOEWEのPCサイズの画像
    ロエベ×スタジオジブリ『千と千尋の神隠し』|ポップアップストア in 原宿 – LOEWEのモバイルサイズの画像
    DETAIL

    ロエベ×スタジオジブリ『千と千尋の神隠し』|ポップアップストア in 原宿 – LOEWE

    投稿者の画像

    FVの『千と千尋の神隠し』の世界観に引き込まれるスクロールアニメーションが素敵!!

  • 長野安全自動車 | 長野市の自動車整備工場 車検・点検、修理、販売のPCサイズの画像
    長野安全自動車 | 長野市の自動車整備工場 車検・点検、修理、販売のモバイルサイズの画像
    DETAIL

    長野安全自動車 | 長野市の自動車整備工場 車検・点検、修理、販売

    投稿者の画像

    シンプルで誠実さが感じられるデザインのコーポレートサイト!!

  • ちきゅうのみちくさ展 寄り道して考えるサステナビリティ | 株式会社ロフトワークのPCサイズの画像
    ちきゅうのみちくさ展 寄り道して考えるサステナビリティ | 株式会社ロフトワークのモバイルサイズの画像
    DETAIL

    ちきゅうのみちくさ展 寄り道して考えるサステナビリティ | 株式会社ロフトワーク

    投稿者の画像

    要素を斜めに配置したり、タイトルを1文字ずつずらしたり、楽しさを表現しています。また、バーチャルで展示会の内容を知れるのも楽しいです。

  • キャラパキ発掘恐竜チョコ5周年特設サイトのPCサイズの画像
    キャラパキ発掘恐竜チョコ5周年特設サイトのモバイルサイズの画像
    DETAIL

    キャラパキ発掘恐竜チョコ5周年特設サイト

    CREATE - SHIFTBAIN Inc.

    投稿者の画像

    ローディング完了やクリックした時にパキッと割れるアニメーションが楽しい!!

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

    SPY×FAMILY 5th ANNIVERSARY

    投稿者の画像

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

  • サタケシュンスケ / イラストレーター・キャラクターデザイナーのPCサイズの画像
    サタケシュンスケ / イラストレーター・キャラクターデザイナーのモバイルサイズの画像
    DETAIL

    サタケシュンスケ / イラストレーター・キャラクターデザイナー

    投稿者の画像

    ヘッダーに検索窓があるから作品がさがしやすいポートフォリオサイト

  • BOTANISTのサステナビリティ|FOR A SUSTAINABLE FUTUREのPCサイズの画像
    BOTANISTのサステナビリティ|FOR A SUSTAINABLE FUTUREのモバイルサイズの画像
    DETAIL

    BOTANISTのサステナビリティ|FOR A SUSTAINABLE FUTURE

    投稿者の画像

    草・葉・木など要素が散りばめられていたりサイト全体で自然を感じます。

  • folio – T.OのPCサイズの画像
    folio – T.Oのモバイルサイズの画像
    DETAIL

    folio – T.O

    投稿者の画像

    シンプルながらノイズの背景とモノトーンの配色等がスタイリッシュさを感じます。ホバーのエフェクトも面白いです。

  • sara’s portfolioのPCサイズの画像
    sara’s portfolioのモバイルサイズの画像
    DETAIL

    sara’s portfolio

    CREATE - itoh

    投稿者の画像

    シンプルで爽やかなデザイン。写真展に来た気分になります。

  • ベビースターラーメン × FREAK’S STORE Special Collaboration!のPCサイズの画像
    ベビースターラーメン × FREAK’S STORE Special Collaboration!のモバイルサイズの画像
    DETAIL

    ベビースターラーメン × FREAK’S STORE Special Collaboration!

    CREATE - PYRAMID FILM QUADRA INC.

    投稿者の画像

    リッチなデザインで、ベビースターを枠線やボタンいいアイディアだなと思います。

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

    しょこたんフォント|mojimo

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

    投稿者の画像

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

  • roomz星野建築事務所のPCサイズの画像
    roomz星野建築事務所のモバイルサイズの画像
    DETAIL

    roomz星野建築事務所

    投稿者の画像

    シンプルなデザインですが、フォントの使い方や余白の設定、画像の処理など、細部にわたる配慮が高級感を感じます。

  • 広島 | 小松隼人建築設計事務所のPCサイズの画像
    広島 | 小松隼人建築設計事務所のモバイルサイズの画像
    DETAIL

    広島 | 小松隼人建築設計事務所

    CREATE - Tyle/Atsuhisa Shimazawa

    投稿者の画像

    テキストよりも画像を重視し、ユーザーに建築物の魅力を存分に伝えようとしています。

  • クラシスホーム | 愛知・名古屋をはじめとする東海4県の注文住宅ビルダーのPCサイズの画像
    クラシスホーム | 愛知・名古屋をはじめとする東海4県の注文住宅ビルダーのモバイルサイズの画像
    DETAIL

    クラシスホーム | 愛知・名古屋をはじめとする東海4県の注文住宅ビルダー

    投稿者の画像

    シンプルながらも、トップの背景にある建築物のイラストがよいアクセントになっていると思います

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

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

    デザデジの画像

    デザデジ

  • 済生会熊本予防医療センターのPCサイズの画像
    済生会熊本予防医療センターのモバイルサイズの画像
    DETAIL

    済生会熊本予防医療センター

    投稿者の画像

    背景のテクスチャや重厚感あふれる色使いが高級感を感じるサイトに仕上がっていると思います。

  • くりもと眼科|大阪市阿倍野区 天王寺駅のPCサイズの画像
    くりもと眼科|大阪市阿倍野区 天王寺駅のモバイルサイズの画像
    DETAIL

    くりもと眼科|大阪市阿倍野区 天王寺駅

    投稿者の画像

    ページ移動の時の瞬きをイメージさせるエフェクトがいい。ファーストビュー画像のインパクトが強いのも好きです。

  • 元町デンタルクリニック|専門性の高い歯科治療|岐阜市のPCサイズの画像
    元町デンタルクリニック|専門性の高い歯科治療|岐阜市のモバイルサイズの画像
    DETAIL

    元町デンタルクリニック|専門性の高い歯科治療|岐阜市

    投稿者の画像

    ニューモーフィズムを取り入れたサイト。お問い合わせなど目立たせたい部分だけに使用することで目に留まりやすくなるなと思います。

  • 学校法人四條畷学園創立100周年記念サイトのPCサイズの画像
    学校法人四條畷学園創立100周年記念サイトのモバイルサイズの画像
    DETAIL

    学校法人四條畷学園創立100周年記念サイト

    CREATE - ZIZO

    投稿者の画像

    サイト全体に学園の樹である「クスノキの葉」を取り入れ、温かみを感じるサイトです。 

  • Qurap(キュラップ)公式サイト|ラッピング美容ブランドのPCサイズの画像
    Qurap(キュラップ)公式サイト|ラッピング美容ブランドのモバイルサイズの画像
    DETAIL

    Qurap(キュラップ)公式サイト|ラッピング美容ブランド

    投稿者の画像

    シンプルで美しいサイトですが、背景のウェーブの動きをするグラデーションい細部までこだわったが感じられます。

  • チルするすゝめ|CHILL OUTのPCサイズの画像
    チルするすゝめ|CHILL OUTのモバイルサイズの画像
    DETAIL

    チルするすゝめ|CHILL OUT

    投稿者の画像

    夜空のグラデーションとポップなデザインが素敵です!!

  • Yusuke Fukunaga — Front-end DeveloperのPCサイズの画像
    Yusuke Fukunaga — Front-end Developerのモバイルサイズの画像
    DETAIL

    Yusuke Fukunaga — Front-end Developer

    投稿者の画像

    ローディングの名刺とスクロールするとループで作品が表示される見せ方が自由度の高いポートフォリオサイトだからこそのこだわりを感じます。

  • アッドスパイス | 建物と街のプロデュースのPCサイズの画像
    アッドスパイス | 建物と街のプロデュースのモバイルサイズの画像
    DETAIL

    アッドスパイス | 建物と街のプロデュース

    投稿者の画像

    地図の吹き出しから街の情報を知ることができるのが楽しくなっちゃいます!!情報を伝える工夫が他と違っていいなと思います。

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

    社会福祉法人 慈楽福祉会

    CREATE - 株式会社TRACE

    投稿者の画像

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

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

    TORIKIZOKU 新卒採用サイト

    投稿者の画像

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

  • 岐阜商工信用組合 採用サイト|地元の事業者を応援する金融機関のPCサイズの画像
    岐阜商工信用組合 採用サイト|地元の事業者を応援する金融機関のモバイルサイズの画像
    DETAIL

    岐阜商工信用組合 採用サイト|地元の事業者を応援する金融機関

    投稿者の画像

    ファーストビューから伝わる楽しさあふれる採用サイト。どんな企業なのか続きをスクロールしたくなります!!

  • フロンティア株式会社 採用サイト | 色づけ、わたし。のPCサイズの画像
    フロンティア株式会社 採用サイト | 色づけ、わたし。のモバイルサイズの画像
    DETAIL

    フロンティア株式会社 採用サイト | 色づけ、わたし。

    投稿者の画像

    ファーストビューのキャッチコピーをアニメーションでも表現し、視覚的により伝わる工夫がされているし、ファーストビューの広告感がかっこいい!!

  • 五島の椿オンラインショップのPCサイズの画像
    五島の椿オンラインショップのモバイルサイズの画像
    DETAIL

    五島の椿オンラインショップ

    投稿者の画像

    落ち着いた背景色にブランドカラーのレッドがより生えるサイト

  • 相生ユニビオ 公式オンラインストアのPCサイズの画像
    相生ユニビオ 公式オンラインストアのモバイルサイズの画像
    DETAIL

    相生ユニビオ 公式オンラインストア

    CREATE - しなやかデザイン/Shinnosuke kumazaki

    投稿者の画像

    落ち着いた背景色を基調とし、アクセントとして紫が際立っています。商品のイラストや色合いからは和のテイストを感じることができます。

  • H.P. Music School | 洋光台駅より徒歩3分 たのしく学べる音楽教室のPCサイズの画像
    H.P. Music School | 洋光台駅より徒歩3分 たのしく学べる音楽教室のモバイルサイズの画像
    DETAIL

    H.P. Music School | 洋光台駅より徒歩3分 たのしく学べる音楽教室

    投稿者の画像

    Zen Maru Gothicと大きめのラウンドの角丸シェイプが柔らかい印象を与えるサイト

  • アーク ペーパードライバースクール|愛知・岐阜・三重の運転講習のPCサイズの画像
    アーク ペーパードライバースクール|愛知・岐阜・三重の運転講習のモバイルサイズの画像
    DETAIL

    アーク ペーパードライバースクール|愛知・岐阜・三重の運転講習

    投稿者の画像

    フッターの車のアニメーションやオリジナルのキャラクターなど楽しさいっぱいのサイトです!!

  • Smart相談室 | 法人向けオンラインカウンセリングサービスのPCサイズの画像
    Smart相談室 | 法人向けオンラインカウンセリングサービスのモバイルサイズの画像
    DETAIL

    Smart相談室 | 法人向けオンラインカウンセリングサービス

    投稿者の画像

    シンプルなサービス紹介サイト。手書きフォントが良いアクセントになっています。

  • イラスト・漫画(マンガ)教室 egaco(エガコ)のPCサイズの画像
    イラスト・漫画(マンガ)教室 egaco(エガコ)のモバイルサイズの画像
    DETAIL

    イラスト・漫画(マンガ)教室 egaco(エガコ)

    CREATE - 株式会社LIG

    投稿者の画像

    自分もこんなイラストがかけるんじゃないかと思わせてくれます。また、表示されているイラストのテイストを変更できる機能もよりサイトが楽しくなって面白いです。

  • 人事と経営をデータでつなぐ 人財活用システム「HRMOS(ハーモス)タレントマネジメント」のPCサイズの画像
    人事と経営をデータでつなぐ 人財活用システム「HRMOS(ハーモス)タレントマネジメント」のモバイルサイズの画像
    DETAIL

    人事と経営をデータでつなぐ 人財活用システム「HRMOS(ハーモス)タレントマネジメント」

    投稿者の画像

    情報量が多いがしっかりセクション毎で区切ることでスッキリかつシンプルなのが良い。

  • リーン・サイト運営プラットフォーム KARTE BlocksのPCサイズの画像
    リーン・サイト運営プラットフォーム KARTE Blocksのモバイルサイズの画像
    DETAIL

    リーン・サイト運営プラットフォーム KARTE Blocks

    投稿者の画像

    特徴のセクションでアニメーションを使用し、サービスの内容がわかりやすい、シンプルなサイト!!

  • スペイン・中南米への留学ならスペイン留学.jpのPCサイズの画像
    スペイン・中南米への留学ならスペイン留学.jpのモバイルサイズの画像
    DETAIL

    スペイン・中南米への留学ならスペイン留学.jp

    CREATE - UNIONNET Inc.

    投稿者の画像

    流体シェイプや角丸のシェイプ、可愛らしいアイコンが使われており、視覚的にも楽しいサイトだと思います!!

  • agataJapan.tokyoのPCサイズの画像
    agataJapan.tokyoのモバイルサイズの画像
    DETAIL

    agataJapan.tokyo

    CREATE - 株式会社アイタイス

    投稿者の画像

    伝統感を感じる色合いとイラストや角丸シェイプがマッチしています!!

  • 渋谷区公式サイト | 渋谷区ポータルのPCサイズの画像
    渋谷区公式サイト | 渋谷区ポータルのモバイルサイズの画像
    DETAIL

    渋谷区公式サイト | 渋谷区ポータル

    CREATE - 株式会社博報堂アイ・スタジオ/YO inc.

    投稿者の画像

    官公庁系のサイトは古いイメージだけど、渋谷区のサイトはファーストビューのUIに優れて使いやすさが感じられる!!

  • 大阪市のタクシー【株式会社未来都】のPCサイズの画像
    大阪市のタクシー【株式会社未来都】のモバイルサイズの画像
    DETAIL

    大阪市のタクシー【株式会社未来都】

    CREATE - One Groove/株式会社山本製作所/AQUARING Inc./中村杏子

    投稿者の画像

    コテコテのデザインが主張激し目の大阪感満載ですねwww

  • うなぎパイファクトリー 公式サイト – 浜松市で工場見学を楽しもう!のPCサイズの画像
    うなぎパイファクトリー 公式サイト – 浜松市で工場見学を楽しもう!のモバイルサイズの画像
    DETAIL

    うなぎパイファクトリー 公式サイト – 浜松市で工場見学を楽しもう!

    CREATE - Funtech Inc

    投稿者の画像

    うなぎパイの動画とイラストなどサイトを見ていると楽しくなる要素が満載!!

  • 株式会社日本テレビアート | スペースデザイン・グラフィックデザイン・WebデザインのPCサイズの画像
    株式会社日本テレビアート | スペースデザイン・グラフィックデザイン・Webデザインのモバイルサイズの画像
    DETAIL

    株式会社日本テレビアート | スペースデザイン・グラフィックデザイン・Webデザイン

    投稿者の画像

    ラウンドや太文字の多色がマッチし、ポップなサイト。ファーストビューのカードをクリックして詳細表示も面白い!

  • nishikawa DOWN | 西川公式サイトのPCサイズの画像
    nishikawa DOWN | 西川公式サイトのモバイルサイズの画像
    DETAIL

    nishikawa DOWN | 西川公式サイト

    CREATE - Quaras/TryMore Inc

    投稿者の画像

    睡眠を連想させるためのネイビーで落ち着いたデザインだが、羽毛の紹介ページは羽毛の白さを目立たせたメリハリがありページによって意図が感じられるサイトだと思います。

  • M・ZEC 大分の住宅建築・工場営繕・公共事業ならエムゼックのPCサイズの画像
    M・ZEC 大分の住宅建築・工場営繕・公共事業ならエムゼックのモバイルサイズの画像
    DETAIL

    M・ZEC 大分の住宅建築・工場営繕・公共事業ならエムゼック

    投稿者の画像

    ロゴのシェイプを使用やキャラクターの使用で可愛らしく、親しみやすいサイトです。

  • 株式会社WORDS | 社長の隣に編集者を。のPCサイズの画像
    株式会社WORDS | 社長の隣に編集者を。のモバイルサイズの画像
    DETAIL

    株式会社WORDS | 社長の隣に編集者を。

    投稿者の画像

    ファーストビューのコピーの見せ方に目が引く!!言葉のプロ、伝えるプロである企業のためテキストベースで伝え方にこだわったデザインがマッチして良いと思います。

PREV...567NEXT
TOP › 掲載サイト › ページ 6
KASOUのロゴ

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

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