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

THE BUTTER CAKE

https://midrain.jp/pages/the-butter-cake

THE BUTTER CAKEは、フランス産発酵バター本来の美味しさを引き出した、バターを愉しむためのバターケーキの商品紹介サイト

このデザインを共有する

Close

Industry

飲食・食品・飲料

Color

Format

EC・Webサービス商品・製品紹介

Design

動画が特徴的なサイト
スタイリッシュ高級感
投稿者の画像

随所にセリフ体フォントと暗めのカラーが高級感が引き立たたせているサイト

THE BUTTER CAKEのPCサイズの画像
THE BUTTER CAKEのモバイルサイズの画像

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

Industry

飲食・食品・飲料

Color

Format

EC・Webサービス商品・製品紹介

Design

動画が特徴的なサイト
スタイリッシュ高級感

3

11

同系統のサイトデザイン

  • NEW generation | α Universe | デジタル一眼カメラα（アルファ） | ソニーのPCサイズの画像
    NEW generation | α Universe | デジタル一眼カメラα（アルファ） | ソニーのモバイルサイズの画像
    DETAIL VISIT

    NEW generation | α Universe | デジタル一眼カメラα（アルファ） | ソニー

    投稿者の画像

    ハイレベな作品群コンテンツがプロダクト品質の証明になっている、様々な理由が合致したいいマーケティングデザイン💡

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

    MAISON CACAO

    投稿者の画像

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

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

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

    投稿者の画像

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

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

    HUMAN MADE株式会社: HUMAN MADE Inc.

    投稿者の画像

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

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

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

    投稿者の画像

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

  • BEYOND ARCHITECTURE | ケンチクとカルチャーを言語化するメディアのPCサイズの画像
    BEYOND ARCHITECTURE | ケンチクとカルチャーを言語化するメディアのモバイルサイズの画像
    DETAIL VISIT

    BEYOND ARCHITECTURE | ケンチクとカルチャーを言語化するメディア

    投稿者の画像

    webと雑誌のいいとこどりなデザインと文字組み！！

  • BOULE DE RIZ｜豊田市のおにぎりカフェのPCサイズの画像
    BOULE DE RIZ｜豊田市のおにぎりカフェのモバイルサイズの画像
    DETAIL VISIT

    BOULE DE RIZ｜豊田市のおにぎりカフェ

    投稿者の画像

    シンプルかつセンター揃えのデザインでレスポンシブのコーディングがしやすいサイトです。

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

    SOSOSO

    投稿者の画像

    特にFVの下のセクションのコンテンツの配置が好みです！！

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

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

    CREATE - 株式会社ブラキオ

    投稿者の画像

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

  • BRANCH COFFEE｜ブランチコーヒー｜四国・愛媛・西条・松山のPCサイズの画像
    BRANCH COFFEE｜ブランチコーヒー｜四国・愛媛・西条・松山のモバイルサイズの画像
    DETAIL VISIT

    BRANCH COFFEE｜ブランチコーヒー｜四国・愛媛・西条・松山

    投稿者の画像

    コンテンツよりも背景画像に迫力があるサイト！！TOPはパララックス効果を使用しています。

  • 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

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

    投稿者の画像

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

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

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

    投稿者の画像

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

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

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

    投稿者の画像

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

  • STUDIO株式会社(STUDIO, Inc.) | 創造性を、解き放つ。のPCサイズの画像
    STUDIO株式会社(STUDIO, Inc.) | 創造性を、解き放つ。のモバイルサイズの画像
    DETAIL VISIT

    STUDIO株式会社(STUDIO, Inc.) | 創造性を、解き放つ。

    CREATE - studio.inc

    投稿者の画像

    シンプルで洗練された、クールなサイト。Appleを想起させるところも！

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

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

    投稿者の画像

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

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

    404 NOT FOUND｜SHIBUYA SAKURA STAGE

    投稿者の画像

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

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

    SateLab

    投稿者の画像

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

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

    株式会社北辰

    投稿者の画像

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

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

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

    投稿者の画像

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

  • BNN, Inc. | 株式会社ビー・エヌ・エヌのPCサイズの画像
    BNN, Inc. | 株式会社ビー・エヌ・エヌのモバイルサイズの画像
    DETAIL VISIT

    BNN, Inc. | 株式会社ビー・エヌ・エヌ

    投稿者の画像

    落ち着いたトーンのカラーと整理されたレイアウト。装丁を引き立てているデザインのサイト。

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

    東映株式会社

    投稿者の画像

    様々なコンテンツがある東映。普通ならコンテンツが目立ってくるよう作りそうなものだがこれは攻めてる🔥

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

    Dramatic Campus | 神戸学院大学

    投稿者の画像

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

  • ラップスタア 2024のPCサイズの画像
    ラップスタア 2024のモバイルサイズの画像
    DETAIL VISIT

    ラップスタア 2024

    投稿者の画像

    動画を大胆に使用して躍動感を高め、グリッチエフェクトでダークな雰囲気を演出している。

  • 採用サイトTOP | 株式会社ディ・ポップスのPCサイズの画像
    採用サイトTOP | 株式会社ディ・ポップスのモバイルサイズの画像
    DETAIL VISIT

    採用サイトTOP | 株式会社ディ・ポップス

    投稿者の画像

    細かいところへのデザインと余白、メリハリなどかなり精度の高い採用サイトです！

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

    MAHORA

    投稿者の画像

    TOPページは重厚感溢れるデザインに仕上がっています!!泊まってみたい!!

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

    晴れ風ACTION｜KIRIN

    投稿者の画像

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

  • AFURI Recruiting siteのPCサイズの画像
    AFURI Recruiting siteのモバイルサイズの画像
    DETAIL VISIT

    AFURI Recruiting site

    投稿者の画像

    モノトーンかつ躍動感あふれる画像が印象的なサイト。ラーメン屋の採用サイトとは思えない！！

  • アイスリング 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

    西山製麺 ドイツ法人

    投稿者の画像

    フォント、カラーやアニメーションの使い方が素晴らしく、製品の高いクオリティを感じられるサイト。

  • 90周年記念サイト │ NISSANのPCサイズの画像
    90周年記念サイト │ NISSANのモバイルサイズの画像
    DETAIL VISIT

    90周年記念サイト │ NISSAN

    投稿者の画像

    ブラックがモダンな印象を与えてくれるサイト。HISTORYのスライドがかっこいい！！

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

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

    投稿者の画像

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

  • ONGROUND（オングラウンド）-「スポーツと、はたらく」を目指す人のためのスポーツビジネスメディアのPCサイズの画像
    ONGROUND（オングラウンド）-「スポーツと、はたらく」を目指す人のためのスポーツビジネスメディアのモバイルサイズの画像
    DETAIL VISIT

    ONGROUND（オングラウンド）-「スポーツと、はたらく」を目指す人のためのスポーツビジネスメディア

    投稿者の画像

    footerのアニメーションとデザインがかっこいい！！

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

    Stand Foundation Co.,ltd.

    投稿者の画像

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

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

    ビアボール ｜ サントリー

    投稿者の画像

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

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

    Logram

    投稿者の画像

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

  • 生田斗真｜オフィシャルWEBサイトのPCサイズの画像
    生田斗真｜オフィシャルWEBサイトのモバイルサイズの画像
    DETAIL VISIT

    生田斗真｜オフィシャルWEBサイト

    投稿者の画像

    シンプルなレイアウト / デザイン、複数のFV画像も撮背景が統一されているのでどのパターンでもスタイリッシュ!

  • DQ+g | DRAGON QUEST + graniph | 株式会社グラニフのPCサイズの画像
    DQ+g | DRAGON QUEST + graniph | 株式会社グラニフのモバイルサイズの画像
    DETAIL VISIT

    DQ+g | DRAGON QUEST + graniph | 株式会社グラニフ

    投稿者の画像

    遷移時のアニメーションがゲームそのもので楽しい仕組みとなっていますね✨

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

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

    CREATE - 株式会社ペンク

    投稿者の画像

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