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

Webデザインを
探す 学ぶ

業界

  • 飲食・食品・飲料

    109

  • クリエイティブ制作

    107

  • エンタメ・趣味・娯楽

    96

  • 不動産・建築・施設

    47

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

    43

  • IT・システム

    40

  • 製品・工業・素材

    40

  • 教育・学校

    36

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

    33

  • 旅行・ホテル・観光

    27

  • 行政・NPO・団体・協会

    24

  • 美容

    24

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

    24

  • 暮らし商品・サービス

    24

  • 事業・組織

    21

  • 就職・人材サービス

    20

  • 車・バイク他

    17

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

    16

  • インテリア・雑貨

    15

  • 広告・マーケティング

    15

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

    14

  • Web・クラウドサービス

    13

  • ウェディング

    12

  • アート

    12

  • インフラ

    11

形式

  • コーポレートサイト

    187

  • 商品・製品紹介

    137

  • 特設サイト

    136

  • 店舗・施設紹介

    95

  • 企画・プロモーション

    91

  • サービス紹介

    56

  • 採用サイト

    44

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

    39

  • EC・Webサービス

    38

  • メディア・ポータル

    34

  • ポートフォリオ

    22

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    271

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

    195

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

    158

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

    112

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

    91

  • 多言語対応

    46

  • 動画が特徴的なサイト

    41

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

    38

下層ページ

  • Aboutページ

    304

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

    277

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

    247

  • サービス紹介

    200

  • お問い合わせ

    106

  • 採用サイト

    74

  • よくある質問

    55

  • プライバシーポリシー

    44

  • 料金表

    25

  • CSR

    24

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

    19

  • ビジュアル

    1

  • ゲーム

    1

  • メニュー

    1

  • カラーモード

    1

カラー

  • ホワイト・白

    164

  • ブルー・青

    155

  • ブラック・黒・グレー

    126

  • グリーン・緑

    90

  • カラフル・多色

    78

  • イエロー・黄色

    69

  • レッド・赤

    65

  • ブラウン・茶色

    52

  • オレンジ・橙色

    38

  • ピンク・桃色・桜色

    36

  • パープル・紫

    23

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

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

    投稿者の画像

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

  • デザデジの広告画像02 デザデジの広告画像03 デザデジの広告画像04
    デザデジのモバイルサイズの広告画像02 デザデジのモバイルサイズの広告画像03 デザデジのモバイルサイズの広告画像04
    DETAIL

    月額11,000円で学べる超実践型Webデザインスクール

    デザデジの画像

    デザデジ

  • くらて学園の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

    投稿者の画像

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

  • Maple Pizza（メイプルピザ）のPCサイズの画像
    Maple Pizza（メイプルピザ）のモバイルサイズの画像
    DETAIL

    Maple Pizza（メイプルピザ）

    CREATE - 株式会社 アクチュエルイメージ

    投稿者の画像

    ロゴのモーションや遊び心のある細かなインタラクションが魅力的なサイト。ニューヨークスタイルのピザが食べたくなる。

  • さっぽろ雪まつり公式サイトのPCサイズの画像
    さっぽろ雪まつり公式サイトのモバイルサイズの画像
    DETAIL

    さっぽろ雪まつり公式サイト

    投稿者の画像

    PCサイズでの2カラムのファーストビューをスマホでどう見せるか...こういったパターンもありだね👍 ぜひスクロールして確認を!

  • 医療法人 徳洲会 湘南鎌倉総合病院 病院事務職 採用サイト – 2000人規模の総合病院をプロデュースせよのPCサイズの画像
    医療法人 徳洲会 湘南鎌倉総合病院 病院事務職 採用サイト – 2000人規模の総合病院をプロデュースせよのモバイルサイズの画像
    DETAIL

    医療法人 徳洲会 湘南鎌倉総合病院 病院事務職 採用サイト – 2000人規模の総合病院をプロデュースせよ

    投稿者の画像

    メインテキストは、ジャンプ率やアニメーションで強調されており、こういったデザインのサイトは多く存在しているが、他サイトよりもインパクトが強いのが特徴ですね👀

  • SummerFall Japan | スパークリング日本酒 サマーフォールのPCサイズの画像
    SummerFall Japan | スパークリング日本酒 サマーフォールのモバイルサイズの画像
    DETAIL

    SummerFall Japan | スパークリング日本酒 サマーフォール

    投稿者の画像

    遊び心のあるタイポグラフィ、フォントの大小を活用した表現がユニーク！！

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

    Drive Capital

    投稿者の画像

    大胆なレイアウトとダイナミックなUXでインパクト大なかっこいいサイト⭐️

  • Alex Valcarcel – HomeのPCサイズの画像
    Alex Valcarcel – Homeのモバイルサイズの画像
    DETAIL

    Alex Valcarcel – Home

    投稿者の画像

    ビビッドな配色を巧みに活用したダイナミックな見せ方が特徴で、レイアウトは整理されており見やすさも兼ね備えたポートフォリオサイト。

  • CM特設サイト|淀川製鋼所（ヨドコウ）のPCサイズの画像
    CM特設サイト|淀川製鋼所（ヨドコウ）のモバイルサイズの画像
    DETAIL

    CM特設サイト|淀川製鋼所（ヨドコウ）

    投稿者の画像

    とてもシンプルなサイトですが、写真のインパクトが強いので丁度いい✨ 上へ戻る時も表示アニメーションが動くのは、サイトによってはくどいこともありますが、このデザインでは例外ですね👀

  • 創業100周年記念サイト | シヤチハタ株式会社のPCサイズの画像
    創業100周年記念サイト | シヤチハタ株式会社のモバイルサイズの画像
    DETAIL

    創業100周年記念サイト | シヤチハタ株式会社

    投稿者の画像

    シンプルだけどユニークなサイト！！

  • SHIMZ Labo（シミズラボ）| 清水建設のPCサイズの画像
    SHIMZ Labo（シミズラボ）| 清水建設のモバイルサイズの画像
    DETAIL

    SHIMZ Labo（シミズラボ）| 清水建設

    投稿者の画像

    スミ文字を使用しないことで、地球を支える仕事であることを表現しているように感じられるサイト。グリッドレイアウトも特徴的。

  • 【推しの子】完結記念「FAN ARENA」のPCサイズの画像
    【推しの子】完結記念「FAN ARENA」のモバイルサイズの画像
    DETAIL

    【推しの子】完結記念「FAN ARENA」

    投稿者の画像

    スマホ特化型デザイン! PCサイズでは広がる背景が寂しくならないようにライブ会場のライトの移動などアニメーションが用意されています👍

  • マンガワン｜10周年特設サイトのPCサイズの画像
    マンガワン｜10周年特設サイトのモバイルサイズの画像
    DETAIL

    マンガワン｜10周年特設サイト

    投稿者の画像

    背景のあしらいの表現やFVのインパクトが素敵です！！

  • 明治理工ラボ | 明治理工を、研究しよう。明治大学理工学部特設サイトのPCサイズの画像
    明治理工ラボ | 明治理工を、研究しよう。明治大学理工学部特設サイトのモバイルサイズの画像
    DETAIL

    明治理工ラボ | 明治理工を、研究しよう。明治大学理工学部特設サイト

    投稿者の画像

    情報量の多さをデザインで上手くまとめられているサイト。かっこよさと可愛らしさのあるロゴも秀逸。

  • 【公式】カワスイ アクア&アニマルスクール｜日本初の水族館で学ぶ専門スクールのPCサイズの画像
    【公式】カワスイ アクア&アニマルスクール｜日本初の水族館で学ぶ専門スクールのモバイルサイズの画像
    DETAIL

    【公式】カワスイ アクア&アニマルスクール｜日本初の水族館で学ぶ専門スクール

    投稿者の画像

    セクションの境目が少ないWeb3.0の雰囲気で作られていて、デザインのベースとすべきWebサイト⭐️

  • パルコスペースシステムズ | PARCO SPACE SYSTEMSのPCサイズの画像
    パルコスペースシステムズ | PARCO SPACE SYSTEMSのモバイルサイズの画像
    DETAIL

    パルコスペースシステムズ | PARCO SPACE SYSTEMS

    投稿者の画像

    トップページのスクロールの仕方がスルスルして楽しい

  • 葉山うみのホテル【公式】 – HAYAMA UMINO HOTEL –のPCサイズの画像
    葉山うみのホテル【公式】 – HAYAMA UMINO HOTEL –のモバイルサイズの画像
    DETAIL

    葉山うみのホテル【公式】 – HAYAMA UMINO HOTEL –

    投稿者の画像

    波が動くホバーアニメーションが可愛い! シンプルたけど充実しているサイトだと思います🏖️

  • コンポーネント図鑑 ｜ 視覚伝達情報研究室のPCサイズの画像
    コンポーネント図鑑 ｜ 視覚伝達情報研究室のモバイルサイズの画像
    DETAIL

    コンポーネント図鑑 ｜ 視覚伝達情報研究室

    投稿者の画像

    動くコンポーネントが可愛らしい。説明文のスペースや設定が魅力的。

  • 株式会社ギオンデリバリーサービスのPCサイズの画像
    株式会社ギオンデリバリーサービスのモバイルサイズの画像
    DETAIL

    株式会社ギオンデリバリーサービス

    CREATE - 株式会社フリースタイルエンターテイメント

    投稿者の画像

    派手ではないがリッチにしており、しっかりと安定感ある印象のいいサイト❗️

  • ほろよい meets 3COINS – 3COINS | PAL CLOSET(パルクローゼット) – パルグループ公式ファッション通販サイトのPCサイズの画像
    ほろよい meets 3COINS – 3COINS | PAL CLOSET(パルクローゼット) – パルグループ公式ファッション通販サイトのモバイルサイズの画像
    DETAIL

    ほろよい meets 3COINS – 3COINS | PAL CLOSET(パルクローゼット) – パルグループ公式ファッション通販サイト

    投稿者の画像

    落ち着いたカラーや手描き風のイラスト、日本語の手書き風フォントが合わさって、親しみやすく優しい雰囲気が広がっています。