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.10

ビアボール ｜ サントリー

https://www.suntory.co.jp/beer/beerball/

ビアボール ブランドサイト。ビアボールの製品情報、つくり方動画、割り方やレシピなどをご紹介。ビアボールは、どんな人も自分らしく、今この瞬間のベストなカタチで楽しめるお酒です。なんでもありだ！カンパイだ！ビアボール！

#suntory #Number_i

このデザインを共有する

Close

Industry

飲食・食品・飲料

Page

よくある質問投稿一覧(記事/商品など)

Color

Format

商品・製品紹介

Design

スマホ特化・モバイルファースト
楽しい鮮やか
投稿者の画像

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

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

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

Industry

飲食・食品・飲料

Page

よくある質問投稿一覧(記事/商品など)

Color

Format

商品・製品紹介

Design

スマホ特化・モバイルファースト
楽しい鮮やか

下層デザイン

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

    ビアボール ｜ サントリーのPCサイズの投稿一覧(記事/商品など)画像
    ビアボール ｜ サントリーのモバイルサイズの投稿一覧(記事/商品など)画像

  • よくある質問

    ビアボール ｜ サントリーのPCサイズのよくある質問画像
    ビアボール ｜ サントリーのモバイルサイズのよくある質問画像

11

同系統のサイトデザイン

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

    MAISON CACAO

    投稿者の画像

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

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

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

    投稿者の画像

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

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

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

    投稿者の画像

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

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

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

    CREATE - 株式会社ブラキオ

    投稿者の画像

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

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

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

    投稿者の画像

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

  • 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

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

    投稿者の画像

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

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

    SateLab

    投稿者の画像

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

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

    株式会社北辰

    投稿者の画像

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

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

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

    投稿者の画像

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

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

    Dramatic Campus | 神戸学院大学

    投稿者の画像

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

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

    晴れ風ACTION｜KIRIN

    投稿者の画像

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

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

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

    投稿者の画像

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

  • 臨床統計家育成コース｜京都大学 大学院医学研究科 社会健康医学系専攻の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.

    投稿者の画像

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

  • 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法律事務所

    投稿者の画像

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

  • たけだ税理士事務所 | スモールビジネスとクリエイターを支える税理士。クラウド会計を活用して全国対応。のPCサイズの画像
    たけだ税理士事務所 | スモールビジネスとクリエイターを支える税理士。クラウド会計を活用して全国対応。のモバイルサイズの画像
    DETAIL VISIT

    たけだ税理士事務所 | スモールビジネスとクリエイターを支える税理士。クラウド会計を活用して全国対応。

    投稿者の画像

    キャッチコピーと童話・昔話のイラストがマッチしたサイトでキャッチコピーの内容が入ってきやすいです。

  • ドライバーの仕事探しなら『GOジョブ』| GOジョブのPCサイズの画像
    ドライバーの仕事探しなら『GOジョブ』| GOジョブのモバイルサイズの画像
    DETAIL VISIT

    ドライバーの仕事探しなら『GOジョブ』| GOジョブ

    投稿者の画像

    カラーとフォントサイズのメリハリがしっかりしているサイト。FVのタクシーの振動や移動のアニメーションも楽しげでいい。

  • ハレクラニ沖縄ウエディングのPCサイズの画像
    ハレクラニ沖縄ウエディングのモバイルサイズの画像
    DETAIL VISIT

    ハレクラニ沖縄ウエディング

    投稿者の画像

    沖縄のラグジュアリーホテルウェディングの特設ページ。王道です！

  • TSUNORU（つのる） – 宮崎県都農町の事業募集プラットフォームのPCサイズの画像
    TSUNORU（つのる） – 宮崎県都農町の事業募集プラットフォームのモバイルサイズの画像
    DETAIL VISIT

    TSUNORU（つのる） – 宮崎県都農町の事業募集プラットフォーム

    投稿者の画像

    ロゴのイメージカラーをうまく使用しシンプルにまとめられたサイト！！FVに応募数と採択数がわかり採択されたプロジェクトをすぐにチェックできるのもよい！！

  • IHADA〈イハダ〉｜資生堂のPCサイズの画像
    IHADA〈イハダ〉｜資生堂のモバイルサイズの画像
    DETAIL VISIT

    IHADA〈イハダ〉｜資生堂

    投稿者の画像

    ユーザーに安心感を与えるクリーンな色合いのサイト。商品説明も分かりやすくパッケージもオシャレ。

  • 雑貨屋HAPPENINGのPCサイズの画像
    雑貨屋HAPPENINGのモバイルサイズの画像
    DETAIL VISIT

    雑貨屋HAPPENING

    投稿者の画像

    ビビットカラー・太文字のフォント・イラストやアニメーションなど全ての要素がポップで可愛らしいさ満点のサイト！！