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

業界

  • 飲食・食品・飲料

    82

  • エンタメ・趣味・娯楽

    78

  • クリエイティブ制作

    75

  • 不動産・建築・施設

    34

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

    34

  • ポータルサイト･メディア･情報サイト

    31

  • 製品・工業・素材

    30

  • 教育・学校

    29

  • IT・システム

    28

  • 旅行・ホテル・観光

    23

  • 美容

    23

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

    21

  • 事業・組織

    20

  • 行政・NPO・団体・協会

    19

  • 就職・人材サービス

    19

  • 暮らし商品・サービス

    19

  • 車・バイク他

    16

  • インテリア・雑貨

    15

  • 広告・マーケティング

    15

  • Web・クラウドサービス

    13

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

    13

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

    13

  • ウェディング

    12

  • アート

    11

  • インフラ

    10

形式

  • コーポレートサイト

    151

  • 商品・製品紹介

    112

  • 特設サイト

    103

  • 店舗・施設紹介

    75

  • 企画・プロモーション

    74

  • サービス紹介

    49

  • 採用サイト

    33

  • EC・Webサービス

    32

  • メディア・ポータル

    31

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

    31

  • ポートフォリオ

    18

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    212

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

    154

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

    120

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

    77

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

    68

  • 多言語対応

    44

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

    31

  • 動画が特徴的なサイト

    29

下層ページ

  • Aboutページ

    240

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

    224

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

    204

  • サービス紹介

    156

  • お問い合わせ

    83

  • 採用情報

    60

  • よくある質問

    45

  • プライバシーポリシー

    37

  • 料金表

    23

  • CSR

    21

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

    19

  • ビジュアル

    1

カラー

  • ホワイト・白

    131

  • ブルー・青

    122

  • ブラック・黒・グレー

    100

  • グリーン・緑

    70

  • カラフル・多色

    58

  • レッド・赤

    54

  • イエロー・黄色

    53

  • ブラウン・茶色

    36

  • オレンジ・橙色

    32

  • ピンク・桃色・桜色

    27

  • パープル・紫

    18
2024.04.17

Shupatto – シュパッとたためるデザインバッグ

https://www.shupatto.com/

マーナのShupatto（シュパット）はプリーツ構造によって少ない動作でたたむことができるバッグです。人の行動や気持ち、そして暮らしに寄り添い導き出した設計を指して、“デザインバッグ”、と名乗ることにしました。

このデザインを共有する

Close

Industry

ファッション・アクセサリー暮らし商品・サービス

Page

Aboutページ投稿一覧(記事/商品など)投稿詳細(記事/商品など)

Color

Format

商品・製品紹介

Design

動画が特徴的なサイト
スタイリッシュ
投稿者の画像

TOPページはシュパッとたためるを再現している動画のみの商品説明でわかりやすいです！！

Shupatto – シュパッとたためるデザインバッグのPCサイズの画像
Shupatto – シュパッとたためるデザインバッグのモバイルサイズの画像

本ページは、本サイト掲載日時点で公開されているサイトより、画面キャプチャ画像を引用し掲載しています。
掲載取下げ依頼、または修正依頼はコチラよりご連絡ください。

Industry

ファッション・アクセサリー暮らし商品・サービス

Page

Aboutページ投稿一覧(記事/商品など)投稿詳細(記事/商品など)

Color

Format

商品・製品紹介

Design

動画が特徴的なサイト
スタイリッシュ

下層デザイン

  • Aboutページ

    Shupatto – シュパッとたためるデザインバッグのPCサイズのAboutページ画像
    Shupatto – シュパッとたためるデザインバッグのモバイルサイズのAboutページ画像

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

    Shupatto – シュパッとたためるデザインバッグのPCサイズの投稿一覧(記事/商品など)画像
    Shupatto – シュパッとたためるデザインバッグのモバイルサイズの投稿一覧(記事/商品など)画像

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

    Shupatto – シュパッとたためるデザインバッグのPCサイズの投稿詳細(記事/商品など)画像
    Shupatto – シュパッとたためるデザインバッグのモバイルサイズの投稿詳細(記事/商品など)画像

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

    Shupatto – シュパッとたためるデザインバッグのPCサイズの投稿一覧(記事/商品など)画像
    Shupatto – シュパッとたためるデザインバッグのモバイルサイズの投稿一覧(記事/商品など)画像

2

同系統のサイトデザイン

  • Vercel: フロントエンド クラウドを使用して最高の Web エクスペリエンスを構築および展開するのPCサイズの画像
    Vercel: フロントエンド クラウドを使用して最高の Web エクスペリエンスを構築および展開するのモバイルサイズの画像
    DETAIL

    Vercel: フロントエンド クラウドを使用して最高の Web エクスペリエンスを構築および展開する

    投稿者の画像

    アニメーションで機能が見えて、情報のまとめられ方がとてもわかりやすい❗️

  • 熊本市南区江越 しおや内科・内視鏡クリニックのPCサイズの画像
    熊本市南区江越 しおや内科・内視鏡クリニックのモバイルサイズの画像
    DETAIL

    熊本市南区江越 しおや内科・内視鏡クリニック

    投稿者の画像

    細身のフォントと柔らかなグラデーションがプロフェッショナルで丁寧な印象を与えてくれ、背景に応じてアクセントカラーを巧みに使い分けたデザインがとても参考になります。　

  • サイベックス公式オンラインストアのPCサイズの画像
    サイベックス公式オンラインストアのモバイルサイズの画像
    DETAIL

    サイベックス公式オンラインストア

    CREATE - shopify

    投稿者の画像

    子育てもファッションとして攻めていく姿勢、ブランドの表現がシンプルで強い！💪

  • 株式会社freemova | 東京都渋谷区にある20代の若手人材に特化した人材紹介会社のPCサイズの画像
    株式会社freemova | 東京都渋谷区にある20代の若手人材に特化した人材紹介会社のモバイルサイズの画像
    DETAIL

    株式会社freemova | 東京都渋谷区にある20代の若手人材に特化した人材紹介会社

    投稿者の画像

    動画や画像、3Dコンテンツのパララックスの参考になるサイトです！！

  • TODA BUILDING | 戸田建設のPCサイズの画像
    TODA BUILDING | 戸田建設のモバイルサイズの画像
    DETAIL

    TODA BUILDING | 戸田建設

    投稿者の画像

    戸田建設の新たなアートコンプレックス施設のサイトは余白感の気持ちいいゆったりした作り🤭

  • 博報堂アイ・スタジオのPCサイズの画像
    博報堂アイ・スタジオのモバイルサイズの画像
    DETAIL

    博報堂アイ・スタジオ

    投稿者の画像

    余白の取り方とタイポグラフィーの扱いがとても上手い！細かいテキストまで読みや明日さへの意識を感じる

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

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

    投稿者の画像

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

  • 株式会社ルミネ 採用情報のPCサイズの画像
    株式会社ルミネ 採用情報のモバイルサイズの画像
    DETAIL

    株式会社ルミネ 採用情報

    投稿者の画像

    実際に働いている方のインタビューが豊富な採用サイト。セクションラインのアニメーションが印象的。

  • 株式会社小林幹也スタジオ | MIKIYA KOBAYASHI INCのPCサイズの画像
    株式会社小林幹也スタジオ | MIKIYA KOBAYASHI INCのモバイルサイズの画像
    DETAIL

    株式会社小林幹也スタジオ | MIKIYA KOBAYASHI INC

    投稿者の画像

    シンプル突き詰めたかっこよさがあります⭐️

  • Acoustic Panels and Solutions for USA | Autex AcousticsのPCサイズの画像
    Acoustic Panels and Solutions for USA | Autex Acousticsのモバイルサイズの画像
    DETAIL

    Acoustic Panels and Solutions for USA | Autex Acoustics

    投稿者の画像

    文字のジャンプ率や罫線の使い方がスタイリッシュ。制作物のクオリティの高さがわかる写真も良い。

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

    JIMWAG

    投稿者の画像

    グレイッシュな背景で統一された画像ややフォントの大きさなど、シンプルさの中にスタイリッシュさを感じるサイト！！

  • 酔鯨酒造株式会社のPCサイズの画像
    酔鯨酒造株式会社のモバイルサイズの画像
    DETAIL

    酔鯨酒造株式会社

    投稿者の画像

    雑誌のような縦書きが印象のサイト。

  • Dramatic Campus | 神戸学院大学のPCサイズの画像
    Dramatic Campus | 神戸学院大学のモバイルサイズの画像
    DETAIL

    Dramatic Campus | 神戸学院大学

    投稿者の画像

    大学にいるような感覚が味わえます！！時間割りを意識したアニメーションがおしゃれ！！

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

    MAHORA

    投稿者の画像

    TOPページは重厚感溢れるデザインに仕上がっています!!泊まってみたい!!

  • sayoka – サウナで最高の余暇をのPCサイズの画像
    sayoka – サウナで最高の余暇をのモバイルサイズの画像
    DETAIL

    sayoka – サウナで最高の余暇を

    投稿者の画像

    余暇をイメージさせるシンプルで余白の多いデザイン。カーソルに湯気のようなエフェクトが付いており細かいところまで意識されています。

  • 2024 NEXT CREATION PROGRAM 『こどもファッションプロジェクト』のPCサイズの画像
    2024 NEXT CREATION PROGRAM 『こどもファッションプロジェクト』のモバイルサイズの画像
    DETAIL

    2024 NEXT CREATION PROGRAM 『こどもファッションプロジェクト』

    投稿者の画像

    シンプルだからこそ写真が映えるおり、FVのアパレルデザイナーのスケッチデザインがおしゃれ！！

  • 株式会社ドットコム・マーケティングのPCサイズの画像
    株式会社ドットコム・マーケティングのモバイルサイズの画像
    DETAIL

    株式会社ドットコム・マーケティング

    投稿者の画像

    情報が整理されたレイアウトで信頼感があり、キーカラーが映えるコーポレートサイトです。

  • 延原商事株式会社 | 研磨材を中心に世界をつなぐ商社のPCサイズの画像
    延原商事株式会社 | 研磨材を中心に世界をつなぐ商社のモバイルサイズの画像
    DETAIL

    延原商事株式会社 | 研磨材を中心に世界をつなぐ商社

    投稿者の画像

    落ち着いた大人なイメージとグローバル感あふれるサイトです。

  • 燕三条 工場の祭典 2023のPCサイズの画像
    燕三条 工場の祭典 2023のモバイルサイズの画像
    DETAIL

    燕三条 工場の祭典 2023

    投稿者の画像

    工場を連想させるシェイプが印象的。職人たちの技を引き立てる美術展のようなビジュアルのサイト。

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

    Silver Magazine

    投稿者の画像

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

  • aguije | アグイジェ – 渋谷・館山・鎌倉・浦和が拠点の小さなデザインスタジオ。のPCサイズの画像
    aguije | アグイジェ – 渋谷・館山・鎌倉・浦和が拠点の小さなデザインスタジオ。のモバイルサイズの画像
    DETAIL

    aguije | アグイジェ – 渋谷・館山・鎌倉・浦和が拠点の小さなデザインスタジオ。

    CREATE - aguije | アグイジェ

    投稿者の画像

    スタイリッシュかつ、面白いアイデアの実装力がすごいサイト。TOPをスクロールしていくと悪夢が…

  • TALANTON by DIANA – タラントン バイ ダイアナ 公式サイトのPCサイズの画像
    TALANTON by DIANA – タラントン バイ ダイアナ 公式サイトのモバイルサイズの画像
    DETAIL

    TALANTON by DIANA – タラントン バイ ダイアナ 公式サイト

    投稿者の画像

    写真を多く使用しているので商品の魅力が伝わってきます。また、余白が多く洗練されたデザインです。

  • ASOBISYSTEM Co., Ltd. | アソビシステム株式会社のPCサイズの画像
    ASOBISYSTEM Co., Ltd. | アソビシステム株式会社のモバイルサイズの画像
    DETAIL

    ASOBISYSTEM Co., Ltd. | アソビシステム株式会社

    投稿者の画像

    レイアウトが整っているのと色数が少なく見やすい。多様な所属タレントを引き立たせているサイト。

  • 山崎実業 ｜ 100年を超える歴史あるインテリア雑貨の専門メーカーのPCサイズの画像
    山崎実業 ｜ 100年を超える歴史あるインテリア雑貨の専門メーカーのモバイルサイズの画像
    DETAIL

    山崎実業 ｜ 100年を超える歴史あるインテリア雑貨の専門メーカー

    CREATE - DRIPPERS inc/k28

    投稿者の画像

    商品画像を活かすシンプルで余白をたっぷりのデザイン！！

  • 採用サイト｜KOKUYO RECRUITING SITEのPCサイズの画像
    採用サイト｜KOKUYO RECRUITING SITEのモバイルサイズの画像
    DETAIL

    採用サイト｜KOKUYO RECRUITING SITE

    投稿者の画像

    テキストカーソルのアニメーションが考え続けることを表現している。使用カラーが優しい採用サイト。

  • TOMAMU the WEDDINGのPCサイズの画像
    TOMAMU the WEDDINGのモバイルサイズの画像
    DETAIL

    TOMAMU the WEDDING

    投稿者の画像

    他のウェディングサイトには無いような写真ばかりで魅力😍

  • 中華そば 七八のPCサイズの画像
    中華そば 七八のモバイルサイズの画像
    DETAIL

    中華そば 七八

    投稿者の画像

    雑誌を切り取ったようなレイアウトとシズル感のある写真が特徴的。ラーメンが食べたくなるサイト。

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

    OBJECT INDEX

    投稿者の画像

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

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

    folio – T.O

    投稿者の画像

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

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

    roomz星野建築事務所

    投稿者の画像

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

  • Dover Street MarketのPCサイズの画像
    Dover Street Marketのモバイルサイズの画像
    DETAIL

    Dover Street Market

    投稿者の画像

    モノトーンカラーがコレクションの写真を際立たせている。各ショップロゴのみのTOPが印象的。

  • CIRCUS Inc. – 総合広告代理店 サーカスのPCサイズの画像
    CIRCUS Inc. – 総合広告代理店 サーカスのモバイルサイズの画像
    DETAIL

    CIRCUS Inc. – 総合広告代理店 サーカス

    投稿者の画像

    堅くなりがちなValueの説明がアニメーションを用いることで、楽しく表現できているサイト。

  • 999.9 | フォーナインズ 公式ウェブサイトのPCサイズの画像
    999.9 | フォーナインズ 公式ウェブサイトのモバイルサイズの画像
    DETAIL

    999.9 | フォーナインズ 公式ウェブサイト

    投稿者の画像

    終始高級感を感じる余白の美しい、THE王道のWebサイト👑

  • WWDJAPANサステナビリティ・サミット 2023ーサステナビリティを原動力に　ファッションの未来を描こう！ー | WWDJAPANのPCサイズの画像
    WWDJAPANサステナビリティ・サミット 2023ーサステナビリティを原動力に　ファッションの未来を描こう！ー | WWDJAPANのモバイルサイズの画像
    DETAIL

    WWDJAPANサステナビリティ・サミット 2023ーサステナビリティを原動力に　ファッションの未来を描こう！ー | WWDJAPAN

    CREATE - INFAS PUBLICATIONS

    投稿者の画像

    サミットの重要性や楽しさなどを伝える魅力的な映像やグラフィックの興味を引きつけられるサイトですね。

  • town | 小田急の仲介のPCサイズの画像
    town | 小田急の仲介のモバイルサイズの画像
    DETAIL

    town | 小田急の仲介

    CREATE - 株式会社STARRYWORKS

    投稿者の画像

    温かみのあるシンプルなデザインで、スクロール速度が心地よく十分な余白があるサイト。雑誌のような魅力的なレイアウトも特徴的。

  • 羊文学 Official WebsiteのPCサイズの画像
    羊文学 Official Websiteのモバイルサイズの画像
    DETAIL

    羊文学 Official Website

    投稿者の画像

    シンプルで空間を感じるスクロール、画像など要素の配置にリズムを感じる

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

    MODERNCA ONLINE

    CREATE - mitone design.　KOJYANTO.NET

    投稿者の画像

    懐かしさと安心感を伝えるために、落ち着いたトーンと穏やかな光を活用されが使用されていますね。

  • DRAFT Inc.のPCサイズの画像
    DRAFT Inc.のモバイルサイズの画像
    DETAIL

    DRAFT Inc.

    投稿者の画像

    ロゴとメニューが一体型でカッコいい!

  • ISURU（日本製ベビーブランド）| 選ぶことは、愛すること。のPCサイズの画像
    ISURU（日本製ベビーブランド）| 選ぶことは、愛すること。のモバイルサイズの画像
    DETAIL

    ISURU（日本製ベビーブランド）| 選ぶことは、愛すること。

    投稿者の画像

    「愛する」を強調するようにロゴの「I」「SURU」が引き寄せ合う動きが心地よい!

  • ステラシード株式会社のPCサイズの画像
    ステラシード株式会社のモバイルサイズの画像
    DETAIL

    ステラシード株式会社

    投稿者の画像

    透明感あふれる印象のコーポレートサイトです。ブランドページではイラストやインタラクションで可愛らしさも表現しています。

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

    Peter Pichler Architecture

    投稿者の画像

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