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

カラー検索

2024.04.17

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

https://www.shupatto.com/

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

このデザインを共有する

Close

Design Infomation

Industry

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

Page

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

Color

ホワイト・白

Format

商品・製品紹介

Design

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

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

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

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

Design Infomation

Industry

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

Page

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

Color

ホワイト・白

Format

商品・製品紹介

Design

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

下層デザイン

  • Aboutページ

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

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

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

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

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

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

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

2

同系統のサイトデザイン

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

    ToyFight

    投稿者の画像

    FVのインタラクティブなアニメーションも楽しく、グリッド構成のレイアウトで見やすいサイト。

  • Electric Cars, Solar & Clean Energy | TeslaのPCサイズの画像
    Electric Cars, Solar & Clean Energy | Teslaのモバイルサイズの画像
    DETAIL

    Electric Cars, Solar & Clean Energy | Tesla

    投稿者の画像

    レイアウトや写真、動画の使い方が工夫されており、詳細ページのボリュームを感じさせない見せ方になっているサイト。サイバートラックのロゴがかっこいい。

  • セイタロウデザイン グループのPCサイズの画像
    セイタロウデザイン グループのモバイルサイズの画像
    DETAIL

    セイタロウデザイン グループ

    投稿者の画像

    アニメーションやフォントの使い方が実験的で面白く、会社の雰囲気とマッチしているサイト。

  • and Supply – クリエイティブプロダクションand Supply / アンドサプライのPCサイズの画像
    and Supply – クリエイティブプロダクションand Supply / アンドサプライのモバイルサイズの画像
    DETAIL

    and Supply – クリエイティブプロダクションand Supply / アンドサプライ

    投稿者の画像

    制作実績一覧の角丸デザインが可愛らしく、スクロールで見やすくまとめられている点も素晴らしい。

  • 大橋会館 | OHASHI KAIKANのPCサイズの画像
    大橋会館 | OHASHI KAIKANのモバイルサイズの画像
    DETAIL

    大橋会館 | OHASHI KAIKAN

    投稿者の画像

    シンプルながら繊細なデザインが光る、古い会館を生まれ変わらせたクリエイティブなチームが手がけたサイト。

  • Not A Bike ShopのPCサイズの画像
    Not A Bike Shopのモバイルサイズの画像
    DETAIL

    Not A Bike Shop

    CREATE - Coast Branding Agency Brussels

    投稿者の画像

    特徴的なロゴを使ったシンプルなレイアウト。動きのあるインデックスが建築物のエレガントさを引き立たせている。

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

    NEW

    投稿者の画像

    制作物の魅力を引き出すレイアウトが特徴的。キーワード検索がMPCになっていて、押すを吹き出す文字のアニメーションの細部までこだわりを感じる。

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

    NEW AUCTION

    投稿者の画像

    モダンな雰囲気あふれるオークションサイト。Wのモチーフを使用したあしらいが印象的。

  • LINEヤフーDESIGNのPCサイズの画像
    LINEヤフーDESIGNのモバイルサイズの画像
    DETAIL

    LINEヤフーDESIGN

    CREATE - LINEヤフーDESIGN

    投稿者の画像

    無駄なものを削ぎ落としたデザインと情報がとても見やすいグリッドレイアウトのサイト。

  • 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」が引き寄せ合う動きが心地よい!