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

業界

  • エンタメ・趣味・娯楽

    72

  • 飲食・食品・飲料

    68

  • クリエイティブ制作

    65

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

    28

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

    28

  • 不動産・建築・施設

    25

  • 製品・工業・素材

    23

  • 教育・学校

    22

  • IT・システム

    21

  • 美容

    21

  • 事業・組織

    18

  • 車・バイク他

    16

  • 旅行・ホテル・観光

    15

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

    15

  • 就職・人材サービス

    15

  • 暮らし商品・サービス

    15

  • 広告・マーケティング

    14

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

    13

  • インテリア・雑貨

    13

  • Web・クラウドサービス

    13

  • 行政・NPO・団体・協会

    13

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

    12

  • ウェディング

    11

  • アート

    11

  • インフラ

    10

形式

  • コーポレートサイト

    123

  • 商品・製品紹介

    98

  • 特設サイト

    90

  • 企画・プロモーション

    67

  • 店舗・施設紹介

    54

  • サービス紹介

    39

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

    29

  • 採用サイト

    29

  • EC・Webサービス

    28

  • メディア・ポータル

    27

  • ポートフォリオ

    15

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    171

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

    125

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

    107

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

    70

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

    47

  • 多言語対応

    43

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

    29

  • 動画が特徴的なサイト

    24

下層ページ

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

    187

  • Aboutページ

    186

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

    177

  • サービス紹介

    113

  • お問い合わせ

    64

  • 採用情報

    45

  • よくある質問

    38

  • プライバシーポリシー

    31

  • 料金表

    19

  • CSR

    19

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

    18

  • ビジュアル

    1

カラー

  • ホワイト・白

    111

  • ブルー・青

    105

  • ブラック・黒・グレー

    89

  • グリーン・緑

    60

  • レッド・赤

    49

  • カラフル・多色

    46

  • イエロー・黄色

    42

  • ブラウン・茶色

    29

  • ピンク・桃色・桜色

    25

  • オレンジ・橙色

    24

  • パープル・紫

    16
2024.05.22

晴れ風ACTION｜KIRIN

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

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

このデザインを共有する

Close

Industry

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

Page

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

Color

Format

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

Design

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

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

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

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

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

同系統のサイトデザイン

  • MAISON CACAOのPCサイズの画像
    MAISON CACAOのモバイルサイズの画像
    DETAIL VISIT

    MAISON CACAO

    投稿者の画像

    コンセプト性の強いサイト構成。ぐいぐい動きます👁️

  • ウィザースパーク｜ウィザースホームの家づくりテーマパークのPCサイズの画像
    ウィザースパーク｜ウィザースホームの家づくりテーマパークのモバイルサイズの画像
    DETAIL VISIT

    ウィザースパーク｜ウィザースホームの家づくりテーマパーク

    投稿者の画像

    「家を建てる」という大きな買い物のための知識を、かわいいイラストで提供していてGOOD！

  • 游藝舎 | いま、残したいものがある。のPCサイズの画像
    游藝舎 | いま、残したいものがある。のモバイルサイズの画像
    DETAIL VISIT

    游藝舎 | いま、残したいものがある。

    投稿者の画像

    まだコンテンツは少ないけれど、丁寧な余白感と明朝フォントがうまくフィットして強い芯を感じます❗️

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

    cosa

    投稿者の画像

    キービジュアルがインパクトあって吸い寄せられた！でも色味は優しい

  • 株式会社BuzzJob（バズジョブ）のPCサイズの画像
    株式会社BuzzJob（バズジョブ）のモバイルサイズの画像
    DETAIL VISIT

    株式会社BuzzJob（バズジョブ）

    CREATE - 株式会社ブラキオ

    投稿者の画像

    密度がほどよくて見やすい！どんどん進むアニメーションも爽やか

  • ROKU SAUNA/ロクサウナ |完全個室の本格フィンランド式個室サウナのPCサイズの画像
    ROKU SAUNA/ロクサウナ |完全個室の本格フィンランド式個室サウナのモバイルサイズの画像
    DETAIL VISIT

    ROKU SAUNA/ロクサウナ |完全個室の本格フィンランド式個室サウナ

    投稿者の画像

    サウナ界での第六感は「ととのう」だそうです。

  • はだしの家.株式会社 | 注文住宅・リノベーション・耐震住宅はお任せください | 姫路の工務店のPCサイズの画像
    はだしの家.株式会社 | 注文住宅・リノベーション・耐震住宅はお任せください | 姫路の工務店のモバイルサイズの画像
    DETAIL VISIT

    はだしの家.株式会社 | 注文住宅・リノベーション・耐震住宅はお任せください | 姫路の工務店

    投稿者の画像

    ゆったりとした時間を感じる、建築工務店のサイト⭐️間の取り方がよいです

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

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

    投稿者の画像

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

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

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

    投稿者の画像

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

  • そでらぼ（ソーシャルデザインラボ） | サイボウズの課題解決実験のPCサイズの画像
    そでらぼ（ソーシャルデザインラボ） | サイボウズの課題解決実験のモバイルサイズの画像
    DETAIL VISIT

    そでらぼ（ソーシャルデザインラボ） | サイボウズの課題解決実験

    投稿者の画像

    キャラクターがキモ可愛い、ワクワクするデザイン！！

  • 金沢大学｜卓越大学院｜プログラム推進室のPCサイズの画像
    金沢大学｜卓越大学院｜プログラム推進室のモバイルサイズの画像
    DETAIL VISIT

    金沢大学｜卓越大学院｜プログラム推進室

    投稿者の画像

    モノトーンにアクセントカラーが際立ち、FVのコピーが刺さるサイト。

  • 株式会社オリエンタルランド 新卒採用のPCサイズの画像
    株式会社オリエンタルランド 新卒採用のモバイルサイズの画像
    DETAIL VISIT

    株式会社オリエンタルランド 新卒採用

    投稿者の画像

    ふわふわしていて、鮮やかな色合いで、希望にあふれた画像チョイス。夢の国です💕

  • 【神戸須磨シーワールド】 – すべてのいのちは、こんなに大きいのPCサイズの画像
    【神戸須磨シーワールド】 – すべてのいのちは、こんなに大きいのモバイルサイズの画像
    DETAIL VISIT

    【神戸須磨シーワールド】 – すべてのいのちは、こんなに大きい

    投稿者の画像

    ダイナミックな写真と効果的なイラストが魅力的な、老若男女興味をひかれるコンテンツをポップに表現⭐️

  • MÉCHANT – Creative post-production studioのPCサイズの画像
    MÉCHANT – Creative post-production studioのモバイルサイズの画像
    DETAIL VISIT

    MÉCHANT – Creative post-production studio

    投稿者の画像

    映像プロダクションならではのインパクトのあるFVが特徴的。コミカルなテイストのwebサイト。

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

    SateLab

    投稿者の画像

    テクスチャが含まれている背景は、どこかクラフト感を与えるお洒落なデザイン🌎 シンプルだけどアクセントの効いたデザインです!

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

    株式会社北辰

    投稿者の画像

    ひたすらにぎやかなお魚屋さん⭐️ポップで楽しげで消費者に寄り添ってる感じがします

  • 千葉県旭市観光サイト｜今日も、ぶらり、あさひ日和。のPCサイズの画像
    千葉県旭市観光サイト｜今日も、ぶらり、あさひ日和。のモバイルサイズの画像
    DETAIL VISIT

    千葉県旭市観光サイト｜今日も、ぶらり、あさひ日和。

    投稿者の画像

    背景画像を多用したサイトでセクションの区切りなど背景画像の使い方が参考になる！！

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

    Dramatic Campus | 神戸学院大学

    投稿者の画像

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

  • アイスリング ICE RING(R) 28℃で凍る、ひんやり続く | F・O・インターナショナル公式のPCサイズの画像
    アイスリング ICE RING(R) 28℃で凍る、ひんやり続く | F・O・インターナショナル公式のモバイルサイズの画像
    DETAIL VISIT

    アイスリング ICE RING(R) 28℃で凍る、ひんやり続く | F・O・インターナショナル公式

    投稿者の画像

    季節商品なので利用シーンを強く打ち出しているサイト🌞 PCサイズでメインコンテンツが中央でないのが特徴的ですね!

  • クラTナビ公式サイトのPCサイズの画像
    クラTナビ公式サイトのモバイルサイズの画像
    DETAIL VISIT

    クラTナビ公式サイト

    投稿者の画像

    90年代風かつポップでかわいいサイト。

  • 臨床統計家育成コース｜京都大学 大学院医学研究科 社会健康医学系専攻のPCサイズの画像
    臨床統計家育成コース｜京都大学 大学院医学研究科 社会健康医学系専攻のモバイルサイズの画像
    DETAIL VISIT

    臨床統計家育成コース｜京都大学 大学院医学研究科 社会健康医学系専攻

    投稿者の画像

    グラフのイラストがアニメーションで動くことでFVを魅力的に表現！！

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

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

    投稿者の画像

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

  • みずほFG：空想金融教室のPCサイズの画像
    みずほFG：空想金融教室のモバイルサイズの画像
    DETAIL VISIT

    みずほFG：空想金融教室

    投稿者の画像

    教室とお金を掛け合わせたイラストがにぎやかなサイト！！

  • 大阪のタクシーって熱い！大阪府タクシードライバー就職支援サイトのPCサイズの画像
    大阪のタクシーって熱い！大阪府タクシードライバー就職支援サイトのモバイルサイズの画像
    DETAIL VISIT

    大阪のタクシーって熱い！大阪府タクシードライバー就職支援サイト

    投稿者の画像

    テキストが関西弁！！シンプルだが随所に大阪感があるサイト！！

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

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

    投稿者の画像

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

  • 企業CM | それは、はじまりの音 | YKK株式会社のPCサイズの画像
    企業CM | それは、はじまりの音 | YKK株式会社のモバイルサイズの画像
    DETAIL VISIT

    企業CM | それは、はじまりの音 | YKK株式会社

    投稿者の画像

    とてもミニマルなデザインでメッセージが伝わってきます。

  • やきとり酒場一鳥前|自分の居場所が見つかる、そんなやきとり酒場です！のPCサイズの画像
    やきとり酒場一鳥前|自分の居場所が見つかる、そんなやきとり酒場です！のモバイルサイズの画像
    DETAIL VISIT

    やきとり酒場一鳥前|自分の居場所が見つかる、そんなやきとり酒場です！

    投稿者の画像

    人にフォーカスしたモダンな店舗紹介ページ！強いフォントで目を惹きます！

  • Stand Foundation Co.,ltd.のPCサイズの画像
    Stand Foundation Co.,ltd.のモバイルサイズの画像
    DETAIL VISIT

    Stand Foundation Co.,ltd.

    投稿者の画像

    テキストのみの作品一覧は攻めたデザイン！！リロード後のテキスト表示のアニメーションがかっこいい！！

  • みんなに聞いた！楽天モバイル通信簿のPCサイズの画像
    みんなに聞いた！楽天モバイル通信簿のモバイルサイズの画像
    DETAIL VISIT

    みんなに聞いた！楽天モバイル通信簿

    投稿者の画像

    数字やグラフを視覚的にわかりやすく、ユーザーの興味を引くデザイン。

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

    ビアボール ｜ サントリー

    投稿者の画像

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

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

    Logram

    投稿者の画像

    表示画像が縦長なだけでなぜか新しい表現にも見えてしまう不思議です

  • くぎ煮検定｜いかなごのくぎ煮振興協会のPCサイズの画像
    くぎ煮検定｜いかなごのくぎ煮振興協会のモバイルサイズの画像
    DETAIL VISIT

    くぎ煮検定｜いかなごのくぎ煮振興協会

    CREATE - 株式会社ペンク

    投稿者の画像

    スマホ特化ではあるが、シンプルでPCでも十分回答が可能なサイズ考慮がされています🐟

  • EBiDAN THE LIVE CRUISE 2024のPCサイズの画像
    EBiDAN THE LIVE CRUISE 2024のモバイルサイズの画像
    DETAIL VISIT

    EBiDAN THE LIVE CRUISE 2024

    投稿者の画像

    ライブの日程を旅行の到着地とチケットに見立てた設定が細かいスマホ特化型のサイト!

  • 月光天文台のPCサイズの画像
    月光天文台のモバイルサイズの画像
    DETAIL VISIT

    月光天文台

    投稿者の画像

    背景は宇宙になっていて、丸文字やイラストが可愛らしいサイト！！

  • 株式会社サンリオエンターテイメントのPCサイズの画像
    株式会社サンリオエンターテイメントのモバイルサイズの画像
    DETAIL VISIT

    株式会社サンリオエンターテイメント

    投稿者の画像

    KAWAIIに徹していて、見ていると一度行ってみたくなってくる可愛さです💕

  • 株式会社ナジコ｜鉄道車両部品、ユニバーサルジョイント、熱交換器など鉄道や製鉄業から世界の産業基盤を支えますのPCサイズの画像
    株式会社ナジコ｜鉄道車両部品、ユニバーサルジョイント、熱交換器など鉄道や製鉄業から世界の産業基盤を支えますのモバイルサイズの画像
    DETAIL VISIT

    株式会社ナジコ｜鉄道車両部品、ユニバーサルジョイント、熱交換器など鉄道や製鉄業から世界の産業基盤を支えます

    投稿者の画像

    コーポレートサイトとして王道のデザイン！！TOPの各セクションの情報量も必要な分だけでスッキリまとめたれています！！

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

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

    投稿者の画像

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

  • SIRUP BLUE BLUR Special SiteのPCサイズの画像
    SIRUP BLUE BLUR Special Siteのモバイルサイズの画像
    DETAIL VISIT

    SIRUP BLUE BLUR Special Site

    投稿者の画像

    楽曲を聴いてみたくなる仕掛けや見た目が豊富。サイト同様、楽曲へのこだわりが感じられるサイト。

  • 駿河台大学／駿大生に聞いたリアル駿河台大学AtoZ／スペシャル学校情報／スタディサプリ進路のPCサイズの画像
    駿河台大学／駿大生に聞いたリアル駿河台大学AtoZ／スペシャル学校情報／スタディサプリ進路のモバイルサイズの画像
    DETAIL VISIT

    駿河台大学／駿大生に聞いたリアル駿河台大学AtoZ／スペシャル学校情報／スタディサプリ進路

    投稿者の画像

    イラストそれぞれがグレイン風でアニメーションがついていて可愛い😆

  • ほろよい ｜ サントリーのPCサイズの画像
    ほろよい ｜ サントリーのモバイルサイズの画像
    DETAIL VISIT

    ほろよい ｜ サントリー

    投稿者の画像

    90年代風で明るいデザインのサイト。お酒に対して親しみやすさを感じさせてくれます。

  • Synflux – A Speculative Fashion Laboratory based in TokyoのPCサイズの画像
    Synflux – A Speculative Fashion Laboratory based in Tokyoのモバイルサイズの画像
    DETAIL VISIT

    Synflux – A Speculative Fashion Laboratory based in Tokyo

    CREATE - Synflux 株式会社

    投稿者の画像

    テクノロジー、ファッション、グラフィックやwebがハイブリッドされたコーポレートサイト。

  • 採用サイト | ロート製薬株式会社のPCサイズの画像
    採用サイト | ロート製薬株式会社のモバイルサイズの画像
    DETAIL VISIT

    採用サイト | ロート製薬株式会社

    投稿者の画像

    素晴らしいビジュアルが1つあると記事のno image までも完成度の高い装飾になりますね😳

  • 新日本レイキ株式会社のPCサイズの画像
    新日本レイキ株式会社のモバイルサイズの画像
    DETAIL VISIT

    新日本レイキ株式会社

    投稿者の画像

    FVのコピーにもあるように、水のサスティナビリティーを意識した爽やかなサイト

  • みんなでつくる、キャリアの地図 2023年｜#キャリアの地図｜ONE CAREER PLUSのPCサイズの画像
    みんなでつくる、キャリアの地図 2023年｜#キャリアの地図｜ONE CAREER PLUSのモバイルサイズの画像
    DETAIL VISIT

    みんなでつくる、キャリアの地図 2023年｜#キャリアの地図｜ONE CAREER PLUS

    投稿者の画像

    ボタンを看板や吹き出しに見立てたデザインは楽しさもあり、ターゲットとなる若者も入りやすい👍

  • 星街すいせい 2nd live「Shout in Crisis」｜ホロライブプロダクションのPCサイズの画像
    星街すいせい 2nd live「Shout in Crisis」｜ホロライブプロダクションのモバイルサイズの画像
    DETAIL VISIT

    星街すいせい 2nd live「Shout in Crisis」｜ホロライブプロダクション

    投稿者の画像

    ブラーのかかった画像をスクロールアニメーションで表示するとより立体感が出ますね!

  • 静岡銀行2025新卒採用サイトのPCサイズの画像
    静岡銀行2025新卒採用サイトのモバイルサイズの画像
    DETAIL VISIT

    静岡銀行2025新卒採用サイト

    投稿者の画像

    トップビューのリンクが企業メッセージなどにしがちなところを、社員紹介にしてるあたりユーザーの需要を考えられている⭐️

  • GVA法律事務所のPCサイズの画像
    GVA法律事務所のモバイルサイズの画像
    DETAIL VISIT

    GVA法律事務所

    投稿者の画像

    法律事務所としては珍しい色合い、見せ方をしています。