悩めるWEB担当者様のための最新ノウハウをお届け

Webサイト、レスポンシブやスマホサイト、LP、バナー…国内外のWebデザイン参考まとめサイトを紹介!

参考まとめサイトとは

みなさんはWebサイトやバナー、LPを作るときに参考にしているものはありますか?
「同じ業種はどんなWebサイトにしているんだろう?」
「こんな色にしたいんだけどどんなバナーがあるのかな?」
こんな時に便利な参考まとめサイトを、国内海外問わず、Webサイト、レスポンシブやモバイルサイト、LP、バナーに分けてご紹介します!

Webサイト参考まとめ5選

日本国内のWebサイトを見たいなら

現代デザイン

GENDAI DESIGN
https://gendaidesign.com/

  • 2196サイト登録
  • ブックマーク機能あり(会員登録不要)
  • 業種別カテゴリ
  • 色別タグ

トップページと下層ページの一部が表示されているのでわざわざURL先に飛ばなくてもどんなサイトなのかわかります。
関連サイトが表示されるのも便利ですね。

WEBデザインの見本帳

WEBデザインの見本帳
http://www.web-mihon.com/

  • 2505サイト登録
  • ブックマーク機能なし
  • 業種別カテゴリ
  • 色別カテゴリ
  • テイスト別カテゴリ

ランキングが見られたり、プレビューしているサイトと同じテーマから検索できます。

Web Design Clip

Web Design Clip
http://www.webdesignclip.com/

  • 1564サイト登録
  • ブックマーク機能あり(会員登録不要)
  • 業種別カテゴリ
  • メインカラー別カテゴリ
  • サブカラー別カテゴリ
  • レイアウト別カテゴリ
  • テイスト別タグ

カテゴリの種類が多いですね。
関連サイトが表示されるのも便利です。

国内外のWebサイトを見たいなら

S5-Style

S5 Style
http://bm.s5-style.com/

  • 6350サイト登録
  • ブックマーク機能あり(会員登録不要)
  • 業種別タグ
  • 色別タグ
  • 使用言語(HTMLなど)別タグ

サムネイル画像をクリックするとWebサイトに、タイトルをクリックすると詳細ページに飛びます。

海外のWebサイトを見たいなら

siteinspire

siteInspire
https://www.siteinspire.com/

  • 6492サイト登録
  • ブックマーク機能あり(会員登録必要)
  • 業種別カテゴリ
  • テイスト別カテゴリ
  • プラットフォーム別カテゴリ

Webサイトの詳細ページに関連サイトが出てくるのが便利ですね。

 

レスポンシブ・スマホサイト参考まとめ2選

国内のレスポンシブWebデザインを見たいなら

Responsive Web Design JP

Responsive Web Design JP
http://responsive-jp.com/

  • ブックマーク機能なし
  • 業種別カテゴリ
  • 色別カテゴリ
  • 使用言語別タグ

サムネイルがSP、Tab、PCで表示されているので一度に様々なサイズでの見え方がわかります。

 国内外のスマホサイトを見たいなら

Web Design Clip [S]

Web Design Clip S
https://sp.webdesignclip.com/

  • 818サイト登録
  • ブックマーク機能なし
  • 業種別カテゴリ
  • メインカラー別カテゴリ
  • サブカラー別カテゴリ

Web Design Clipのモバイルサイト版です。

LP参考まとめ3選

国内のLPを見たいなら

LP アーカイブ

LP ARCHIVE
https://rdlp.jp/lp-archive

  • 10785ページ登録
  • ブックマーク機能あり(会員登録必要)
  • 商品別カテゴリ
  • テイスト別タグ
  • 色別タグ

ページ全体をキャプチャされているのでリンク切れの心配がありません。
デスクトップでのプレビューもできます。
LP ARCHIVE preview

LANDINGPAGE BOOKMARK

LANDINGPAGE BOOKMARK
http://www.landingpage-link.jp/

  • 1399ページ登録
  • ブックマーク機能なし
  • 商品別カテゴリ

美容系の商品や健康食品多めで細かくカテゴリ分けされています。

海外のLPを見たいなら

Land-Book

Land book
http://land-book.com/

  • ブックマーク機能あり(会員登録必要)

LP以外にもブログやポートフォリオもあります。
ページ全体をキャプチャしているのでリンク切れの心配がありません。
スッキリしたデザイン多めです。

バナー参考まとめサイト4選

国内のバナーをたくさん見たいなら

バナーデザインまとめ。

バナーデザインまとめ
http://bannermatome.com/

  • 15300個登録
  • ブックマーク機能なし
  • サイズが300×250のカテゴリ
  • 特定の業種別カテゴリ

最終更新が2016年2月ですが、掲載数が圧倒的に多いです。

レトロバナー

retrobanner
http://retrobanner.net/

  • 8597個登録
  • ブックマーク機能なし
  • サイズ別カテゴリ
  • 色別カテゴリ
  • 業種別カテゴリ
  • テイスト別カテゴリ

バナーデザインまとめより数が少ないですが、サイズ等のカテゴリ分けが多く探しやすいです。
また、サムネイルをクリックするとカラーパレットが出てきます。
retrobanner詳細ページ

国内のおしゃれなバナーを見たいなら

SANKOU!

SANKOU

「価格・お得訴求」や「世界観・ブランド訴求」など訴求別のカテゴリがあります。

海外のバナーを見たいなら

MOAT

Moat
https://moat.com/

  • ブックマーク機能なし

中央の検索窓からブランド名で検索することができます。
Starbucks Creatives Moat

まとめ

量が多いサイト、オシャレなサイト、ブックマーク機能ができるものと様々ですね。
制作の手助けになれば幸いです。

当サイトではこの他にもWebに関するお役立ち情報を多数ご紹介しています。
Web担当者の方、デジタルマーケティングに興味がある方はぜひご覧ください。


広告運用やSEO、解析・Web製作など、当社はWebに関わるベストソリューションをご提供しています。お悩み・ご相談も受け付けておりますので下記のボタンからお気軽にご連絡ください。

自社サイトのウェブアクセシビリティ状況、診断してみませんか?

株式会社デジタルアイデンティティでは、ウェブアクセシビリティ診断サービスを提供しています。

2024年4月、障害者差別解消法の改正施行に伴い、2024年6月から一般企業にも「合理的配慮」が義務化されています。
これに伴い、努力義務である「環境の整備」に含まれるウェブアクセシビリティについても、対応を進める企業が増えています。

こんなお悩みはありませんか?

  • どこからウェブアクセシビリティ対応に手をつければ良いかわからない…
  • 今のサイトで問題のあるページを一覧化して欲しい…
  • ウェブアクセシビリティの具体的な改善方法を知りたい…

WCAG2.2に準拠した診断項目・達成基準で、問題のあるページをリスト化してページ単位で問題点をリストアップ。
課題点が明確になるので、具体的な改善アクションに繋げることができます。

また、診断後の改善作業を弊社にワンストップでご依頼いただくことも可能です!
ぜひお気軽にご相談ください!

ウェブアクセシビリティ診断のお申し込みはこちら

関連記事

Keywords

Webサイトリニューアル費用はどのくらい?