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

2024.04.10

coton design

https://coton-design.com/

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

このデザインを共有する

このデザインを共有する

Pinterest

で保存する

LINE

で共有する

X

で共有する

このページのURLをコピー

https://kasoudesign.com/website/2286/

クリップボードにコピーしました

掲載サイトのURLをコピー

https://coton-design.com/

クリップボードにコピーしました

Close

Design Infomation

Industry

クリエイティブ制作

Page

Aboutページ

Color

ブラック・黒・グレー

Format

ポートフォリオ

Design

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

シンプル

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

coton designのPCサイズの画像

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

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

このデザインを共有する

このデザインを共有する

Pinterest

で保存する

LINE

で共有する

X

で共有する

このページのURLをコピー

https://kasoudesign.com/website/2286/

クリップボードにコピーしました

掲載サイトのURLをコピー

https://coton-design.com/

クリップボードにコピーしました

Close

Design Infomation

Industry

クリエイティブ制作

Page

Aboutページ

Color

ブラック・黒・グレー

Format

ポートフォリオ

Design

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

シンプル

下層デザイン

Aboutページ

同系統のサイトデザイン

DETAIL

外食研究所 by ダイニー

タイトルを模したイラストが可愛く、全体の装飾の統一感もあって見やすいサイト。
DETAIL

novact Inc. ｜Creative Survive

CREATE - 株式会社novact

動きの一つひとつにデザイナーの意図を感じる、シンプルながら構成の光るサイト。
DETAIL

ひらけ、みらい。生活総研

1つ1つのコンテンツのクオリティが高い研究所 🔍👀 数字的な記事が多く投稿されていますが、フォント(丸ゴ)や配色で抵抗感がないのが良いですね!
DETAIL

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

デザデジ
DETAIL

アイザック株式会社 – aisaac inc.｜世の中を、実験しよう。

シンプルなグリッドレイアウトに、実験をイメージしたフラスコなどのイラストをアクセントとして取り入れています。
DETAIL

amazarashi

アーティストのサイトの中では特にグリッドデザインでしっかりと情報が整理されている見心地が良いサイトです!
DETAIL

millegraph

グリッド幅を変えることで情報の優先度を明快に伝える、洗練されたレイアウト。
DETAIL

ホームページ制作東京葛飾区｜ナンバーナイン株式会社

細かい装飾やアニメーションまでこだわりを感じる親しみやすいデザイン😊
DETAIL

株式会社AdOps | 成果報酬型で伴走するマーケティング支援会社

シックで奇麗にまとめられた読みやすいサイト! ロゴシェイプが細かく使用されていていいアクセントになっています👍
DETAIL

HOLON Inc. – 株式会社ホロン

セクションの切り分けをGradient Blurの色の変化で調整しており、サービス紹介でユーザーの視線を再度惹きつけることができそうですね👀
DETAIL

採用情報｜株式会社ベイジ

採用サイトでは珍しい管理画面風のレイアウトが目を引き、他と差別化されていて思わず気になってしまいます🫣
DETAIL

Background – AI generated background

背景画像生成の配布ページ。ギラついたダークテーマがカッコいい😎
DETAIL

COLUMBIA WORKS | コロンビア・ワークス株式会社

モノトーンをベースに、基本的にフォントのジャンプ率や余白の使い方で魅せるデザイン。
DETAIL

砧書体制作所 | 仮名を使いわけるたのしさを実感してみてください

ファーストビューでフォントの特徴がアニメーション(apng) になっているが可愛い🫰
DETAIL

オークネット40周年サイト | 株式会社オークネット

CREATE - 株式会社ナップ

スタイリッシュなデザインに昔の写真や明朝フォントを使用することで「これまで」と「これから」をどちらも感じられますね 👀
DETAIL

すべては、志からはじまる。- 三井物産株式会社

シンプル故のメッセージ性の強さに、リーダーシップのような情緒を感じます🔥
DETAIL

HUMAN MADE OFFICIAL STORE – HUMAN MADE Inc.

海外ECっぽいシンプルなデザイン...だけじゃなく、楽しい要素が含まれているのがGOOD 🦆👍
DETAIL

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

デザデジ
DETAIL

the Tandem ザタンデム – コピーライター銭谷侑×アートディレクター松永ひろの

見やすさと美しさのバランスが絶妙。余白を活かして伝わりやすいデザイン👀
DETAIL

The Tabelog Award 2025 [食べログ]

「ある程度」な華やかさと高級感がユーザーに寄ってて、ほどよい中庸⭐️
DETAIL

小袋成彬（おぶくろなりあき）Webサイト

PCでのファーストビューは左から名前・顔が印象付きますね👀 スマホ特化レイアウトは選挙向け!?
DETAIL

株式会社URAKATA

縦書きのセクションタイトルが印象的で、メンバーの顔が黒子のアニメーションで隠されている点にも遊び心が感じられるサイト。
DETAIL

株式会社OnlyX –

FVのsliderアニメーションがダイナミックでかっこいい！！
DETAIL

上村紙業株式会社 – UEMURA PAPER INDUSTRY – パッケージ（紙器・化粧箱）の企画・デザイン・各種印刷

borderがロゴとの親和性が高く、ポップで親しみやすいデザインですね👍
DETAIL

Sigma

ブランドサイトのテンプレートとして使用できるようなシンプルなデザイン！サポートページはシンプルながらも可愛らしいですね
DETAIL

デジタル文化財ミュージアム KOISHIKAWA XROSS

ミュージアムのコンセプトが、アニメーションやレイアウトを通じて表現されたサイト。PC画面では、ファーストビューが固定される構成も新鮮。
DETAIL

THE BAKE MAGAZINE | おいしいは、しあわせにBAKEる

シンプルなメディアサイトほど重要になってくるのがサムネイルのクオリティと色ですね👀
DETAIL

10×19

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

Electric Cars, Solar & Clean Energy | Tesla

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

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

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

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

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

株式会社アダストリア

シンプル&グリッド
DETAIL

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

CREATE - shopify

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

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

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

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

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

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

デザデジ
DETAIL

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

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

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

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

MAHORA

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

90周年記念サイト │ NISSAN

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

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

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

燕三条工場の祭典 2023

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

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

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

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

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

toft公式ホームページ

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

404s

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

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

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

TRUNK(HOTEL) CAT STREET

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

TOP – FUJI BIKE フジ自転車

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

DESIGN STUDIO HARO | ハロ株式会社

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

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

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

CREATE - Tyle/Atsuhisa Shimazawa

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