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

Webデザインを
探す 学ぶ

業界

  • 飲食・食品・飲料

    97

  • クリエイティブ制作

    89

  • エンタメ・趣味・娯楽

    87

  • 不動産・建築・施設

    41

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

    38

  • 製品・工業・素材

    35

  • IT・システム

    33

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

    32

  • 教育・学校

    31

  • 旅行・ホテル・観光

    24

  • 美容

    24

  • 行政・NPO・団体・協会

    22

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

    21

  • 事業・組織

    21

  • 暮らし商品・サービス

    20

  • 就職・人材サービス

    20

  • 車・バイク他

    16

  • 広告・マーケティング

    15

  • インテリア・雑貨

    15

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

    14

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

    14

  • Web・クラウドサービス

    13

  • ウェディング

    12

  • アート

    12

  • インフラ

    10

形式

  • コーポレートサイト

    173

  • 商品・製品紹介

    121

  • 特設サイト

    116

  • 店舗・施設紹介

    86

  • 企画・プロモーション

    84

  • サービス紹介

    51

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

    37

  • 採用サイト

    37

  • EC・Webサービス

    36

  • メディア・ポータル

    32

  • ポートフォリオ

    18

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    236

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

    180

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

    135

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

    89

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

    82

  • 多言語対応

    46

  • 動画が特徴的なサイト

    35

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

    31

下層ページ

  • Aboutページ

    270

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

    249

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

    225

  • サービス紹介

    180

  • お問い合わせ

    97

  • 採用サイト

    67

  • よくある質問

    48

  • プライバシーポリシー

    42

  • 料金表

    24

  • CSR

    22

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

    19

  • ビジュアル

    1

カラー

  • ホワイト・白

    148

  • ブルー・青

    135

  • ブラック・黒・グレー

    111

  • グリーン・緑

    81

  • カラフル・多色

    68

  • イエロー・黄色

    60

  • レッド・赤

    57

  • ブラウン・茶色

    45

  • オレンジ・橙色

    34

  • ピンク・桃色・桜色

    30

  • パープル・紫

    22

SEARCH

カラー検索

2024.04.10

coton design

https://coton-design.com/

グラフックデザイナーとして活動している酒井博子さんのポートフォリオサイト。

このデザインを共有する

Close

Design Infomation

Industry

クリエイティブ制作

Page

Aboutページ

Color

ブラック・黒・グレー

Format

ポートフォリオ

Design

イラストが特徴的なサイト
シンプル
投稿者の画像

作品を見てもらうことに特化したシンプルなポートフォリオ👀

coton designのPCサイズの画像
coton designのモバイルサイズの画像

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

Design Infomation

Industry

クリエイティブ制作

Page

Aboutページ

Color

ブラック・黒・グレー

Format

ポートフォリオ

Design

イラストが特徴的なサイト
シンプル

下層デザイン

  • Aboutページ

    coton designのPCサイズのAboutページ画像
    coton designのモバイルサイズのAboutページ画像

3

同系統のサイトデザイン

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

    Electric Cars, Solar & Clean Energy | Tesla

    投稿者の画像

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

  • 劇場アニメ「ルックバック」のPCサイズの画像
    劇場アニメ「ルックバック」のモバイルサイズの画像
    DETAIL

    劇場アニメ「ルックバック」

    投稿者の画像

    コマ割りのようなデザインと背景画像で、作品の内容を演出しています。カラーでない画像があるもの渋くていい😆

  • いろは［JR岐阜駅前 プライベートサウナ］のPCサイズの画像
    いろは［JR岐阜駅前 プライベートサウナ］のモバイルサイズの画像
    DETAIL

    いろは［JR岐阜駅前 プライベートサウナ］

    投稿者の画像

    シンプルなサイト構成とデザインは、模写コーディングの課題としても最適かもしれません。

  • 株式会社アダストリアのPCサイズの画像
    株式会社アダストリアのモバイルサイズの画像
    DETAIL

    株式会社アダストリア

    投稿者の画像

    シンプル&グリッド

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

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

    CREATE - shopify

    投稿者の画像

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

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

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

    投稿者の画像

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

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

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

    投稿者の画像

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

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

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

    投稿者の画像

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

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

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

    投稿者の画像

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

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

    MAHORA

    投稿者の画像

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

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

    90周年記念サイト │ NISSAN

    投稿者の画像

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

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

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

    投稿者の画像

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

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

    燕三条 工場の祭典 2023

    投稿者の画像

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

  • 映画『バッドボーイズ RIDE OR DIE』オフィシャルサイト | ソニー・ピクチャーズのPCサイズの画像
    映画『バッドボーイズ RIDE OR DIE』オフィシャルサイト | ソニー・ピクチャーズのモバイルサイズの画像
    DETAIL

    映画『バッドボーイズ RIDE OR DIE』オフィシャルサイト | ソニー・ピクチャーズ

    投稿者の画像

    レイアウトはシンプルだけど、ポイントで映画に合わせた装飾がありインパクトがあります!

  • UI Pocket – アプリのUIデザインギャラリーのPCサイズの画像
    UI Pocket – アプリのUIデザインギャラリーのモバイルサイズの画像
    DETAIL

    UI Pocket – アプリのUIデザインギャラリー

    投稿者の画像

    ギャラリーサイトなのでシンプルなレイアウトで見やすいです。

  • toft公式ホームページのPCサイズの画像
    toft公式ホームページのモバイルサイズの画像
    DETAIL

    toft公式ホームページ

    投稿者の画像

    TOPページのロゴのインパクトと商品画像がsliderが印象的！！

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

    404s

    投稿者の画像

    もしかしたら404ページにも可能性があるのかも❗️「3D」や「アニメーション」など複数キーワードによる絞り込み検索が便利。

  • Eve Asia Tour 2024「Culture」特設サイトのPCサイズの画像
    Eve Asia Tour 2024「Culture」特設サイトのモバイルサイズの画像
    DETAIL

    Eve Asia Tour 2024「Culture」特設サイト

    投稿者の画像

    FVが一個の作品のような特設サイト😳

  • TRUNK(HOTEL) CAT STREETのPCサイズの画像
    TRUNK(HOTEL) CAT STREETのモバイルサイズの画像
    DETAIL

    TRUNK(HOTEL) CAT STREET

    投稿者の画像

    テキストの強弱、余白でインパクトを与えるシンプルで奇抜なサイト!

  • TOP – FUJI BIKE フジ自転車のPCサイズの画像
    TOP – FUJI BIKE フジ自転車のモバイルサイズの画像
    DETAIL

    TOP – FUJI BIKE フジ自転車

    投稿者の画像

    シンプルなデザインでより商品に目が惹きつけられます👀

  • DESIGN STUDIO HARO | ハロ株式会社のPCサイズの画像
    DESIGN STUDIO HARO | ハロ株式会社のモバイルサイズの画像
    DETAIL

    DESIGN STUDIO HARO | ハロ株式会社

    CREATE - 中屋辰平（ハロ株式会社）

    投稿者の画像

    基本的に制作物のみ掲載だがディスプレイサイズのスクロールやスワイプがいい感じにできたりで、ダークな印象でもとても見やすいポートフォリオサイト

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

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

    CREATE - Tyle/Atsuhisa Shimazawa

    投稿者の画像

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

  • クラシスホーム | 愛知・名古屋をはじめとする東海４県の注文住宅ビルダーのPCサイズの画像
    クラシスホーム | 愛知・名古屋をはじめとする東海４県の注文住宅ビルダーのモバイルサイズの画像
    DETAIL

    クラシスホーム | 愛知・名古屋をはじめとする東海４県の注文住宅ビルダー

    投稿者の画像

    シンプルながらも、トップの背景にある建築物のイラストがよいアクセントになっていると思います

  • PERFECT DAYS 公式サイトのPCサイズの画像
    PERFECT DAYS 公式サイトのモバイルサイズの画像
    DETAIL

    PERFECT DAYS 公式サイト

    CREATE - mount

    投稿者の画像

    書き順通りに表示される文字など映画を見たくなる要素がふんだんに詰まった、見たことない映画サイト

  • 元町デンタルクリニック｜専門性の高い歯科治療｜岐阜市の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サイズでは下層でも上部に大きく余白を持たせたスタイリッシュなデザイン

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

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

    投稿者の画像

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

  • SITTE – デジタル名刺作成クラウドサービスのPCサイズの画像
    SITTE – デジタル名刺作成クラウドサービスのモバイルサイズの画像
    DETAIL

    SITTE – デジタル名刺作成クラウドサービス

    投稿者の画像

    行間、文字サイズの対比、配色のバランスがとても好きです! 読みやすく、程よい装飾✨

  • 特別展アリス―へんてこりん、へんてこりんな世界のPCサイズの画像
    特別展アリス―へんてこりん、へんてこりんな世界のモバイルサイズの画像
    DETAIL

    特別展アリス―へんてこりん、へんてこりんな世界

    投稿者の画像

    基本的に1画面で完結するも、コミカルに動く背景とシンプルに作られた世界観がおもしろい！

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

    株式会社CARTA HOLDINGS

    CREATE - SHIFTBRAIN Inc.　COMPASS INC.

    投稿者の画像

    シンプルなデザインやブラックを主体とする配色で洗練された印象が感じられます。

  • 幻冬社のPCサイズの画像
    幻冬社のモバイルサイズの画像
    DETAIL

    幻冬社

    CREATE - 株式会社TAM

    投稿者の画像

    画像のシャドウや背景色、タイトルのフォントの太さや大きさ、下線などユーザーに書籍の伝えたい情報が視認しやすく感じます。

  • ペルソナ株式会社のPCサイズの画像
    ペルソナ株式会社のモバイルサイズの画像
    DETAIL

    ペルソナ株式会社

    CREATE - EVOWORX

    投稿者の画像

    アクセントカラーと太字フォントでダイナミックな印象

  • Fabio Ottaviani – Creative DeveloperのPCサイズの画像
    Fabio Ottaviani – Creative Developerのモバイルサイズの画像
    DETAIL

    Fabio Ottaviani – Creative Developer

    CREATE - Fabio Ottaviani

    投稿者の画像

    フロントエンドディベロップメントでさまざまな表現を試みるバリエーションの広さは必見！