KASOUのロゴ

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

お問い合わせ・掲載依頼

Webデザインを 探す

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

Webデザインを 知る

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

Webデザインを 学ぶ

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

「グリッドデザイン」 WEBデザイン / 下層ページ

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

    CANVAS

    投稿者の画像

    🟦 グリッド、タイル、モザイクを使用したシカクなデザイン! スクロールアニメーションも魅力的✨

  • FamilyMartVision 日本最大級のリテールサイネージネットワークのPCサイズの画像
    FamilyMartVision 日本最大級のリテールサイネージネットワークのモバイルサイズの画像
    DETAIL

    FamilyMartVision 日本最大級のリテールサイネージネットワーク

    投稿者の画像

    ファミマカラーを基調に、数字の見やすいスッキリなデザイン🏪

  • ファーストリテイリンググループ採用情報のPCサイズの画像
    ファーストリテイリンググループ採用情報のモバイルサイズの画像
    DETAIL

    ファーストリテイリンググループ採用情報

    投稿者の画像

    らしさとビジョンがすごく印象づけられる、ブランディングの凄みを感じる✨

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

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

    デザデジの画像

    デザデジ

  • BUROKI design | 大阪のフリーランスwebデザイナーのPCサイズの画像
    BUROKI design | 大阪のフリーランスwebデザイナーのモバイルサイズの画像
    DETAIL

    BUROKI design | 大阪のフリーランスwebデザイナー

    投稿者の画像

    制作実績のサムネイルなど各デザインが統一されています✨ グリッドレイアウトも相俟って整理された魅力的なサイトです😳

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

    KANAMEL株式会社

    CREATE - SOAR NY

    投稿者の画像

    かっちりしたグリッドとカラーリングがいい感じにマッチしてる⭐️余白感めっちゃみやすい

  • anicecompany inc.のPCサイズの画像
    anicecompany inc.のモバイルサイズの画像
    DETAIL

    anicecompany inc.

    投稿者の画像

    ダイナミックなレイアウトやカーブを多用した海外のサイトっぽいデザイン✨メニューも他のサイトとは違ってレイアウトで面白い😳

  • TRANSIT.jpのPCサイズの画像
    TRANSIT.jpのモバイルサイズの画像
    DETAIL

    TRANSIT.jp

    投稿者の画像

    FVのスライダーの本棚感が面白く、グリッドの参考になるかも!!

  • Social House | Visionary Digital Growth AgencyのPCサイズの画像
    Social House | Visionary Digital Growth Agencyのモバイルサイズの画像
    DETAIL

    Social House | Visionary Digital Growth Agency

    投稿者の画像

    シンプルさとラインの使い方がめっちゃかっこいい😎

  • THE BAKE MAGAZINE | おいしいは、しあわせにBAKEるのPCサイズの画像
    THE BAKE MAGAZINE | おいしいは、しあわせにBAKEるのモバイルサイズの画像
    DETAIL

    THE BAKE MAGAZINE | おいしいは、しあわせにBAKEる

    投稿者の画像

    シンプルなメディアサイトほど重要になってくるのがサムネイルのクオリティと色ですね👀

  • 世界よ、驚け。<SYNCHRO WEATHER>10.1DEBUT|【DUNLOP】ダンロップタイヤ 公式のPCサイズの画像
    世界よ、驚け。<SYNCHRO WEATHER>10.1DEBUT|【DUNLOP】ダンロップタイヤ 公式のモバイルサイズの画像
    DETAIL

    世界よ、驚け。<SYNCHRO WEATHER>10.1DEBUT|【DUNLOP】ダンロップタイヤ 公式

    投稿者の画像

    インパクトのあるトップと、シーンを語るグリッドレイアウト。良い。

  • 株式会社アダストリアのPCサイズの画像
    株式会社アダストリアのモバイルサイズの画像
    DETAIL

    株式会社アダストリア

    投稿者の画像

    シンプル&グリッド

  • スウォッチ グループ ジャパン株式会社|THE SWATCH GROUP (JAPAN) KKのPCサイズの画像
    スウォッチ グループ ジャパン株式会社|THE SWATCH GROUP (JAPAN) KKのモバイルサイズの画像
    DETAIL

    スウォッチ グループ ジャパン株式会社|THE SWATCH GROUP (JAPAN) KK

    投稿者の画像

    各ページでキーになる部分のみインタラクションを入れ目を惹く。シンプル、見やすい、王道なコーポレートサイト❗️

  • ひめじかん|姫路市のPCサイズの画像
    ひめじかん|姫路市のモバイルサイズの画像
    DETAIL

    ひめじかん|姫路市

    投稿者の画像

    グリッドとそれを壊す、繊細に成立されているレイアウト、デザイン🤩

  • 【Peach】採用サイトのPCサイズの画像
    【Peach】採用サイトのモバイルサイズの画像
    DETAIL

    【Peach】採用サイト

    投稿者の画像

    シンプルでわかりやすいグリッド構成がよきです✨

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

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

    投稿者の画像

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

  • JTウェブサイトのPCサイズの画像
    JTウェブサイトのモバイルサイズの画像
    DETAIL

    JTウェブサイト

    投稿者の画像

    下層ページが多いため、ナビゲーション以外にもクイックアクセスメニューなど、ページ遷移をスムーズにする工夫が参考になります。

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

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

    デザデジの画像

    デザデジ

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

    SHANG XIA

    投稿者の画像

    表示数を変更できるので、UXに配慮されたリストになっています!!

  • Nike x The BauhausのPCサイズの画像
    Nike x The Bauhausのモバイルサイズの画像
    DETAIL

    Nike x The Bauhaus

    CREATE - landerzaro

    投稿者の画像

    グリッドデザインの象徴であるバウハウスをモチーフに、尖りまくっててかっこいい😎

  • みぞのくち醸造所|神奈川県・溝の口にあるクラフトビールブルワリーのPCサイズの画像
    みぞのくち醸造所|神奈川県・溝の口にあるクラフトビールブルワリーのモバイルサイズの画像
    DETAIL

    みぞのくち醸造所|神奈川県・溝の口にあるクラフトビールブルワリー

    投稿者の画像

    静のグリッドと、動のイラストがいい感じのアクセントになっているデザイン

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

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

    投稿者の画像

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

  • TOKYO NODE| 虎ノ門ヒルズ ステーションタワー – Toranomon Hills Station TowerのPCサイズの画像
    TOKYO NODE| 虎ノ門ヒルズ ステーションタワー – Toranomon Hills Station Towerのモバイルサイズの画像
    DETAIL

    TOKYO NODE| 虎ノ門ヒルズ ステーションタワー – Toranomon Hills Station Tower

    投稿者の画像

    中見出しのスクロールアニメーションがかっこいい、THE GRID DESIGNなサイト❗️

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

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

    投稿者の画像

    grid / sticky で作られたラウンドで統一性のあるデザインです✨ レイアウトはシンプルですが、各ボックスで魅せることでお洒落なサイトとなっています!

  • ハーゲンダッツミュージアム|ハーゲンダッツ ジャパン Häagen-DazsのPCサイズの画像
    ハーゲンダッツミュージアム|ハーゲンダッツ ジャパン Häagen-Dazsのモバイルサイズの画像
    DETAIL

    ハーゲンダッツミュージアム|ハーゲンダッツ ジャパン Häagen-Dazs

    投稿者の画像

    FVのインパクトや各年代の商品を楽しむことができるサイト!!

  • 生田斗真|オフィシャルWEBサイトのPCサイズの画像
    生田斗真|オフィシャルWEBサイトのモバイルサイズの画像
    DETAIL

    生田斗真|オフィシャルWEBサイト

    投稿者の画像

    シンプルなレイアウト / デザイン、複数のFV画像も撮背景が統一されているのでどのパターンでもスタイリッシュ!

  • JFEシステムズ株式会社のPCサイズの画像
    JFEシステムズ株式会社のモバイルサイズの画像
    DETAIL

    JFEシステムズ株式会社

    投稿者の画像

    背景の縦線に沿って3列のグリッドにまとめられたデザイン!!

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

    Sinso

    投稿者の画像

    ゆったりとした情緒的な雰囲気で、丁寧さも窺える。トップページの文字の出し方がコミカルです。

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

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

    投稿者の画像

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

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

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

    投稿者の画像

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

  • TOP – FUJI BIKE フジ自転車のPCサイズの画像
    TOP – FUJI BIKE フジ自転車のモバイルサイズの画像
    DETAIL

    TOP – FUJI BIKE フジ自転車

    投稿者の画像

    シンプルなデザインでより商品に目が惹きつけられます👀

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

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

    投稿者の画像

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

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

    OBJECT INDEX

    投稿者の画像

    グリッドに徹したスタイリッシュなレイアウト。潔さで一票🗳️

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

    OLU PRODUCTS

    投稿者の画像

    好きなものを追求して満ち満ちている印象で素敵です❗️

  • 博報堂マーケティングシステムズのPCサイズの画像
    博報堂マーケティングシステムズのモバイルサイズの画像
    DETAIL

    博報堂マーケティングシステムズ

    投稿者の画像

    タイポグラフィーのメリハリ、扱い方や全体に貼られたグリッドラインで統一性、美しさも表現してる❗️

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

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

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

    投稿者の画像

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

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

    agataJapan.tokyo

    CREATE - 株式会社アイタイス

    投稿者の画像

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

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

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

    デザデジの画像

    デザデジ

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

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

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

    投稿者の画像

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

  • 編集者のための〆切手帳 | 〆切を制するものは、人生を制する。のPCサイズの画像
    編集者のための〆切手帳 | 〆切を制するものは、人生を制する。のモバイルサイズの画像
    DETAIL

    編集者のための〆切手帳 | 〆切を制するものは、人生を制する。

    CREATE - necco inc.

    投稿者の画像

    インパクトある写真やメモ帳をイメージさせるデザインが印象的

  • Peter Pichler ArchitectureのPCサイズの画像
    Peter Pichler Architectureのモバイルサイズの画像
    DETAIL

    Peter Pichler Architecture

    投稿者の画像

    レイアウトが美しく、ナビゲーションアイコンの表現が新しいのに押しやすい!

  • 株式会社創新ラボのPCサイズの画像
    株式会社創新ラボのモバイルサイズの画像
    DETAIL

    株式会社創新ラボ

    CREATE - 株式会社創新ラボ

    投稿者の画像

    各所に装飾されたグリッドラインや動きのあるアイコン!

TOP › グリッドデザイン
KASOUのロゴ

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

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