こんにちはプランナーの三村です。
今回は、Webサイトギャラリーサイトをひたすらまとめました。
普段WFの作成やWebデザインの参考事例を探すためギャラリーサイトを見たりしているのですが、以外と種類が多いです。社内でも人によってよく使うサイトが違うみたいだったので、今後の自分で活用するためにも数多あるギャラリーサイトを46選まとめました!
Web制作に従事する方に広く活用いただけたらと!
こまかな説明は割愛してます。気になるサイトがあったらぜひチェックしてみてください!


目次

国内ギャラリーサイト
海外ギャラリーサイト
スマホ特化ギャラリーサイト
LP特化ギャラリーサイト
バナー特化ギャラリーサイト

国内ギャラリーサイト

1.イケサイ

イケサイ
https://www.ikesai.com/
広告多めですが、更新頻度高いので、日々なんとなく見るにはおすすめです。


2.ズロック

ズロック
http://www.zzrock.net/
サムネイルを小さくできるので、一覧性が高くざっと探しやすいです。


3.週刊ウェブデザイン

週刊ウェブデザイン
http://www.dailywebdesign.com/
更新頻度高めです。TOP一覧が少し見づらいです。


4.ウェブ・ファインダー

ウェブ・ファインダー
http://w-finder.com/
そもそもこのサイトがおしゃれ。パネル状に並ぶサムネイルも見やすいです。


5.ARTNOC.COM

ARTNOC.COM
http://art-noc.com/
評価付きなので、デザインの良し悪しを判断しやすいです。まとめ記事も参考になります。


6.bookma! v3

bookma!
http://bookma.org/
ワンカラム表示で見るのが、楽しいです。


7.Good Design Web

Good Design Web
http://gooddesignweb.com/
ページが少し重いですが、おしゃれサイトばっかりチョイスされています。


8.I/O 3000

I/O 3000
https://io3000.com/
シンプルで使いやすいです。細かなタグから探せるのも便利です。


9.IllustBookmark

IllustBookmark
http://www.illustbookmark.info/
イラストが使われているサイト専門のギャラリーサイトです。案件によっては非常に重宝します。


10.MUUUUU.ORG

MUUUUU.ORG
http://muuuuu.org/
カテゴリが充実しているので、イメージしているWebサイトが探しやすいです。よく使います。


11.S5-Style

S5-Style
http://bm.s5-style.com/
このWebサイト自体がおしゃれです。背景を変えたり少しカスタマイズできるのも楽しいです。よく使います。


12. .SG_BOOKMARK

.SG_BOOKMARK
http://bookmark.dot-sg.com/
海外サイト含めかっこいいWebサイトが多いです。ブランディング用サイトの参考になりますね。


13.SANKOU!

SANKOU!
https://sankoudesign.com/
バナーのデザインも併せて探せるが便利です。


14.straightline bookmark

straightline bookmark
http://bm.straightline.jp/
ユーザーがどれだけお気に入りしてるかを一覧から見られるのが便利です。サムネイルサイズを変更できるのもgood。


15.Tau Magazine

Tau Magazine
http://www.tau-magazine.com/
コーポレート系のサイトも多く掲載されているので、案件によっては非常に重宝します。


16.WebDesignClip

WebDesignClip
https://www.webdesignclip.com/
各事例の詳細ページでは、デザインテイストの近いサイトが表示されます。検討しているサイトの方向性がある程度決まっている場合は便利です。


17.Webデザインサンプル

Webデザインサンプル
http://webdesignsample.net/
コーポレートサイトを多く掲載しているサイトです。案件によっては非常に重宝します。


18.WEBデザインの見本帳

WEBデザインの見本帳
http://www.web-mihon.com/
クリック数に応じたランキングが見られるので、デザインが注目されているサイトを見つけることができます。


19.web selection

web selection
http://web-selection.com/
最近のWebサイトは掲載されていないようです。


20.WPデザインギャラリー

WPデザインギャラリー
http://wpgallery.kachibito.net/
WordPressを使用した国内外のWebサイトが掲載されています。WordPressでの構築を検討している際はぜひ参考したいです。


21.81-web.com

81-web.com
http://81-web.com/
サムネイルにオンマウスした際の挙動がいい感じです。そこから、タグやカテゴリ検索できるのも便利です。

海外ギャラリーサイト

22.Awwwards

Awwwards
http://www.awwwards.com/
海外の数あるWebサイトの中から、ユーザーの投票で掲載順位を決めてます。デザインや設計など、どの視点で評価されているのかもわかります。


23.BEST WEB GALLERY

BEST WEB GALLERY
http://bestwebgallery.com/
おしゃれなサイトばかりです。WordPressのテーマも掲載されてます。


24.CSS Awards

CSS Awards
https://www.cssdesignawards.com/
こちらもawwwardsと同じくユーザー投票を活用したギャラリーサイトです。


25.CSS mania

CSS mania
http://www.cssmania.com/
ユーザー投票系のギャラリーサイトに比べると、一般的なコーポレートサイトも多く掲載されてます。


26.Minimal Exhibit

Minimal Exhibit
http://minimalexhibit.com/
サイトタイトル通り、ミニマルデザインのWebサイトを多く掲載しています。シンプルなデザインの参考になります。


27.site inspire

site inspire
http://www.siteinspire.com/
各国の制作会社別に実績を見ることもできます。制作会社のサイトを見るのも面白いですね。


28.Sites we like

Sites we like
http://www.designmadeingermany.de/sites-we-like/
ドイツのギャラリーサイトです。このサイト自体がとてもシンプルで見やすいです。


29.The Best Designs

The Best Designs
https://www.thebestdesigns.com/
ギャラリーから制作会社を探すこともできるサイトです。このサイトをはじめ海外のギャラリーサイトは、制作会社のプロモーションツールとしても活用さているようですね。


30.THE FWA

THE FWA
http://www.thefwa.com/site/the-carp-and-the-seagull
UIが独特なので、参考デザインの検索しにくいです。ただこのサイトをうろうろするだけでも楽しいです。

スマホ特化ギャラリーサイト

31.AGT

AGT
http://agtsmartphonedesign.com/
サムネイルにオンマウスするとスクロールされるので、直接サイトへ飛ばなくてもざっとデザインを見ることができて便利です。


32.iconDrop

iconDrop
http://icondrop.net/
スマホのアイコン専門のギャラリーサイトです。アプリのアイコンの参考になります。


33.inspiredUI

inspiredUI
http://inspired-ui.com/
下層ページのサムネイルも掲載されています。ただ、検索性は低いです。


34.iPhoneデザインボックス

iPhoneデザインボックス
http://design.web-hon.com/
詳細ページでは、レコメンド表示が充実しているので、そこから探すのも便利です。


35.MOBILE PATTERNS

MOBILE PATTERNS
http://www.mobile-patterns.com/
ページの内容ごとにギャラリーをソートできます。例えばカレンダーページと絞れば、さまざまなWebサイト(アプリ)のカレンダーページのデザインだけ見ることができます。Webサイトよりアプリ向けの参考なりそうです。


36.pttrns

pttrns
https://www.pttrns.com/
こちらの同じく、ページ内容ごとに探すことができます。


37.Responsive Web Design JP

Responsive Web Design JP
http://responsive-jp.com/
上記キャプチャからわかるように、スマホ・タブレット・PCそれぞれの表示内容が一目でわかります。


38.sps collection

sps collection
https://spscollection.com/
ほぼ毎日更新されているWebサイトです。コーポレートサイトの事例も多く参考になります。


39.Web Design Clip [S]

Web Design Clip [S]
https://sp.webdesignclip.com/
サムネイルにオンマウスするとQRコードが表示されるので、PCで探して、持ってるスマホで確認するといったことができます。

LP特化ギャラリーサイト

40.ランディングページ集めました。

ランディングページ集めました。
http://lp-web.com/
名前の通り、ランディングページ(以下LP)のみのギャラリーサイトです。


41.LANDINGPAGE BOOKMARK

LANDINGPAGE BOOKMARK
http://www.landingpage-link.jp/
タグが細かいので、商材別に探せるのが便利です。


42.LPアーカイブ

LPアーカイブ
https://rdlp.jp/lp-archive
とにかく掲載されているWebサイトの数がとんでもなく多いです。LPに関する記事も掲載されているので、LP案件であればとりあえずこのサイトを見ると参考になります。


43.Web Design Clip [L]

Web Design Clip [L]
http://lp.webdesignclip.com/
webdesignclipの姉妹サイトで、LP専門のギャラリーサイトです。女性向け商材のLPが多いです。

バナー特化ギャラリーサイト

44.Banner Matome

Banner Matome
http://bannermatome.com/
300×250サイズのバナー専門のギャラリーサイトです。掲載数も多いので、何かしら参考になるものが見つかるかと思います。


45.バナーデザインアーカイブ

バナーデザインアーカイブ
http://banner.keizine.net/
様々なサイズのバナーを探すことができます。自分の作るバナーサイズに合わせて探せます。


46.Retorobanner

Retorobanner
http://retrobanner.net/
様々なサイズのバナーを探すことができます。さらにバナーで使用されている色も見ることができるので、色味を参考にしたい場合に便利です。

まとめ

いかがだったでしょうか。
各ギャラリーサイトごとに、ピックアップされているWebデザインに傾向があったりするので、自分が探しているイメージに合わせて使い分けられると便利です。各ギャラリーサイトのUIやデザインもチェックしつつお気に入りのサイトを探してみてください。

 

 

お問い合わせ