インバウンドマーケティングを実践しているとデザインより中身が重要などという話が出てきますが、やはりデザインも重要です。人々に愛されるマーケティングは、ファーストインプレッションから始まるわけで、やはり最初に訪れるサイトがわかりやすく見た目がよければこれに越したことはありません。
Webサイト制作を行う上で、皆さんデザインの参考にしているサイトはありますか？
より多くの参考サイトが集まれば、インスパイアされることも多くなり、より質の高いWebデザインを行えるのではないかと思います。
そこで国内、海外を含めた参考サイトを42個集めてみたので、ぜひ参考にしてください。
国内の参考サイト23選
bookma! v3
ユーザー登録することでお気に入りで保存することができるので、参考にしたいときに素早く閲覧することができるので便利です。
Choicely
Webデザインだけでなく動画コンテンツなども掲載しているので、コンテンツマーケティングの参考になるサイトです。
Good Web Design
国内外のWebサイトを掲載しており、とにかくサイト数がかなり多いのでデザインの参考におすすめです。
URL）https://good-web-design.com/
I/O 3000
ギャラリーが毎日更新される上にサイト自体が非常に見やすいので、毎日でもチェックしたくなります。
iPhoneデザインボックス
スマートフォン向けやレスポンシブデザインを制作予定の場合は必ず参考にしておきたいサイトです。
JWDG(Japan Web Design Gallery)
中小企業や個人経営店舗のWebデザインを多く集めており、ストーリー性を持たせたデザインが多い印象です。
LANDINGPAGE BOOKMARK
商品によってカテゴリ分けされているので、最適な参考デザインがすぐに見つかります。
URL）http://landingpage-link.jp
MUUUUU.ORG
縦長かつクオリティの高いWebデザインを多く集めていますが、それ以外のデザインも多く揃っています。
SG_BOOKMARK
“お洒落なデザイン”というだけでなく、使いやすいインターフェースとしても参考になるデザインが多数あります。
URL）http://bookmark.dot-sg.com
straightline bookmark
ユーザー登録することでお気に入りデザインを保存することができる便利な参考サイトです。
S5-Style
単純なWebデザインだけでなくJavaScriptなど動的デザインの参考になるWebサイトを多数掲載しています。
Web Design Clip
カテゴリが非常に多く、レスポンシブデザインも参考になるWebサイトを多く掲載しています。
WEBデザインの見本帳
配色パターンごとにカテゴリ分けされているので、既にサイトコンセプトが決まっている場合の参考に。
WPデザインギャラリー
WordPress仕様のWebデザインのみを掲載しているサイトであり、デザインごとに運営者の解説があります。
URL）http://wpgallery.kachibito.net
イケサイ
毎日更新されているので掲載量が多く、“イケてるWebデザイン”を参考にしたい方におすすめ。
ウェブセレクション
ギャラリーのキャプチャが小さいので、一度に大量のWebデザインを参考にすることができて便利です。
週刊ウェブデザイン
毎週20サイト以上を更新しており、かつロゴデザイン集も掲載しているのでWebサイトに限定されないデザイン参考ができます。
バナーデザインアーカイブ
こちらはWebデザインというよりはバナーデザインを集めたサイトですので、CTAデザインの参考にしてみてはいかがでしょうか。
ブブンデザインアーカイブ
見出し、タイトルロゴ、サイドメニュー、内部リンクなど部分的なデザインにフォーカスした参考サイトです。
URL）http://bubundesignarchive.jp
見出しデザイン.com
その名の通り見出しデザインに特化した参考サイトであり、細かいカテゴリ分けが助かります。
ランディングページ集めました。
恐らく国内最大？のランディングページ参考サイトであり、コンバージョン率の高いデザインについて学べます。
レトロバナー
バナーデザイン専門の参考サイトであり、サイズやカラーから目的のデザインを参考にできるので便利です。
81-web.com
細部までこだわったデザインを掲載していることが多く、Web制作のレベルアップのための参考に。
無料Eブック：成長を追求するWebサイト制作プロセス グロースドリブンデザイン入門
海外の参考サイト11選
Admire the Web
毎日更新される上で、かなり細かいカテゴリ分けがされているのでWebデザインを参考にしやすいサイトです。
AWWWARDS
各Webデザインを細かく評価しているので非常に参考になり、かつ同参考サイトが運営しているブログにも注目です。
Best Web Gallery
ユーザーが“☆”を付けることでWebデザインを評価できるので、ユーザー視点に立ったデザインを参考にできます。
CSS mania
Webサイトを参考にするだけでなく、10ドルで掲載自社サイトを掲載することもできるので海外ユーザーの集客に。
Elements of Design
単純なWebデザインだけでなく、各パーツのデザインを参考にできるので部分的なリニューアルの際などに。
URL）http://johnlovett.com/test.htm
Minimal Exhibit
Webサイトごとにコメントを投稿したり、他ユーザーのコメントを閲覧できる数少ない参考サイトです
MOBILE PATTERNS
iOSとAndroidの様々なWebデザイン、及びアプリのインターフェースを参考にできるサイトです。
URL）http://mobile-patterns.com
Siiimple
シンプルで洗練されたWebデザインを多く掲載している参考サイトなので、カテゴリも多いので非常に便利です。
siteInspire
高頻度にWebデザインが更新されており、かつプラットフォームごとに検索できるので非常に助かります。
THE FWA
Webデザインごとに評価がされ、かつ参考サイト自体が洗練されているので見ているだけで参考になります。
Unmatched Style
細かくカテゴリ分けされているので、参考にしたいWebデザインがすぐに見つかると思います。
URL）http://unmatchedstyle.com/
まとめ
いかがでしょうか？デザインの参考にできるWebサイトというのは、やはり多いほどいいですね。
気にいった、あるいは毎日更新される参考サイトに関してはブックマークやRSS購読しておくことをおすすめします。
Webサイトのデザインというのは、目的やコンセプトによって最適なものが多種多様ですので、あくまで“オリジナルデザイン”に拘っていただければと思います。
