こんにちはプランナーの三村です。
今回は、Webサイトギャラリーサイトをひたすらまとめました。
普段WFの作成のためにギャラリーサイトを見たりしているのですが、以外と種類が多いです。社内でも人によってよく使うサイトが違うみたいだったので、今後の自分で活用するためにも数多あるギャラリーサイトを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


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


6.bookma! v3


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


7.Good Design Web


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


8.I/O 3000


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


9.IllustBookmark


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


10.MUUUUU.ORG


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


11.S5-Style


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


12. .SG_BOOKMARK


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


13.SANKOU!


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


14.straightline bookmark


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


15.Tau Magazine


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


16.WebDesignClip


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


17.Webデザインサンプル


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


18.WEBデザインの見本帳


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


19.web selection


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


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


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


21.81-web.com


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

 

海外ギャラリーサイト

22.Awwwards


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


23.BEST WEB GALLERY


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


24.CSS Awards


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


25.CSS mania


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


26.Minimal Exhibit


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


27.site inspire


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


28.Sites we like


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


29.The Best Designs


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


30.THE FWA


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

 

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

31.AGT


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


32.iconDrop


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


33.inspiredUI


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


34.iPhoneデザインボックス


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


35.MOBILE PATTERNS


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


36.pttrns


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


37.Responsive Web Design JP


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


38.sps collection


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


39.Web Design Clip [S]


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

 

LP特化ギャラリーサイト

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


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


41.LANDINGPAGE BOOKMARK


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


42.LPアーカイブ


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


43.Web Design Clip [L]


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

 

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

44.Banner Matome


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


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


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


46.Retorobanner


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

まとめ

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