参考にしたい!デザインが秀逸なWebサイト集42選

 2017.02.12  LeadPlus

インバウンドマーケティングを実践しているとデザインより中身が重要などという話が出てきますが、やはりデザインも重要です。人々に愛されるマーケティングは、ファーストインプレッションから始まるわけで、やはり最初に訪れるサイトがわかりやすく見た目がよければこれに越したことはありません。

Webサイト制作を行う上で、皆さんデザインの参考にしているサイトはありますか?

より多くの参考サイトが集まれば、インスパイアされることも多くなり、より質の高いWebデザインを行えるのではないかと思います。 

そこで国内、海外を含めた参考サイトを42個集めてみたので、ぜひ参考にしてください。

国内の参考サイト28

bookma! v3

ユーザー登録することでお気に入りで保存することができるので、参考にしたいときに素早く閲覧することができるので便利です。

URL)https://bookma.org

Choicely

Webデザインだけでなく動画コンテンツなども掲載しているので、コンテンツマーケティングの参考になるサイトです。

URL)http://choicely.jp

Good Design Web

国内外のWebサイトを掲載しており、とにかくサイト数がかなり多いのでデザインの参考におすすめです。

URL)http://gooddesignweb.com

IllustBookmark

国内外のイラストを使用しているWebサイトを集めており、クリエイティブの幅を広げたい方におすすめ。

URL)http://illustbookmark.info

I/O 3000

ギャラリーが毎日更新される上にサイト自体が非常に見やすいので、毎日でもチェックしたくなります。

URL)http://io3000.com

iPhoneデザインボックス

スマートフォン向けやレスポンシブデザインを制作予定の場合は必ず参考にしておきたいサイトです。

URL)http://design.web-hon.com

JWDG(Japan Web Design Gallery)

中小企業や個人経営店舗のWebデザインを多く集めており、ストーリー性を持たせたデザインが多い印象です。

URL)http://japan.2-wg.com

LANDINGPAGE BOOKMARK

商品によってカテゴリ分けされているので、最適な参考デザインがすぐに見つかります。

URL)http://landingpage-link.jp

MUUUUU.ORG

縦長かつクオリティの高いWebデザインを多く集めていますが、それ以外のデザインも多く揃っています。

URL)http://muuuuu.org

SG_BOOKMARK

“お洒落なデザインというだけでなく、使いやすいインターフェースとしても参考になるデザインが多数あります。

URL)http://bookmark.dot-sg.com

straightline bookmark

ユーザー登録することでお気に入りデザインを保存することができる便利な参考サイトです。

URL)http://bm.straightline.jp 

S5-Style

単純なWebデザインだけでなくJavaScriptなど動的デザインの参考になるWebサイトを多数掲載しています。

URL)http://bm.s5-style.com

Web Design Clip

カテゴリが非常に多く、レスポンシブデザインも参考になるWebサイトを多く掲載しています。

URL)http://webdesignclip.com

WEBデザインの見本帳

BtoBマーケティングお役立ち資料

配色パターンごとにカテゴリ分けされているので、既にサイトコンセプトが決まっている場合の参考に。

URL)http://web-mihon.com

WONDER BOOKMARKS

Webサイトを構築しているテクノロジー(技術タイプ)で検索できる機能が嬉しい参考サイトです。

URL)http://bm.wonderboxstudio.com 

WPデザインギャラリー

WordPress仕様のWebデザインのみを掲載しているサイトであり、デザインごとに運営者の解説があります。

URL)http://wpgallery.kachibito.net

イイネ!WEBデザイン

一目でWebデザインの評価と配色パターンを確認できるので、具体的な参考案を出す時に便利です。

URL)http://ene-design.com

イケサイ

毎日更新されているので掲載量が多く、イケてるWebデザインを参考にしたい方におすすめ。

URL)https://ikesai.com

ウェブセレクション

ギャラリーのキャプチャが小さいので、一度に大量のWebデザインを参考にすることができて便利です。

URL)http://web-selection.com 

週刊ウェブデザイン

毎週20サイト以上を更新しており、かつロゴデザイン集も掲載しているのでWebサイトに限定されないデザイン参考ができます。

URL)http://dailywebdesign.com

ズロック

コーポレートサイト、海外サイトに加えECサイトなども掲載しているので、幅広いWebデザインを参考にしたい方におすすめ。

URL)http://zzrock.net/

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

こちらはWebデザインというよりはバナーデザインを集めたサイトですので、CTAデザインの参考にしてみてはいかがでしょうか。

URL)http://banner.keizine.net

ブブンデザインアーカイブ

見出し、タイトルロゴ、サイドメニュー、内部リンクなど部分的なデザインにフォーカスした参考サイトです。

URL)http://bubundesignarchive.jp

ネットショップWebデザイン参考集

ECサイトデザインとECモール形式で紹介するという参考サイトであり、シンプルなデザインで見やすいのが特徴です。

URL)https://shopdesign.shop

見出しデザイン.com

その名の通り見出しデザインに特化した参考サイトであり、細かいカテゴリ分けが助かります。

URL)http://midashi-design.com

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

恐らく国内最大?のランディングページ参考サイトであり、コンバージョン率の高いデザインについて学べます。

URL)http://lp-web.com

レトロバナー

バナーデザイン専門の参考サイトであり、サイズやカラーから目的のデザインを参考にできるので便利です。

URL)http://retrobanner.net

81-web.com

細部までこだわったデザインを掲載していることが多く、Web制作のレベルアップのための参考に。

URL)http://81-web.com

無料Eブック:成長を追求するWebサイト制作プロセス グロースドリブンデザイン入門

海外の参考サイト16

Admire the Web

毎日更新される上で、かなり細かいカテゴリ分けがされているのでWebデザインを参考にしやすいサイトです。

URL)https://admiretheweb.com

AWWWARDS

Webデザインを細かく評価しているので非常に参考になり、かつ同参考サイトが運営しているブログにも注目です。

URL)http://awwwards.com

Best Web Gallery

ユーザーが“”を付けることでWebデザインを評価できるので、ユーザー視点に立ったデザインを参考にできます。

URL)http://bestwebgallery.com

CSS mania

Webサイトを参考にするだけでなく、10ドルで掲載自社サイトを掲載することもできるので海外ユーザーの集客に。

URL)http://cssmania.com

Elements of Design

単純なWebデザインだけでなく、各パーツのデザインを参考にできるので部分的なリニューアルの際などに。

URL)http://johnlovett.com/test.htm

High Floater

この参考サイト自体がかなり洗練されたデザインなので、見ているだけで参考になります。

URL)http://highfloater.com

HTML Inspiration

ここ最近では更新されていませんが、参考になるWebデザインが多数掲載されているので重宝する参考サイトです。

URL)http://htmlinspiration.com

Minimal Exhibit

Webサイトごとにコメントを投稿したり、他ユーザーのコメントを閲覧できる数少ない参考サイトです

URL)http://minimalexhibit.com

MOBILE PATTERNS

iOSとAndroidの様々なWebデザイン、及びアプリのインターフェースを参考にできるサイトです。

URL)http://mobile-patterns.com

Siiimple

シンプルで洗練されたWebデザインを多く掲載している参考サイトなので、カテゴリも多いので非常に便利です。

URL)http://siiimple.com

siteInspire

高頻度にWebデザインが更新されており、かつプラットフォームごとに検索できるので非常に助かります。

URL)https://siteinspire.com

The Best Designs

デザイナー(デザイン会社)ごとに検索することができる数少ない参考サイトです。

URL)https://thebestdesigns.com 

THE FWA

Webデザインごとに評価がされ、かつ参考サイト自体が洗練されているので見ているだけで参考になります。

URL)https://thefwa.com

Unmatched Style

細かくカテゴリ分けされているので、参考にしたいWebデザインがすぐに見つかると思います。

URL)http://unmatchedstyle.com/

まとめ

いかがでしょうか?デザインの参考にできるWebサイトというのは、やはり多いほどいいですね。

気にいった、あるいは毎日更新される参考サイトに関してはブックマークやRSS購読しておくことをおすすめします。 

Webサイトのデザインというのは、目的やコンセプトによって最適なものが多種多様ですので、あくまでオリジナルデザインに拘っていただければと思います。

Webサイト制作

RECENT POST「オウンドメディア」の最新記事


この記事が気に入ったらいいねしよう!
サイト流入/見込み客/売上を伸ばすための25の Webサイト必須項目

RANKING人気記事ランキング

RECENT POST 最新記事

ブログ購読のお申込み