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

Webデザインを
探す 学ぶ

業界

  • 飲食・食品・飲料

    99

  • クリエイティブ制作

    92

  • エンタメ・趣味・娯楽

    89

  • 不動産・建築・施設

    41

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

    39

  • IT・システム

    36

  • 製品・工業・素材

    36

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

    33

  • 教育・学校

    31

  • 旅行・ホテル・観光

    25

  • 美容

    24

  • 行政・NPO・団体・協会

    22

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

    21

  • 事業・組織

    21

  • 暮らし商品・サービス

    21

  • 就職・人材サービス

    20

  • 車・バイク他

    16

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

    15

  • インテリア・雑貨

    15

  • 広告・マーケティング

    15

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

    14

  • Web・クラウドサービス

    13

  • ウェディング

    12

  • アート

    12

  • インフラ

    10

形式

  • コーポレートサイト

    174

  • 商品・製品紹介

    124

  • 特設サイト

    121

  • 店舗・施設紹介

    87

  • 企画・プロモーション

    85

  • サービス紹介

    52

  • 採用サイト

    39

  • EC・Webサービス

    38

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

    37

  • メディア・ポータル

    32

  • ポートフォリオ

    18

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    242

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

    182

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

    139

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

    92

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

    83

  • 多言語対応

    46

  • 動画が特徴的なサイト

    37

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

    31

下層ページ

  • Aboutページ

    274

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

    254

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

    228

  • サービス紹介

    185

  • お問い合わせ

    100

  • 採用サイト

    68

  • よくある質問

    50

  • プライバシーポリシー

    42

  • 料金表

    25

  • CSR

    22

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

    19

  • ビジュアル

    1

カラー

  • ホワイト・白

    153

  • ブルー・青

    137

  • ブラック・黒・グレー

    114

  • グリーン・緑

    83

  • カラフル・多色

    69

  • イエロー・黄色

    62

  • レッド・赤

    59

  • ブラウン・茶色

    46

  • オレンジ・橙色

    34

  • ピンク・桃色・桜色

    31

  • パープル・紫

    22

SEARCH

カラー検索

2024.11.29

Homepage | GSAP

https://gsap.com/

GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.

このデザインを共有する

Close

Design Infomation

Industry

IT・システムクリエイティブ制作

Page

サービス紹介料金表

Color

グリーン・緑
ブラック・黒・グレー

Format

商品・製品紹介

Design

アニメーションが特徴的なサイト
楽しい
投稿者の画像

この製品を使ったときのワクワク感が存分に伝わるサイト。アニメーションが可愛い。

Homepage | GSAPのPCサイズの画像
Homepage | GSAPのモバイルサイズの画像

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

Design Infomation

Industry

IT・システムクリエイティブ制作

Page

サービス紹介料金表

Color

グリーン・緑
ブラック・黒・グレー

Format

商品・製品紹介

Design

アニメーションが特徴的なサイト
楽しい

下層デザイン

  • サービス紹介

    Homepage | GSAPのPCサイズのサービス紹介画像
    Homepage | GSAPのモバイルサイズのサービス紹介画像

  • 料金表

    Homepage | GSAPのPCサイズの料金表画像
    Homepage | GSAPのモバイルサイズの料金表画像

12

3

同系統のサイトデザイン

  • ワンダー WANDER｜ありそうでない、がある。全国の不動産情報メディアのPCサイズの画像
    ワンダー WANDER｜ありそうでない、がある。全国の不動産情報メディアのモバイルサイズの画像
    DETAIL

    ワンダー WANDER｜ありそうでない、がある。全国の不動産情報メディア

    投稿者の画像

    ポップなカラーやボーダーを用いたシェイプのデザインは不動産サイトでは珍しい✨

  • ロゴスランド：LOGOS LANDのPCサイズの画像
    ロゴスランド：LOGOS LANDのモバイルサイズの画像
    DETAIL

    ロゴスランド：LOGOS LAND

    投稿者の画像

    レゴみたいでかわいいキャラクターが家族で楽しめそうな印象をうまく作っている。

  • フォレストアドベンチャー・米原のPCサイズの画像
    フォレストアドベンチャー・米原のモバイルサイズの画像
    DETAIL

    フォレストアドベンチャー・米原

    投稿者の画像

    アスレチックのような楽しさを演出し、視認性の高いレイアウトで使いやすい

  • Hi! Mckee（ハイマッキー）｜ゼブラ株式会社のPCサイズの画像
    Hi! Mckee（ハイマッキー）｜ゼブラ株式会社のモバイルサイズの画像
    DETAIL

    Hi! Mckee（ハイマッキー）｜ゼブラ株式会社

    投稿者の画像

    マッキーで書いたようなデザインと太文字のボーダーが、ポップで遊び心あふれる素敵な雰囲気がいい！！

  • やってみるカメ？プロジェクトのPCサイズの画像
    やってみるカメ？プロジェクトのモバイルサイズの画像
    DETAIL

    やってみるカメ？プロジェクト

    投稿者の画像

    単色での色分けが上手い！！

  • おかしより、ごはんにちかいおやつ。SUKUSUKU BALL(スクスクボール）のPCサイズの画像
    おかしより、ごはんにちかいおやつ。SUKUSUKU BALL(スクスクボール）のモバイルサイズの画像
    DETAIL

    おかしより、ごはんにちかいおやつ。SUKUSUKU BALL(スクスクボール）

    投稿者の画像

    お客様の声などの情報をホバーすると裏側から表示される工夫が施されています。このデザインにより、ページ数を減らしつつ効率的に情報を伝えることができます！

  • HUMAN MADE株式会社: HUMAN MADE Inc.のPCサイズの画像
    HUMAN MADE株式会社: HUMAN MADE Inc.のモバイルサイズの画像
    DETAIL

    HUMAN MADE株式会社: HUMAN MADE Inc.

    投稿者の画像

    いろいろな「こんなのもアリだ」を感じられて刺激的なコーポレートサイト⭐️

  • doda PRESENTS: パ・リーグ球団 仕事図鑑2024のPCサイズの画像
    doda PRESENTS: パ・リーグ球団 仕事図鑑2024のモバイルサイズの画像
    DETAIL

    doda PRESENTS: パ・リーグ球団 仕事図鑑2024

    投稿者の画像

    イラストやアイコンをうまく使ったり、モーダル表示で普段親しみのない球団の仕事について端的に伝えてくれています。

  • i-smileのPCサイズの画像
    i-smileのモバイルサイズの画像
    DETAIL

    i-smile

    CREATE - Wlt.design

    投稿者の画像

    ポップでかわいく、さりげないスクロールアニメーションが気持ちいい⭐️

  • namco TOKYO（ナムコトーキョー） | namco TOKYO（ナムコトーキョー） | バンダイナムコアミューズメントのPCサイズの画像
    namco TOKYO（ナムコトーキョー） | namco TOKYO（ナムコトーキョー） | バンダイナムコアミューズメントのモバイルサイズの画像
    DETAIL

    namco TOKYO（ナムコトーキョー） | namco TOKYO（ナムコトーキョー） | バンダイナムコアミューズメント

    投稿者の画像

    ネオンのデザインが施設の雰囲気とマッチしたデザインになっています。

  • 404 NOT FOUND｜SHIBUYA SAKURA STAGEのPCサイズの画像
    404 NOT FOUND｜SHIBUYA SAKURA STAGEのモバイルサイズの画像
    DETAIL

    404 NOT FOUND｜SHIBUYA SAKURA STAGE

    投稿者の画像

    404エラーをデザイン的に表現しているサイト。FVのドラッグアニメーションが楽しいです。

  • きゃりーぱみゅぱみゅOFFICIAL HOMEPAGEのPCサイズの画像
    きゃりーぱみゅぱみゅOFFICIAL HOMEPAGEのモバイルサイズの画像
    DETAIL

    きゃりーぱみゅぱみゅOFFICIAL HOMEPAGE

    投稿者の画像

    なんか楽しくなってくる、エンタメシズル感あるキャリぱのサイト！

  • 本と美容室のPCサイズの画像
    本と美容室のモバイルサイズの画像
    DETAIL

    本と美容室

    投稿者の画像

    遠近感をグラフィカルに表現していて、シンプルでも面白みを感じる⭐️

  • dōzo – SNSで贈れるソーシャルギフト《どーぞ》のPCサイズの画像
    dōzo – SNSで贈れるソーシャルギフト《どーぞ》のモバイルサイズの画像
    DETAIL

    dōzo – SNSで贈れるソーシャルギフト《どーぞ》

    投稿者の画像

    カートゥーンなイラストとアニメーションをグリッドデザインに合わせて読みやすさにも配慮されたサイト👀

  • かながわアートホールのPCサイズの画像
    かながわアートホールのモバイルサイズの画像
    DETAIL

    かながわアートホール

    投稿者の画像

    筑紫丸ゴシックと大きな角丸が柔らかい、親しみやすい印象にしています

  • toft公式ホームページのPCサイズの画像
    toft公式ホームページのモバイルサイズの画像
    DETAIL

    toft公式ホームページ

    投稿者の画像

    TOPページのロゴのインパクトと商品画像がsliderが印象的！！

  • オラホビール OH!LA!HO BEER | 長野県東御市のクラフトビールのPCサイズの画像
    オラホビール OH!LA!HO BEER | 長野県東御市のクラフトビールのモバイルサイズの画像
    DETAIL

    オラホビール OH!LA!HO BEER | 長野県東御市のクラフトビール

    投稿者の画像

    各セクションのイニシャルの立体感とポップな配色がとても好きです!

  • // FRONTAGE 株式会社フロンテッジのPCサイズの画像
    // FRONTAGE 株式会社フロンテッジのモバイルサイズの画像
    DETAIL

    // FRONTAGE 株式会社フロンテッジ

    投稿者の画像

    スタイリッシュで飽きさせない遊び心もあり、カッコ楽しいサイト✨

  • ポmagazine | 噂で始まる京都観光メディア by Umekoji Potel KYOTOのPCサイズの画像
    ポmagazine | 噂で始まる京都観光メディア by Umekoji Potel KYOTOのモバイルサイズの画像
    DETAIL

    ポmagazine | 噂で始まる京都観光メディア by Umekoji Potel KYOTO

    CREATE - 合同会社バンクトゥ

    投稿者の画像

    イラストが出現するhoverアニメーションが複数あり遊び心満載のメディアサイト

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

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

    投稿者の画像

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

  • ベビースターラーメン × 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 - かねこあみ/みなせしゅん

    投稿者の画像

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

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

    チルするすゝめ｜CHILL OUT

    投稿者の画像

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

  • アイセイ薬局のPCサイズの画像
    アイセイ薬局のモバイルサイズの画像
    DETAIL

    アイセイ薬局

    投稿者の画像

    10年以上昔からヘルスグラフィック・マガジンで有名なアイセイ薬局⭐️各号症状に特化したフリーペーパーが必見❗️

  • 株式会社スピークバディ（SpeakBUDDY）のPCサイズの画像
    株式会社スピークバディ（SpeakBUDDY）のモバイルサイズの画像
    DETAIL

    株式会社スピークバディ（SpeakBUDDY）

    投稿者の画像

    ファーストビューの360度回転できるイラストレーションの世界観で最初がクライマックス！

  • 愛のスコール【デーリィ南日本酪農協同株式会社】のPCサイズの画像
    愛のスコール【デーリィ南日本酪農協同株式会社】のモバイルサイズの画像
    DETAIL

    愛のスコール【デーリィ南日本酪農協同株式会社】

    投稿者の画像

    商品への愛が溢れんばかりのブランドサイト。見せ方に何度もトライ&エラーを行ったシンプルさが窺える！

  • SMBC DESIGN：三井住友銀行のPCサイズの画像
    SMBC DESIGN：三井住友銀行のモバイルサイズの画像
    DETAIL

    SMBC DESIGN：三井住友銀行

    CREATE - SMBC DESIGN

    投稿者の画像

    イラストの親しみやすさと背景色の重厚感がバランスの取れており、一目でSMBCと理解できる魅力的なデザイン。

  • うおみこども園のPCサイズの画像
    うおみこども園のモバイルサイズの画像
    DETAIL

    うおみこども園

    CREATE - 株式会社モンブラン

    投稿者の画像

    遊び心を強く感じられ、本当の意味で、元気で健やかな子供が育ちそう❗️

  • 特別展アリス―へんてこりん、へんてこりんな世界のPCサイズの画像
    特別展アリス―へんてこりん、へんてこりんな世界のモバイルサイズの画像
    DETAIL

    特別展アリス―へんてこりん、へんてこりんな世界

    投稿者の画像

    基本的に1画面で完結するも、コミカルに動く背景とシンプルに作られた世界観がおもしろい！

  • HARUTA 2024 Spring/Summer 特設サイトのPCサイズの画像
    HARUTA 2024 Spring/Summer 特設サイトのモバイルサイズの画像
    DETAIL

    HARUTA 2024 Spring/Summer 特設サイト

    CREATE - 日本デザインセンター/Yoshiko Yazawa/BERRY’Z

    投稿者の画像

    流体シェイプや余白があり、シンプルで可愛らしいですね！！