C bible編集部

サイトデザイン

WEBサイトの制作を検討している、WEBマーケティング担当者の皆様。日々の業務をこなす中で、サイトデザインのイメージを明確にするのは、経験者でもない限りなかなか難しいものがありますよね。

しかし、WEBデザイナーへの要件定義において、イメージを明確化できないと、思ったような成果物が得られないのもまた事実です。抽象的な言葉だけでデザインを決めることはできません・・・。

そんなサイトデザインに悩むWEBマーケティング担当者の皆様のために、参考になるWEBサイトデザインがまとめられた、海外ギャラリーサイト10選をご紹介します。国内ギャラリーサイトにも、秀逸なサイトがありますが、今回はおしゃれな海外ギャラリーサイトを厳選して、ピックアップしてみました。

※ECサイトを制作する方は、ぜひ「ファーストビューで差がつくECサイトのデザイン8選|2015年版」も、一緒に参考にしてください!

1. Media Queries

Media Queries

http://mediaqueri.es/

WEBサイト制作において、いまやレスポンシブ対応はマストだと言えます。(レスポンシブって何?という方は、「ECサイト用語・WEBマーケティング用語18選【初心者必見】」をご一読ください!)

Media Queriesの優れている点は、このレスポンシブデザインに対応したWEBサイトを、参考にできる点です。デザインの要件定義の際、PCデザインばかりにこだわって、スマホやタブレットで見た際のデザインをおざなりにしてしまうのは、非常にもったいないことでもあります。

総務省の発表によると、スマホの世帯普及率は、すでに平成25年末時点で6割を超えています。商品・サービス、ターゲットによっては、スマホの方がアクセス数が多いことも稀ではありません。この点を念頭に置いて、サイトデザインを決めていく際、Media Queriesは有用だと言えます。

2. THE FWA

THE FWA

http://www.thefwa.com/site/the-carp-and-the-seagull

ファーストビューのスライドで、サイトデザインの概要が分かるデザインになっています。そのため、気になるデザインを発見するまでは、THE FWAを回遊するだけでも大いに参考になります。

THE FWA自体、黒を基調としたサイトデザインがかっこいいので、一見の価値があります。ロゴもシンプルを極めていて、とてもクールですね。

3. The Best Designs

The Best Designs

https://www.thebestdesigns.com/

個人的にも好きなギャラリーサイトです。今回ご紹介したサイトの中でも、シンプルで好感が持てるデザインだと思います。シンプル好きな方は、気に入るはずです。

プレビュー画像が大きいのも良い点です。薄いグレーをベースの色にして、淡い赤と青をアクセントに全体的に抑えめなカラーリング。The Best Designs自体も、参考になるデザインです。

4. Design Bombs

Design Bombs

http://www.designbombs.com/

Design Bombsもシンプルで見やすいギャラリーサイトです。なかでもGalleryというページのタグが良いです。例えば、『eCommerce』や『Fashion』など、用途別に参考サイトを発見できます。その時に制作するWEBサイトによって、参考にすべきデザインは異なるので、とてもありがたい仕様ですね。

もし、あなたがWEBデザイナーであれば、『HTML5』や『CSS3』といったタグでソートをかければ、参考になるサイトデザインに効率よく出会えるはずです。

5. BEST WEB GALLERY

BEST WEB GALLERY

http://bestwebgallery.com/

BEST WEB GALLERYと謳うだけあって、どれも本当にかっこいい、おしゃれなデザインのWEBサイトばかりです。星の数がユーザーからの評価なので、客観的にどのサイトの評価が高いのかが分かります。

ナビゲーションメニューの「GALLERY」をクリックすると、こまかくソートをかけることができます。もし時間がないようなら、「Top 10」をチェックすれば参考になる秀逸なサイトにすぐに出会えるでしょう。

6. Awwwards

Awwwards

http://www.awwwards.com/

VOTE(投票)機能が特徴的です。ログインするとVOTEできるようです。BEST WEB GALLERYと同様、客観的に評価が高いWEBサイトがわかるのは嬉しいですね。(それにしてもAwwwards自体、とてもデザイン性が高いサイトです。)

「DESIGN」「USABILITY」「CREATIVITY」「CONTENT」の4項目で評価が数値化されているので、この点も参考にしながら、好きなデザインのサイトをチェックすることができます。

7. Nice One I Like

Nice One I Like

http://www.niceoneilike.com/

そこまで規模の大きなサイトではない印象ですが、まとめられているサイトのデザインにトレンドを感じます。今は、ファーストビューにぐっと目を惹くビジュアルをおくデザインが多いですね。デザインのトレンドを掴んでWEBサイトを制作するのであれば、Nice One I Likeをチェックすることをおすすめします。

8. High Floater

High Floater

http://www.highfloater.com/

小さなプレビュー画像が、タイルのように敷きつめられたギャラリーサイトです。最近は、あまりこのようなデザインのサイトを見ることがない気がします。

いろんなWEBサイトデザインを一覧で見たいという方は、High Floaterに訪れるのがよいでしょう。ぼーっとWEBサイトの一覧を見ているだけで、何かヒントが得られるかもしれません。

9. One Page Mania

One Page Mania

http://www.onepagemania.com/

ずばり名前の通り、ワンページのWEBサイトのみを集めたギャラリーサイトです。ワンページで構成されるサイトは、最近のWEBデザインのトレンドなので、まとめてくれるギャラリーサイトはありがたいですね。

10. Siiimple

Siiimple

http://www.siiimple.com/

シンプルなデザインのWEBサイトが好きな方、多いのではないでしょうか?筆者も、どちらかと言うと余計な装飾がない、シンプルなデザインが好きです。

そんなシンプル好きな方は、SiiimpleがまとめているWEBサイトを好きになるはずです。余白をうまく使って、見せたい部分をうまく魅せるデザイン。シンプルなデザインは、ずっと見ていても飽きないです。

番外編:GalleryTab by Vango

GalleryTab by Vango

https://chrome.google.com/webstore/detail/gallerytab-by-vango/ndmgmocclhhlfcfkefbjiiahlfoggbgd

最後に、番外編としてGalleryTab by Vangoをご紹介します。これは海外ではありますが、ギャラリーサイトではなく、Googleのクロームエクステンション(拡張機能)です。実は偶然、ProductHuntという、毎日あたらしいWEBサービスを紹介するサイトで知りました。

GalleryTab by Vangoをインストールすると、あたらしいタブを開くたびにアートに出会えるという優れものです。WEBサイトのデザインにとことんこだわりたい方、ファーストビューをアーティスティックに仕上げたい方、毎日刺激を受けたいWEBデザイナーの方など、興味がある方はチェックしてみてください。

まとめ|さぁデザインの参考に!

繰り返しますが、WEBサイト制作において、発注側とWEBデザイナーが共通のイメージを持つことは、非常に大事なことです。

サイトデザインのイメージがわかない時は、ぜひ今回ご紹介したギャラリーサイトを参考に、WEBサイトのデザインを検討してみてください。きっとWEBデザイナーへの要件定義が、スムーズにいくはずです。

今回もご一読ありがとうございました。またCバイブルに、ぜひいらしてください。さぁ、さっそく海外のおしゃれサイトを参考に、新しいデザイン案にとりかかりましょう。