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

Webデザインを
探す 学ぶ

業界

  • 飲食・食品・飲料

    99

  • クリエイティブ制作

    93

  • エンタメ・趣味・娯楽

    89

  • 不動産・建築・施設

    41

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

    39

  • IT・システム

    37

  • 製品・工業・素材

    36

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

    33

  • 教育・学校

    31

  • 旅行・ホテル・観光

    25

  • 美容

    24

  • 行政・NPO・団体・協会

    22

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

    22

  • 事業・組織

    21

  • 暮らし商品・サービス

    21

  • 就職・人材サービス

    20

  • 車・バイク他

    16

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

    15

  • インテリア・雑貨

    15

  • 広告・マーケティング

    15

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

    14

  • Web・クラウドサービス

    13

  • ウェディング

    12

  • アート

    12

  • インフラ

    10

形式

  • コーポレートサイト

    175

  • 商品・製品紹介

    125

  • 特設サイト

    121

  • 店舗・施設紹介

    87

  • 企画・プロモーション

    85

  • サービス紹介

    52

  • 採用サイト

    40

  • EC・Webサービス

    38

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

    37

  • メディア・ポータル

    32

  • ポートフォリオ

    18

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    244

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

    182

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

    140

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

    93

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

    83

  • 多言語対応

    46

  • 動画が特徴的なサイト

    37

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

    31

下層ページ

  • Aboutページ

    275

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

    255

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

    231

  • サービス紹介

    185

  • お問い合わせ

    100

  • 採用サイト

    68

  • よくある質問

    50

  • プライバシーポリシー

    42

  • 料金表

    25

  • CSR

    22

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

    19

  • ビジュアル

    1

カラー

  • ホワイト・白

    154

  • ブルー・青

    139

  • ブラック・黒・グレー

    114

  • グリーン・緑

    83

  • カラフル・多色

    69

  • イエロー・黄色

    62

  • レッド・赤

    59

  • ブラウン・茶色

    47

  • オレンジ・橙色

    34

  • ピンク・桃色・桜色

    31

  • パープル・紫

    22

SEARCH

カラー検索

2024.05.25

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

https://bnn.co.jp/

株式会社ビー・エヌ・エヌは2002年に設立した出版社です。デザインする人を増やすこと、作る人を支援することを目指して出版活動を展開しています。

このデザインを共有する

Close

Design Infomation

Industry

クリエイティブ制作

Page

Aboutページ投稿詳細(記事/商品など)

Color

ブラック・黒・グレー

Format

コーポレートサイト

Design

レイアウトが特徴的なサイト写真が特徴的なサイト
シンプルスタイリッシュ
投稿者の画像

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

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

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

Design Infomation

Industry

クリエイティブ制作

Page

Aboutページ投稿詳細(記事/商品など)

Color

ブラック・黒・グレー

Format

コーポレートサイト

Design

レイアウトが特徴的なサイト写真が特徴的なサイト
シンプルスタイリッシュ

下層デザイン

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

    BNN, Inc. | 株式会社ビー・エヌ・エヌのPCサイズの投稿詳細(記事/商品など)画像
    BNN, Inc. | 株式会社ビー・エヌ・エヌのモバイルサイズの投稿詳細(記事/商品など)画像

  • Aboutページ

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

  • メニュー

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

3

同系統のサイトデザイン

  • 10×19のPCサイズの画像
    10×19のモバイルサイズの画像
    DETAIL

    10×19

    投稿者の画像

    派手なデザインではないものの、繊細なアニメーションによってサイトのレイアウトが一層引き立てられている。

  • TECTURE AWARD 2024のPCサイズの画像
    TECTURE AWARD 2024のモバイルサイズの画像
    DETAIL

    TECTURE AWARD 2024

    投稿者の画像

    ノイズを含んだフィルターやグリッドが渋く、かっこいいサイト👀

  • Electric Cars, Solar & Clean Energy | TeslaのPCサイズの画像
    Electric Cars, Solar & Clean Energy | Teslaのモバイルサイズの画像
    DETAIL

    Electric Cars, Solar & Clean Energy | Tesla

    投稿者の画像

    レイアウトや写真、動画の使い方が工夫されており、詳細ページのボリュームを感じさせない見せ方になっているサイト。サイバートラックのロゴがかっこいい。

  • 浜岡鍍金工業所 | メッキする企業はつよく、ただしく、うつくしくのPCサイズの画像
    浜岡鍍金工業所 | メッキする企業はつよく、ただしく、うつくしくのモバイルサイズの画像
    DETAIL

    浜岡鍍金工業所 | メッキする企業はつよく、ただしく、うつくしく

    投稿者の画像

    事業への溢れる想いを力強く表現する洗練されたサイト。美しさと力強さを兼ね備えたテキストやモチーフが印象的。

  • 世界よ、驚け。＜SYNCHRO WEATHER＞10.1DEBUT｜【DUNLOP】ダンロップタイヤ 公式のPCサイズの画像
    世界よ、驚け。＜SYNCHRO WEATHER＞10.1DEBUT｜【DUNLOP】ダンロップタイヤ 公式のモバイルサイズの画像
    DETAIL

    世界よ、驚け。＜SYNCHRO WEATHER＞10.1DEBUT｜【DUNLOP】ダンロップタイヤ 公式

    投稿者の画像

    インパクトのあるトップと、シーンを語るグリッドレイアウト。良い。

  • REAZON VISUAL COMMUNICATION | REAZON HOLDINGSのPCサイズの画像
    REAZON VISUAL COMMUNICATION | REAZON HOLDINGSのモバイルサイズの画像
    DETAIL

    REAZON VISUAL COMMUNICATION | REAZON HOLDINGS

    投稿者の画像

    トップに動画で実績紹介をしており、制作へのこだわりや真摯さが伝わってきます!!

  • 映画『Cloud クラウド』公式サイトのPCサイズの画像
    映画『Cloud クラウド』公式サイトのモバイルサイズの画像
    DETAIL

    映画『Cloud クラウド』公式サイト

    投稿者の画像

    背景に常に予告動画が流れていて、サイトを見ているうちに内容が気になってくる‼️

  • DMN ｜ Design Management NetworkのPCサイズの画像
    DMN ｜ Design Management Networkのモバイルサイズの画像
    DETAIL

    DMN ｜ Design Management Network

    投稿者の画像

    ニュースペーパーテイストを取り入れたウェブサイトで、手描きのあしらいがアクセントとなっています。

  • 株式会社マイクロアドのPCサイズの画像
    株式会社マイクロアドのモバイルサイズの画像
    DETAIL

    株式会社マイクロアド

    投稿者の画像

    インタラクションにバリエーションがあって、色々さわってみたくなるサイト⭐️

  • 久原本家グループのPCサイズの画像
    久原本家グループのモバイルサイズの画像
    DETAIL

    久原本家グループ

    投稿者の画像

    文字大きめで縦組横組入り混じっていて、コンパクトなのに品がいい。

  • サイベックス公式オンラインストアのPCサイズの画像
    サイベックス公式オンラインストアのモバイルサイズの画像
    DETAIL

    サイベックス公式オンラインストア

    CREATE - shopify

    投稿者の画像

    子育てもファッションとして攻めていく姿勢、ブランドの表現がシンプルで強い！💪

  • Immersive Museum TOKYO vol.3　印象派と浮世絵 ～ゴッホと北斎、モネと広重～のPCサイズの画像
    Immersive Museum TOKYO vol.3　印象派と浮世絵 ～ゴッホと北斎、モネと広重～のモバイルサイズの画像
    DETAIL

    Immersive Museum TOKYO vol.3　印象派と浮世絵 ～ゴッホと北斎、モネと広重～

    投稿者の画像

    会場の雰囲気とリンクさせる情緒的な印象をうまく表現できていると思うよ！

  • 井口 皓太 / Kota Iguchi – Motion Design –のPCサイズの画像
    井口 皓太 / Kota Iguchi – Motion Design –のモバイルサイズの画像
    DETAIL

    井口 皓太 / Kota Iguchi – Motion Design –

    投稿者の画像

    モノトーンなので、TOPページの作品一覧をホバーした時のカラーが映えています！！

  • ZABOCON YOICHI VILLA｜ザボコン余市ヴィラのPCサイズの画像
    ZABOCON YOICHI VILLA｜ザボコン余市ヴィラのモバイルサイズの画像
    DETAIL

    ZABOCON YOICHI VILLA｜ザボコン余市ヴィラ

    投稿者の画像

    大きめの画像や動画、ゆったりめのアンメーションなど、宿泊施設に泊まっている雰囲気が味わえます！！

  • 株式会社freemova | 東京都渋谷区にある20代の若手人材に特化した人材紹介会社のPCサイズの画像
    株式会社freemova | 東京都渋谷区にある20代の若手人材に特化した人材紹介会社のモバイルサイズの画像
    DETAIL

    株式会社freemova | 東京都渋谷区にある20代の若手人材に特化した人材紹介会社

    投稿者の画像

    動画や画像、3Dコンテンツのパララックスの参考になるサイトです！！

  • マイナビDANCEALIVE – Always Youth.のPCサイズの画像
    マイナビDANCEALIVE – Always Youth.のモバイルサイズの画像
    DETAIL

    マイナビDANCEALIVE – Always Youth.

    投稿者の画像

    シンプルだけど細かい「こうだったらいいよね」が多くてかっこいい感じ😎

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

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

    投稿者の画像

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

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

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

    CREATE - studio.inc

    投稿者の画像

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

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

    東映株式会社

    投稿者の画像

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

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

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

    投稿者の画像

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

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

    MAHORA

    投稿者の画像

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

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

    AFURI Recruiting site

    投稿者の画像

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

  • 西山製麺 ドイツ法人のPCサイズの画像
    西山製麺 ドイツ法人のモバイルサイズの画像
    DETAIL

    西山製麺 ドイツ法人

    投稿者の画像

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

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

    90周年記念サイト │ NISSAN

    投稿者の画像

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

  • 燕三条 工場の祭典 2023のPCサイズの画像
    燕三条 工場の祭典 2023のモバイルサイズの画像
    DETAIL

    燕三条 工場の祭典 2023

    投稿者の画像

    工場を連想させるシェイプが印象的。職人たちの技を引き立てる美術展のようなビジュアルのサイト。

  • TRAIN TRIP｜JRグループのPCサイズの画像
    TRAIN TRIP｜JRグループのモバイルサイズの画像
    DETAIL

    TRAIN TRIP｜JRグループ

    投稿者の画像

    グレーのトーンで全体が統一されているので、かっこいいだけでなくスタンプの成果や案内などで視線を誘導しやすいですね👀

  • GUCCIMAZE | YUTA KAWAGUCHIのPCサイズの画像
    GUCCIMAZE | YUTA KAWAGUCHIのモバイルサイズの画像
    DETAIL

    GUCCIMAZE | YUTA KAWAGUCHI

    投稿者の画像

    キレッキレのグラフィティーがかっこいい！！

  • ZOOM —日本発のコンテンポラリーデザインペンのPCサイズの画像
    ZOOM —日本発のコンテンポラリーデザインペンのモバイルサイズの画像
    DETAIL

    ZOOM —日本発のコンテンポラリーデザインペン

    投稿者の画像

    トップのイントロダクションで商品の空気感に引き込まれる。細部まで見れる商品画像が印象的。

  • 『Ryuichi Sakamoto | Opus』公式サイトのPCサイズの画像
    『Ryuichi Sakamoto | Opus』公式サイトのモバイルサイズの画像
    DETAIL

    『Ryuichi Sakamoto | Opus』公式サイト

    投稿者の画像

    このサイト自体が1冊の映画パンフであるようなかっこよさ。

  • // FRONTAGE 株式会社フロンテッジのPCサイズの画像
    // FRONTAGE 株式会社フロンテッジのモバイルサイズの画像
    DETAIL

    // FRONTAGE 株式会社フロンテッジ

    投稿者の画像

    スタイリッシュで飽きさせない遊び心もあり、カッコ楽しいサイト✨

  • 広島 | 小松隼人建築設計事務所のPCサイズの画像
    広島 | 小松隼人建築設計事務所のモバイルサイズの画像
    DETAIL

    広島 | 小松隼人建築設計事務所

    CREATE - Tyle/Atsuhisa Shimazawa

    投稿者の画像

    テキストよりも画像を重視し、ユーザーに建築物の魅力を存分に伝えようとしています。

  • ホーム | 東京富士美術館（Tokyo Fuji Art Museum, FAM）のPCサイズの画像
    ホーム | 東京富士美術館（Tokyo Fuji Art Museum, FAM）のモバイルサイズの画像
    DETAIL

    ホーム | 東京富士美術館（Tokyo Fuji Art Museum, FAM）

    投稿者の画像

    美術館の作品が並ぶファーストビューは渋くかっこいいアニメーション!

  • 元町デンタルクリニック｜専門性の高い歯科治療｜岐阜市のPCサイズの画像
    元町デンタルクリニック｜専門性の高い歯科治療｜岐阜市のモバイルサイズの画像
    DETAIL

    元町デンタルクリニック｜専門性の高い歯科治療｜岐阜市

    投稿者の画像

    ニューモーフィズムを取り入れたサイト。お問い合わせなど目立たせたい部分だけに使用することで目に留まりやすくなるなと思います。

  • Dover Street MarketのPCサイズの画像
    Dover Street Marketのモバイルサイズの画像
    DETAIL

    Dover Street Market

    投稿者の画像

    モノトーンカラーがコレクションの写真を際立たせている。各ショップロゴのみのTOPが印象的。

  • EARTH 2 GALAXY－現代アートギャラリー｜銀座にてのPCサイズの画像
    EARTH 2 GALAXY－現代アートギャラリー｜銀座にてのモバイルサイズの画像
    DETAIL

    EARTH 2 GALAXY－現代アートギャラリー｜銀座にて

    CREATE - レクトデザイン

    投稿者の画像

    PCサイズでは下層でも上部に大きく余白を持たせたスタイリッシュなデザイン

  • 【公式】CLEND（クレンド）のPCサイズの画像
    【公式】CLEND（クレンド）のモバイルサイズの画像
    DETAIL

    【公式】CLEND（クレンド）

    投稿者の画像

    商品のパッケージ/テキストの配色をWEBにも使ったクールなデザイン

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

    BRUTUS

    投稿者の画像

    記事がメインとなるメディアサイトだけあって、レイアウトが違和感なく美😍！

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

    BiBiBi

    投稿者の画像

    ビビビって震えたり、終始一貫してビビビを表現しているところがよい😍

  • Kolo コロ｜個室型フォンブースでWeb会議・テレカンのPCサイズの画像
    Kolo コロ｜個室型フォンブースでWeb会議・テレカンのモバイルサイズの画像
    DETAIL

    Kolo コロ｜個室型フォンブースでWeb会議・テレカン

    投稿者の画像

    シックで落ち着いたデザインが商品のイメージにマッチしている!!

  • 武蔵野美術大学工芸工業デザイン学科のPCサイズの画像
    武蔵野美術大学工芸工業デザイン学科のモバイルサイズの画像
    DETAIL

    武蔵野美術大学工芸工業デザイン学科

    投稿者の画像

    一枚の写真の中で構成される、シンプルで遊び心あふれる粋なデザインです！

  • DRAFT Inc.のPCサイズの画像
    DRAFT Inc.のモバイルサイズの画像
    DETAIL

    DRAFT Inc.

    投稿者の画像

    ロゴとメニューが一体型でカッコいい!

  • ISURU（日本製ベビーブランド）| 選ぶことは、愛すること。のPCサイズの画像
    ISURU（日本製ベビーブランド）| 選ぶことは、愛すること。のモバイルサイズの画像
    DETAIL

    ISURU（日本製ベビーブランド）| 選ぶことは、愛すること。

    投稿者の画像

    「愛する」を強調するようにロゴの「I」「SURU」が引き寄せ合う動きが心地よい!

  • Peter Pichler ArchitectureのPCサイズの画像
    Peter Pichler Architectureのモバイルサイズの画像
    DETAIL

    Peter Pichler Architecture

    投稿者の画像

    レイアウトが美しく、ナビゲーションアイコンの表現が新しいのに押しやすい！

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

    THE BUTTER CAKE

    投稿者の画像

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