この記事の対象: デザインの参考サイトを探しているWebデザイナー・ディレクター・発注担当者
読了時間: 約7分
「デザインの参考を探したいけど、どのギャラリーサイトを見ればいいかわからない」——Web制作に関わる人なら誰もが一度は感じる悩みです。
国内外にギャラリーサイトは数多くありますが、それぞれ得意分野が異なります。国内の日本語サイトに特化したもの、海外の最先端デザインを集めたもの、特定のジャンルに強いものなど、目的に合わせて使い分けるのが効率的な探し方です。
この記事では、現役Webデザイナーが実際に使っている15のギャラリーサイトを、用途別に分類して紹介します。
国内ギャラリーサイト（日本語サイトを探すなら）
1. Soreiine!!
URL: https://soreiine.jp
Webディレクターが厳選した優良Webサイトを掲載するギャラリーサイト。業界別・サイトタイプ別・カラー別・レイアウト別と、細かい絞り込み検索が特徴です。
- 強み: カテゴリ分類が細かく、ピンポイントで参考サイトを見つけやすい。Magazineで制作費用やトレンド情報も発信しており、ギャラリー+情報メディアとして使える
- こんなとき: クライアントに「このくらいのサイト」と見せる参考を探したい、業界別に参考を絞りたい
2. SANKOU!
URL: https://sankoudesign.com/
日本のWebサイトを中心に、カテゴリ・カラー・業種など多彩なタグで検索できるギャラリーサイト。掲載数が非常に多く、更新頻度も高い。
- 強み: 掲載数の多さ。特に国内サイトの網羅性が高い
- こんなとき: とにかく数多くの国内サイトを見て、方向性を決めたいとき
3. MUUUUU.ORG
URL: https://muuuuu.org/
縦長のWebデザインに特化したギャラリーサイト。LP（ランディングページ）やストーリー性のあるページの参考探しに最適。
- 強み: 縦長ページに特化。LPの参考探しには最強
- こんなとき: ランディングページやキャンペーンサイトのデザイン参考を探すとき
4. I/O 3000
URL: https://io3000.com/
国内外のWebデザインをバランスよく掲載。シンプルなUIで、色やカテゴリでの絞り込みがスムーズ。
- 強み: 国内外のバランスが良い。UIがシンプルで使いやすい
- こんなとき: 日本語サイトも海外サイトも両方チェックしたいとき
5. Web Design Clip
URL: https://webdesignclip.com/
日本のWebサイトを中心に、業種・カラー・レイアウトなどで検索可能。LP専用のセクションもある。
- 強み: カテゴリ分類が充実。LP専用セクションも便利
- こんなとき: 業種別にサッと参考を探したいとき
海外ギャラリーサイト（最新トレンドを探すなら）
6. Awwwards
URL: https://www.awwwards.com/
世界最大級のWebデザインアワードサイト。毎日審査されるデザイン・クリエイティビティ・ユーザビリティのスコアが参考になります。
- 強み: デザインの最高峰が集まる。トレンドの先端を知れる
- こんなとき: 最先端のインタラクションやアニメーション表現を参考にしたいとき
7. CSS Design Awards
URL: https://www.cssdesignawards.com/
CSSやフロントエンド技術に焦点を当てたアワードサイト。技術的に優れたサイトが多い。
- 強み: 技術的に高度な表現の参考が豊富
- こんなとき: CSSアニメーションやインタラクティブ表現を取り入れたいとき
8. SiteInspire
URL: https://www.siteinspire.com/
ミニマルで美しいデザインのサイトが多い。スタイル・タイプ・テーマなど独自のフィルタリングシステムが特徴。
- 強み: ミニマルデザインの質が非常に高い
- こんなとき: 洗練されたシンプルなデザインの参考が欲しいとき
9. Httpster
URL: https://httpster.net/
タイポグラフィとレイアウトが美しいサイトを厳選して掲載。更新頻度は低めですが、掲載基準が高い。
- 強み: 掲載基準が高く、ハズレが少ない
- こんなとき: タイポグラフィ重視のデザイン参考が欲しいとき
10. Godly
URL: https://godly.website/
2020年代のモダンなWebデザインに特化。UIデザインのトレンドを追うのに最適。
- 強み: 最新のUI/UXトレンドが反映されたサイトが多い
- こんなとき: SaaS・テック系のモダンなデザイン参考を探すとき
特化型ギャラリーサイト
11. Responsive Web Design JP
URL: https://responsive-jp.com/
日本のレスポンシブWebデザインに特化。PC・タブレット・スマホの3画面を並べて比較できる。
- 強み: レスポンシブの実装パターンを一目で比較できる
- こんなとき: スマホ表示のレイアウト参考を探すとき
12. LP ARCHIVE
URL: https://rdlp.jp/lp-archive
ランディングページ専門のギャラリー。業種やカラーで絞り込み可能で、LP制作の参考に特化。
- 強み: LP専門。カテゴリが細かく、数も豊富
- こんなとき: LP制作の参考サイトを集中的に探すとき
13. bookma!
URL: https://bookma.torch.blue/
世界のWebデザインをブックマーク感覚で閲覧できるギャラリー。PCとスマホの表示を横並びで確認できる。
- 強み: PC/スマホ並列表示。ブックマーク感覚で使える
- こんなとき: レスポンシブ対応の参考を効率的にチェックしたいとき
14. S5-Style
URL: https://bm.s5-style.com/
ハイクオリティな日本のWebサイトをキュレーション。業種・テイスト・カラーなど多角的な検索が可能。
- 強み: 品質基準が高い。日本語サイトに特化
- こんなとき: クオリティの高い国内サイトに絞って探したいとき
15. Dribbble（Web Design カテゴリ）
URL: https://dribbble.com/tags/web_design
厳密にはギャラリーサイトではなくデザイナーコミュニティですが、Web Design タグで検索すると、コンセプトデザインやUIパーツの参考が大量に見つかります。
- 強み: デザインカンプ段階の参考が豊富。パーツ単位で探せる
- こんなとき: ヘッダー、フッター、CTA、カード等のUIパーツの参考が欲しいとき
目的別・使い分けガイド
| 目的 | おすすめギャラリー |
|---|---|
| クライアントへの提案用 | Soreiine!!、SANKOU!、S5-Style |
| LPの参考探し | MUUUUU.ORG、LP ARCHIVE |
| 最新トレンドのキャッチアップ | Awwwards、Godly、CSS Design Awards |
| ミニマルデザインの参考 | SiteInspire、Httpster |
| レスポンシブの実装参考 | Responsive Web Design JP、bookma! |
| UIパーツの参考 | Dribbble |
| 日本語サイトを網羅的に | SANKOU!、Web Design Clip |
デザイントレンドの全体像は「2026年Webデザイントレンド10選」でまとめています。
ギャラリーサイトを効率的に使う3つのコツ
1. 最初に3サイトに絞る
15サイトを毎回巡回する必要はありません。自分の制作領域に合った3サイトをメインに使い、必要に応じて他を参照する使い方が効率的です。
2. 「何が良いか」を言語化してブックマーク
参考サイトを保存する際は、URLだけでなく「このサイトのナビゲーションが良い」「余白の取り方が参考になる」など、気に入ったポイントをメモしておくこと。後から見返したときに使える情報になります。
3. クライアントへの提案にはギャラリーリンクを添える
「こういうデザインにしたい」を口頭で伝えるのは難しいもの。ギャラリーサイトのリンクを添えて「このサイトの〇〇な部分を参考にしたい」と伝えれば、デザイナーとのイメージ共有が格段にスムーズになります。
まとめ
Webデザインギャラリーサイト15選を目的別に紹介しました。
- 国内サイトの参考: Soreiine!!、SANKOU!、MUUUUU.ORG、I/O 3000、Web Design Clip
- 海外トレンド: Awwwards、CSS Design Awards、SiteInspire、Httpster、Godly
- 特化型: Responsive Web Design JP、LP ARCHIVE、bookma!、S5-Style、Dribbble
すべてを使う必要はありません。自分の用途に合った3つをメインギャラリーとして使い分けるのがおすすめです。
