KASOU

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

Web DesignWebデザインを探す

もっと探す

DETAIL

findNew 牛乳乳製品の知識

スマホでのハンバーガーメニュー背景色が、開いているチャプターページに紐づくのが特徴!
DETAIL

シーベジスタンド | 昼はラーメン、夜は酒場にも。ぜんぶ、海藻。

くすんだグリーンカラーと丸みのある図形が、海藻の自然な質感と現代的なサブカル感を絶妙に融合させたデザイン
DETAIL

ryOS

バイブコーディングで制作されたWebサイト。OSの再現度の細かさに驚く。
DETAIL

VIVACE GROUP

綺麗な余白感とスクロール感が調和してて素敵！
DETAIL

gaaboo Inc.

フォント比率と余白の取り方がシンプルで心地よいサイトです! 👀 下層まで使用されている味のあるイラストも好み☺️
DETAIL

アイグッズ株式会社 | 新卒採用サイト

70ページ越えの圧倒的なページ量😳楕円を活かしたポップな装飾と挑戦的なビジュアルイメージが、企業の熱いエネルギーを真っ直ぐに伝えてくるデザイン👍
DETAIL

Crafting your vision one dot at a time. | CREGG Paris

シンプルな構成の中でハーフトーンの映像が映え、色やフォントの使い方が上手いサイト。
DETAIL

まんが日本昔ばなし【公式サイト】

日本昔ばなしをイケてるUIでアーカイブ！現状の詳細はあらすじだけで動画リンクはないけど、今後の発展も楽しみなサイトです⭐️
DETAIL

株式会社MIXI

CREATE - 株式会社GIG

PCサイズだとハンバーガーメニューが独自の配置で、下部の言語設定エリアと長さが揃っているのが心地よいです☺️
DETAIL

クリエイティブアイランド中之島

TOPページのNewsセクションで一覧の要素ががスクロールに合わせて中央に集まってくるアニメーションが面白い🤣
DETAIL

Chatworkの日2026 | ビジネスチャットならChatwork

毎年恒例の周年サイト。今年は「AIで、もっと便利に。」をテーマに、AIらしい雰囲気のグラデーションとコーポレートカラーをうまく融合させたサイトに仕上がっています。

KnowledgeWebデザインを知る

もっと知る

DETAIL
【コピペで使える！】CSSボタンデザイン集｜シンプルなボタンからアニメーション・矢印付きまで

播磨佑悟
2026.03.19 更新
- CSSボタンの作り方
- ボタンデザイン集
- 補足：矢印の作り方
- まとめ

DETAIL

Vibe Coding (バイブコーディング) とは？ - Webデザイナーが実務で感じたAI時代の開発と月100万円稼けるのか

y.kobayashi
2026.03.10 更新
DETAIL

【Figma】ぼかしでは作れない“動画風モザイク”の作り方｜タイル分解テクニック

y.kobayashi
2026.03.03 更新
DETAIL

【困ったらこれ！】CSSアニメーション制作の効率が上がる！ライブラリ・ジェネレーター集

y.harima
2026.03.02 更新
DETAIL

【目指す前に見る】未経験からWebデザイナー転職を成功させるロードマップ！

y.harima
2026.03.02 更新

Online SchoolWebデザインを学ぶ

powered by

もっと学ぶ

Webサイトの設計図
02:12
サイトが公開されるまで
01:54
Figma(フィグマ)とは
01:03
Figmaのインストールと初期設定
00:46
Figmaのホーム画面の見方
02:06
デザインファイルを作る
00:50
デザインファイルの構成を知る
01:49
各種ツールの使い方
04:57

Short Knowledge