ホームページの重要な要素として欠かせないのがデザインです。
優れたデザインは、一目見ただけでもユーザーに印象づけることができたり、結果的に目的のユーザーを獲得することにもつながります。
見た目の良さだけでなく、集客においてもデザインは必要な要素なのです。

そんなデザインですが、実際に取り組んでみるとなかなかアイデアが浮かばなかったり、悩んでしまうことが多くあります。
そこで活用したいのが、ホームページのデザインを集めたギャラリーサイトです。
多くの事例を見ることで、新しいアイデア創出のきっかけになります。

今回は、海外のギャラリーサイトをピックアップしてご紹介しますので、ホームページデザインの参考に、ぜひお役立てください。

ホームページ制作の参考になる海外のギャラリーサイト

1.Flatdsgn

Flatdsgn
シンプルな1カラムレイアウトで、デザインを1つ1つじっくり確認することができるギャラリーサイトです。
トップページを表示した大きめのサムネイルをクリックすると、ページ全体を見ることができます。

2.One Page Love

One Page Love
https://onepagelove.com/
ギャラリー名通り、一枚もののホームページだけを集めています。
ポートフォリオ、サービス、ケーススタディといったようにわかりやすくジャンル分けしてありますので参考にしたいデザインをすぐに見つけることができます。
一枚もののホームページを作る際に見ておきたいギャラリーサイトです。

3.BWG

BWG
http://bestwebsite.gallery/
見やすさを重視した、2カラムレイアウトが特徴的なギャラリーサイトです。
とにかく1つ1つのページを大きく表示しているので、しっかりと見ることができます。
気になったホームページがあれば、矢印ボタンを押すとすぐにリンクできるのも嬉しいポイントです。

4.Admire The Web

Admire The Web
http://www.admiretheweb.com/
Admire The Webは、ギャラリーそのものがわかりやすく優れたデザインとなっています。
詳細なカテゴリ分けがしてあり、サムネイル下にもタグを用意しているので、似たようなデザインをいち早く探すことができます。
また、多数のタグをまとめたタグクラウドも、検索する際に大変便利です。

5.Best Web Gallery

Best Web Gallery
http://bestwebgallery.com/
5つ星評価の機能を採用した、ユニークなギャラリーサイトです。
Top10、Best10をクリックすれば、ギャラリー内でも評価の高いホームページだけを見ることができます。
デザインは様々なものが揃っていますので、流し見したい時にもオススメです。

6.CSSMANIA

CSSMANIA
http://www.webcreme.com/
デザインの素敵なホームページを、シンプルに紹介しているギャラリーサイトです。
サムネイルをクリックすると、そのまま目当てのページに遷移します。

7.Folio Focus

Folio Focus
http://foliofocus.com/
ポートフォリオサイトに特化してまとめています。
デザイナーならではのセンス溢れるホームページを沢山見ることができます。
探しやすいように、タグもしっかりと設定してありますので便利です。
魅力的なポートフォリオを作りたいと思った時の参考になります。

8.Design Bombs

Design Bombs
http://www.designbombs.com/
ハイセンスで素敵なデザインが数多く揃っています。
使い勝手も抜群で、一覧表示できるだけでなく、評価が高い順、色分け、タグ検索まで可能です。
タグ検索と色検索がどちらも揃うので、作りたいデザインのイメージが決まっている時には特に使いやすいギャラリーといえます。

9.Flattrendz

Flattrendz
http://flattrendz.com/
フラットデザインのホームページだけを集めたギャラリーサイトです。
近年のデザイントレンドでもあるのでとても参考になります。
業種ごとに検索することが可能です。

10.Web Design File

Web Design File
http://www.webdesignfile.com/
3カラムレイアウトでたっぷりとデザインを見ることができるギャラリーサイトです。
グレーの背景で、サムネイルがより目立ちます。
キーワード検索・色検索・カテゴリ分け・タグと検索機能も充実しています。

11.CSSREMIX

CSSREMIX
http://cssremix.com/
小さめの画像を配置した4カラムレイアウトで、一気に沢山のホームページを流し見できるギャラリーサイトです。
閲覧者数の表示があります。

12.The Best Designs

The Best Designs
https://www.thebestdesigns.com/
トップページとその他のページいくつかを同時に閲覧できるギャラリーサイトです。
デザインを絞りこむためのタグが充実していて、エレガント、ダーク、アニメーションというようにテイストで検索することができる点がユニークです。
ある程度作りたいものが決まっているときに見ると、インスピレーションを得ることができます。

13.The Design Inspiration

The Design Inspiration
http://thedesigninspiration.com/
ホームページはもちろん、ロゴ、イラスト、パターンといった全8カテゴリのあらゆるデザインをあつめたギャラリーサイトです。
カテゴリごとに分けて表示がしてあるので見やすく、欲しい情報もしっかり揃っています。

14.Unmatchedstyle.com

Unmatchedstyle.com
http://unmatchedstyle.com/
細かいカテゴリ分けが特徴的なギャラリーサイトです。
30以上のカテゴリで分類しているため、あらゆるデザインの中から目的のものをすぐに探し出すことができます。
タグも沢山あります。

15.HTML5 Gallery

HTML5 Gallery
http://html5gallery.com/
HTML5を使ったホームページに特化したギャラリーサイトです。
カテゴリ分けが豊富で、サムネイル上に表示があることによりさらにわかりやすくなっています。
HTML5の事例を見たい場合に参考になります。

16.CSS Based Web Design Gallery

CSS Based Web Design Gallery
http://cssbased.com/
4カラムレイアウトで、ページいっぱいにサムネイルを配置したギャラリーサイトです。
サムネイルにマウスを重ねるとページ全体が閲覧できる、というユニークな設計となっていますので、わざわざクリックする必要がないのが特徴です。
沢山の事例から参考にするデザインを探したい時にオススメです。

17.CartFrenzy

CartFrenzy
http://cartfrenzy.com/
ECサイトに特化して集めたギャラリーサイトです。
一般的なギャラリーと違い、カテゴリ分けもシューズ・フード・ブックのようにアイテム別となっている点が特徴です。
ネットショップを立ち上げる際に見ておきたいサイトのひとつです。

18.CSSclip

CSSclip
http://www.cssclip.com/
カラーピッカーつきがなんともユニークなギャラリーサイトです。
色を指定してソートすると、その色を取り入れたホームページだけをピックアップすることができます。
海外を中心に、日本のホームページも一部見ることが可能です。

19.Design Fridge

Design Fridge
http://www.designfridge.co.uk/
ブルーを貴重としたシンプルな印象のギャラリーサイトです。
掲載数が多く、各ジャンル豊富に事例が揃っています。
タグ、コメント機能がついていたり、掲載ページまでの画面遷移も楽だったりと、使い勝手も抜群です。

20.WP Inspiration Gallery

WP Inspiration Gallery
http://wpinspiration.com/
Wordpressで作ったホームページだけを収集しています。
サムネイルを拡大できる機能があり、画面遷移しなくとも大きい画像が見れるのがユニークです。
カテゴリ、色を指定して検索することができます。

21.Web Design Yorkshire

Web Design Yorkshire
http://css-design-yorkshire.com/
毎月新しいホームページを追加しているギャラリーサイトです。
月ごとに分けて表示することができます。

22.divine CSS

divine CSS
http://www.divinecss.com/
ブログコーポレートサイト、ポートフォリオとあらゆるホームページを集めたギャラリーサイトです。
他ではあまり見ない、当日人気、月間人気、最近のエントリを表示しているのがユニークです。

23.design shack

design shack
http://designshack.net/gallery
色・タイプ・キーワードで絞り込むことができる、検索機能に優れたギャラリーサイトです。
サムネイル横にも色のガイドがあったり、説明があったりと非常にわかりやすくなっています。