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

Webデザインを
探す 学ぶ

業界

  • 飲食・食品・飲料

    101

  • クリエイティブ制作

    98

  • エンタメ・趣味・娯楽

    91

  • 不動産・建築・施設

    42

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

    40

  • IT・システム

    37

  • 製品・工業・素材

    37

  • 教育・学校

    33

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

    33

  • 旅行・ホテル・観光

    27

  • 美容

    24

  • 暮らし商品・サービス

    23

  • 行政・NPO・団体・協会

    22

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

    22

  • 事業・組織

    21

  • 就職・人材サービス

    20

  • 車・バイク他

    17

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

    15

  • インテリア・雑貨

    15

  • 広告・マーケティング

    15

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

    14

  • Web・クラウドサービス

    13

  • ウェディング

    12

  • アート

    12

  • インフラ

    10

形式

  • コーポレートサイト

    177

  • 商品・製品紹介

    130

  • 特設サイト

    123

  • 店舗・施設紹介

    90

  • 企画・プロモーション

    88

  • サービス紹介

    52

  • 採用サイト

    40

  • EC・Webサービス

    38

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

    37

  • メディア・ポータル

    33

  • ポートフォリオ

    21

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    251

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

    185

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

    145

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

    95

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

    84

  • 多言語対応

    46

  • 動画が特徴的なサイト

    38

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

    32

下層ページ

  • Aboutページ

    282

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

    259

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

    234

  • サービス紹介

    189

  • お問い合わせ

    102

  • 採用サイト

    70

  • よくある質問

    53

  • プライバシーポリシー

    44

  • 料金表

    25

  • CSR

    24

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

    19

  • ビジュアル

    1

カラー

  • ホワイト・白

    158

  • ブルー・青

    143

  • ブラック・黒・グレー

    118

  • グリーン・緑

    86

  • カラフル・多色

    71

  • イエロー・黄色

    66

  • レッド・赤

    59

  • ブラウン・茶色

    48

  • オレンジ・橙色

    35

  • ピンク・桃色・桜色

    34

  • パープル・紫

    22

SEARCH

カラー検索

2024.05.22

晴れ風ACTION｜KIRIN

https://harekaze.kirin.co.jp/

キリンビール晴れ風は、売上の一部を使って、風物詩の保全・継承に係る取組みを継続的に支援するアクション #晴れ風ACTION の

このデザインを共有する

Close

Design Infomation

Industry

CSR・サスティナビリティ飲食・食品・飲料

Page

Aboutページプライバシーポリシー投稿一覧(記事/商品など)投稿詳細(記事/商品など)

Color

ピンク・桃色・桜色
ブルー・青

Format

企画・プロモーション特設サイト

Design

アニメーションが特徴的なサイトスマホ特化・モバイルファースト
暖かみのある鮮やか
投稿者の画像

ブランドカラーと桜の保全活動をイメージできるデザイン！！TOPページのsliderがスライドした時の動きがオシャレ！！

晴れ風ACTION｜KIRINのPCサイズの画像
晴れ風ACTION｜KIRINのモバイルサイズの画像

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

Design Infomation

Industry

CSR・サスティナビリティ飲食・食品・飲料

Page

Aboutページプライバシーポリシー投稿一覧(記事/商品など)投稿詳細(記事/商品など)

Color

ピンク・桃色・桜色
ブルー・青

Format

企画・プロモーション特設サイト

Design

アニメーションが特徴的なサイトスマホ特化・モバイルファースト
暖かみのある鮮やか

下層デザイン

  • Aboutページ

    晴れ風ACTION｜KIRINのPCサイズのAboutページ画像
    晴れ風ACTION｜KIRINのモバイルサイズのAboutページ画像

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

    晴れ風ACTION｜KIRINのPCサイズの投稿一覧(記事/商品など)画像
    晴れ風ACTION｜KIRINのモバイルサイズの投稿一覧(記事/商品など)画像

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

    晴れ風ACTION｜KIRINのPCサイズの投稿詳細(記事/商品など)画像
    晴れ風ACTION｜KIRINのモバイルサイズの投稿詳細(記事/商品など)画像

  • プライバシーポリシー

    晴れ風ACTION｜KIRINのPCサイズのプライバシーポリシー画像
    晴れ風ACTION｜KIRINのモバイルサイズのプライバシーポリシー画像

8

11

同系統のサイトデザイン

  • 映画『六人の嘘つきな大学生』のPCサイズの画像
    映画『六人の嘘つきな大学生』のモバイルサイズの画像
    DETAIL

    映画『六人の嘘つきな大学生』

    投稿者の画像

    ビビットなピンクにイエローアクセントはよくある配色ですが、使い方で不気味な雰囲気も演出できますね🎨 PCとスマホでファーストビューが異なるのも個人的に好みです!!

  • GT America Intl typeface exclusively at Grilli Type — Download Free Trial FontsのPCサイズの画像
    GT America Intl typeface exclusively at Grilli Type — Download Free Trial Fontsのモバイルサイズの画像
    DETAIL

    GT America Intl typeface exclusively at Grilli Type — Download Free Trial Fonts

    投稿者の画像

    このフォントを使いたくなるような魅力的なアニメーション、ユーモア溢れるテキスト、そして細部にまでこだわり抜かれた高いクオリティが印象的なサイト。

  • 特命部隊プチロルズ〈チロルチョコ株式会社〉のPCサイズの画像
    特命部隊プチロルズ〈チロルチョコ株式会社〉のモバイルサイズの画像
    DETAIL

    特命部隊プチロルズ〈チロルチョコ株式会社〉

    投稿者の画像

    ポップなイラストとふわふわと浮かぶようなアニメーションが可愛いサイト! 宇宙の奥底に消えていくテキストはまるでスター・◯ォーズ🪐

  • くらて学園のPCサイズの画像
    くらて学園のモバイルサイズの画像
    DETAIL

    くらて学園

    投稿者の画像

    ノイズの入った青い背景が爽やかインパクト❗️学校跡地を大規模なスタジオとしている施設のサイト。

  • しまなみブルワリー公式ブランドサイトのPCサイズの画像
    しまなみブルワリー公式ブランドサイトのモバイルサイズの画像
    DETAIL

    しまなみブルワリー公式ブランドサイト

    投稿者の画像

    商品の背景を切り抜いた画像がインパクトあるサイトです！！

  • 融点 Gallery and shopのPCサイズの画像
    融点 Gallery and shopのモバイルサイズの画像
    DETAIL

    融点 Gallery and shop

    投稿者の画像

    「融点」をイメージした鮮やかなグラデーション背景と、柔らかく流動的な波線のデザインが、訪れる人々にリラックスと心地よさを感じさせてくれます。

  • ビアボール ｜ サントリーのPCサイズの画像
    ビアボール ｜ サントリーのモバイルサイズの画像
    DETAIL

    ビアボール ｜ サントリー

    投稿者の画像

    シンプルな装飾とレイアウトなので制作の参考にしやすいデザインです!👀

  • 【公式】エッセンシャル l 花王株式会社のPCサイズの画像
    【公式】エッセンシャル l 花王株式会社のモバイルサイズの画像
    DETAIL

    【公式】エッセンシャル l 花王株式会社

    投稿者の画像

    陽射しの画像とパステルカラーがきらめく朝を表現！！とてもフレッシュでかわいらしいです！！

  • はたらクイズ｜パーソルキャリアのPCサイズの画像
    はたらクイズ｜パーソルキャリアのモバイルサイズの画像
    DETAIL

    はたらクイズ｜パーソルキャリア

    投稿者の画像

    アンケートをゲーム感覚で回答できユーザーに回答順序や必須回答などの制限を与えないUI✨

  • 株式会社マイネット Mynet Inc.のPCサイズの画像
    株式会社マイネット Mynet Inc.のモバイルサイズの画像
    DETAIL

    株式会社マイネット Mynet Inc.

    CREATE - 株式会社GIG

    投稿者の画像

    スッキリした余白と部分的な装飾のバランスが良いサイト✨

  • Wantedly（ウォンテッドリー）「はたらく」を面白くするビジネスSNSのPCサイズの画像
    Wantedly（ウォンテッドリー）「はたらく」を面白くするビジネスSNSのモバイルサイズの画像
    DETAIL

    Wantedly（ウォンテッドリー）「はたらく」を面白くするビジネスSNS

    投稿者の画像

    しっかりキーとなるフレーズが強調されたサイトデザイン

  • オリックス銀行 ❘ Career Recruiting SiteのPCサイズの画像
    オリックス銀行 ❘ Career Recruiting Siteのモバイルサイズの画像
    DETAIL

    オリックス銀行 ❘ Career Recruiting Site

    投稿者の画像

    多様なホバーアニメーションが参考になります!

  • ひとりを尊ぶ、ひとつにもなれる。｜MIND of NIHON UNIVERSITY | MIND of NIHON UNIVERSITYのPCサイズの画像
    ひとりを尊ぶ、ひとつにもなれる。｜MIND of NIHON UNIVERSITY | MIND of NIHON UNIVERSITYのモバイルサイズの画像
    DETAIL

    ひとりを尊ぶ、ひとつにもなれる。｜MIND of NIHON UNIVERSITY | MIND of NIHON UNIVERSITY

    投稿者の画像

    各セクションの内容に合わせてシェイプが変形していく1画面スクロールデザイン!

  • #ぼくらの春曲キャンペーンのPCサイズの画像
    #ぼくらの春曲キャンペーンのモバイルサイズの画像
    DETAIL

    #ぼくらの春曲キャンペーン

    投稿者の画像

    桜のアニメーションとグラデーションの組み合わせは、青春の象徴として完璧にマッチしています。