Webデザインの厳選まとめサイト13選~Web広告編~

eyecatch_230814_1

デザイナーとして仕事をこなしていると舞い込んでくるバナー制作やランディングページ制作の依頼。

いざバナーやランディングページのデザインを考えようとしても、なかなか良いアイデアが浮かばないことってありませんか?

そんな時には、いったん色々なデザインを見てインスピレーションを得てみましょう(デザインを設計するWEBディレクターの仕事とは?)。

Web広告といってもランディングページやバナー、Facebook広告など様々な広告の形態があります。そこで今回はそれぞれの制作に役立ちそうなサイトを集めてみました。ぜひデザインの参考にしてみてください。


1.ランディングページ(PC)

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

1117_ 01

サイトURL:http://lp-web.com/

ランディングページのまとめサイトと言えばここです。更新頻度も高く、色の系統や業種ごとに
デザインを閲覧できるようになっています。真っ先に見るランディングページの参考サイトとしておすすめです。

 ランディングページデザインリンク集

1117_ 02

サイトURL:http://www.landingpage-link.jp/

化粧品や健康食品のランディングページに特化しているサイトです。コラーゲン、ヒアルロン酸といった業界の中でも小カテゴリーごとにまとめられているので、それら2つのデザインを中心に見たい人向けのサイトとなっています。

縦長ページのデザイン 集めました

1117_ 03
サイトURL:http://e-32.net/

ランディングページの中でもセールスレター風のものに特化したデザインを紹介しているサイトになります。このサイトも業種、色別に検索できるようになっているので、求めているデザインが探しやすくなっています。

Land Book(海外)

1117_ 04

サイトURL:http://land-book.com/

海外のスマホアプリやWebサービス系のランディングページが数多くまとめられています。
スタイリッシュなデザイン・UIが多く、そのようなデザインを求めている方にはおすすめの
サイトです。

ONE PAGE LOVE(海外)

1117_ 05
サイトURL:http://onepagelove.com/

こちらも海外のランディングページを中心にまとめられているサイトです。5000ページ以上のデザインがあるので、あらゆるジャンルのランディングページを見ることができます。


2.ランディングページ(スマホ)

スマートフォンサイト集めました。

1117_ 06

サイトURL:http://sp-web.jp/

スマートフォンのランディングページ以外に通常のサイトも載っていますが、更新頻度も高く業種、
色別にカテゴリーが分けられているので、とても参考になるサイトです。

LANDINGPAGE DESIGN BOOKMARK SMARTPHONE

1117_ 07
サイトURL:http://smartphone-landingpage.info/

カテゴリーが、美容、健康、不動産などと一部のカテゴリーに限られていますが、ランディングページを多く取り揃えているので、合わせて見ておくと良さそうなサイトです。

iPhoneデザイン見るゾウ

1117_ 08
サイトURL:http://iphone-design.digital-farm.com/

タイトルの通りiPhoneを始めとしたスマートフォンサイトが数多くまとめられています。
一般的なランディングページとはまた違ったデザインのものもありますが、デザインとしては良いものがまとめられています。

Mobile Awesomeness(海外)

1117_ 09

サイトURL:http://www.mobileawesomeness.com/

海外のスマートフォンサイトを取りまとめたサイトです。ユーザーがそれぞれのデザインに対して評価しているので、海外で気に入られるデザインを調べるには良さそうなサイトです。


3.バナー広告

バナーデザイン専門ギャラリーサイト | レトロバナー

1117_ 10
サイトURL:http://retrobanner.net/

目的のサイズや色、業種からテイストまであらゆる絞りこみができるバナーデザインサイトです。
それぞれのバナーが見やすいように工夫もされているので、簡単に探しているバナーを見つけることができます。

バナーデザインギャラリー

1117_ 11
サイトURL:http://www.banner-design-gallery.com/

こちらもサイズや色で検索ができるまとめサイトになります。比較的小さいサイズのバナーが揃っているので、そのようなバナーを作成する予定の方にはおすすめです。

1117_ 12
サイトURL:http://www.bannerreport.com/html/gallery.php

海外のバナーがまとめられているサイトです。サイトの見た目とは裏腹にバナーサイズで選択すると、サイズごとにバナーが閲覧できるようになっているので、海外バナーは見やすいサイトです。


4.Facebook広告

ガイアックスソーシャルメディアラボ-記事「思わずクリックしたくなる!Facebook広告369事例のイメージ画像とタイトル、総まとめ」

1117_ 13
サイトURL:http://gaiax-socialmedialab.jp/facebook/064

Facebook広告を作成する上では、外せないのがこの記事です。広告を作成する上で注意すべきポイントと合わせて、300を超える広告を公開しているので、ぜひFacebook広告を作る前に一度見ておくべきでしょう。


5.Webデザインに関するよくあるご質問

Webデザインでお悩みの方に役立つQ&Aをまとめています。

Q.Webデザインで重要な要素とは?

A.Webデザインで特に重要な要素は、視覚的な美しさ、ナビゲーションのしやすさ、レスポンシブデザイン、ユーザー体験(UX)の設計です。これらが一貫していると、ユーザーの満足度が向上します。

Q.レスポンシブデザインとは?

A.レスポンシブデザインは、PC、スマホ、タブレットなど、異なるデバイスでWebページが適切に表示されるようにレイアウトが自動調整されるデザイン手法です。これにより、どのデバイスからでも快適に閲覧できるサイトを構築できます。

Q.Webデザインのタイポグラフィは重要?

A.Webデザインにおけるタイポグラフィ(文章を読みやすく見せるデザイン)は、可読性と視認性に大きな影響を与えます。適切なフォント、文字サイズ、行間を選ぶことで、ユーザーに情報を効率的に伝えることが可能です。

Q.WebデザインにおけるUIデザインとUXデザインの違いとは?

A.UIデザインは見た目や操作感のデザインに焦点を当て、UXデザインはサイト全体のユーザー体験を最適化することを目的とします。どちらもWebデザインの重要な要素です。

Q.Webデザインにおけるコンバージョン率を上げるためのポイントは?

A.効果的なCTAボタンの配置、簡潔なメッセージ、目立つデザインなど、ユーザーが行動を起こしやすいWebデザインを心がけることが、コンバージョン率を上げる秘訣です。


6.まとめ

いかがでしたでしょうか?ランディングページやバナー広告を作る上で参考になったサイトはありましたか?普段自分の得意なデザインに寄りがちな方も、これらのサイトを参考に様々なデザインに挑戦してみるのも良いかもしれないですね。

参考:デザインを設計するWEBディレクターの仕事とは?