Design

【2022年版】Webデザインの参考になるギャラリーサイトまとめ(その2)

「その1」では、普段からよく見るWebデザインギャラリーをまとめました。
「その2」では、スマホ表示や、LPに特化したギャラリーサイト、さらに海外のWebデザインの参考になるギャラリーサイトをまとめていきます。

URAGAWA | 制作会社がわかるWEBデザイン・参考サイト集

URAGAWAは、国内トップクラスの制作プロダクション、事業会社のクリエイティブが「どの企業が作ったのか」も含めてわかるWEBデザインギャラリー、参考サイト集です。

他のギャラリーサイトなどで、良いデザインのサイトだなと思った時に、制作プロダクション別で見ると、同クオリティで良いデザインのサイトを見つけやすいので便利です!

マネるデザイン研究所

普通のWebデザイン集とは違い、ちょっぴりポイントを解説したWebデザイン集です。自分でもマネしたいアイデアを集めています。デザインを勉強している人も、アイデアが浮かばない人もこのサイトを参考にしてみて下さい。

サイトごとに「マネしたいポイント」や「応用できそうな場面」が見れるのが良いですね!

cms design|CMSで構築されたWebデザインギャラリー

cms designはCMS(コンテンツマネジメントシステム)で構築されたWebデザインギャラリーサイト。WordPressを中心とした秀悦なデザインのWebサイトを掲載。

CMS特化型のギャラリーサイトなので、CMS入れる前提の時とか便利ですね。

カラーミーショップデザインギャラリー

カラーミーショップデザインギャラリーは、カラーミーショップで制作されたECサイト(オンラインショップ)だけを集めたニッチなWebサイトギャラリーです。デザイン性の高いサイトを中心に、カスタマイズやデザインの参考となるようなハイクオリティなサイトを掲載しています。

カラーミーショップでECサイトの制作をする時に参考にしたいですね!

不動産デザインギャラリー

国内不動産業界のWebサイトデザイン事例を収集しているギャラリーサイトです。新着順・テイスト・カラー・技術・コンテンツ別の分類で各Webサイトデザインをご紹介しています。

不動産業界ならではのデザインってありますよね〜!分譲マンションのLPとか作る時は絶対確認したいですね。

STUDIO Showcase | STUDIOで作成されたWebサイト事例集

STUDIOで作られた世界中のWebサイトを、ジャンルやテイスト別に探せるギャラリーサイト「STUDIOShowcase」ができました。次のアイデアの参考にしてみましょう。

こんなサイトも今ではノーコードで作れちゃうの?!とびっくりさせられるほどカッコいいサイトが多いですね!

WebGL 総本山

デザインが優れた日本全国のサイトを紹介・解説するメディアです。サイトのテイスト・カラーだけでなく、業界・業種でも絞り込めるため、参考サイトを探しているデザイナーはもちろん、今後、業者にサイトの発注を検討している方もご活用頂けます。

もう、見ているだけで面白いですね!更新頻度も多くて助かります。

404design – 404 not foundページを集めたギャラリーサイト

国内、海外の404エラー/not foundページデザインを集めたギャラリーサイト。

こういう特化型のギャラリーサイトは助かりますね〜!404エラーのデザインを考える際にはぜひ!

LPの最新デザインまとめ参考サイト|LP アーカイブ

クオリティの高いランディングページ(LP)を集めました。リスティング広告や楽天市場、ヤフーショッピングでランキングに入っている様なハイクオリティのデザインまとめサイトです。毎日更新しているので、昔のLPから最新のLPまでデザイン制作の参考にご活用頂けます。

サムネイルがキービジュアルだけでなく、長めにしてくれているのがありがたいですね!

LPデザインに参考になるランディングページ集|LP advance

【LP掲載数:1741】心にグッとくるLP制作を!LP advanceは、LP制作・Web広告に参考になるLPデザインリンク集です。デザインだけでなく、構成・キャッチコピー・エフェクト効果まで、是非あなただけのLP制作のヒントにしてみてください。

こちらもLP特化型のギャラリーサイト。キャッチーコピー一覧とかもありますね!

Responsive Web Design JP

日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトです。

PC表示、タブレット表示、SP表示がサムネイルで見れるのでまさにレスポンシブデザインの参考になるギャラリーサイトです!タブレット表示のサムネイルが見れるサイトは少ないですよね〜。

スマホサイト WEBデザイン集 AGT smartphone design gallery

スマホ向けWEBサイトデザイン集 AGT smartphone design galleryは、クオリティの高い、スマートフォン対応Webサイトを集めたギャラリーサイトです。

サムネイルをマウスオーバーするとなんと、そのままスクロールして全体が見れちゃう!モバイルファーストでデザインする時にも参考にできますね!

スマートフォンサイトのデザインリンク集 sps collection

sps collectionは技術的・デザイン性に優れたスマートフォンサイトを掲載しているデザインリンク集です。スマートフォンからも閲覧可能です。

日付表示や、カテゴリ分けがしっかりされているので、見やすいギャラリーサイトですね!ブックマーク機能もあって便利!

Awwwards – Website Awards –

Awwwardsは、世界最高の開発者、デザイナー、Webエージェンシーの才能と努力を表彰し、促進するWebサイト賞です。

ここからは、海外系のサイトのご紹介。Awwwardsは日本のサイトもよく見ますね!
当然ながら、サイトのクオリティがめちゃくちゃ高くて、憧れちゃいます。

Digital Design Award

こちらもAward系のサイトです。「DDA of the Week」やノミネートサイトを見ることができます。

CSS Design Awards – Website Awards –

CSSデザインアワード。 ウェブサイトを世界最高のCSSアワードに提出して、サイトオブザデイ、UIアワードUXアワードなど、200人以上の国際的なWebデザイナーと開発者のパネルから受賞するチャンスを手に入れましょう。

こちらも国際的なアワードサイトですね。「BLOG」にベストサイトが月別に掲載されているのも見てて楽しいです。

CSSREEL – Website awards –

こちらもアワードサイト「CSSREEL」。Webデザインのトレンドもチェックできますね!

Awards – The FWA

アワードサイト「FWA」

Webの世界3大アワードの一つですね〜。

site inspire

A showcase of the best web design inspiration, featuring over 7,000 websites and profiles of the digital agencies, designers and developers who made them.

Parts. – SaaS/LPのパーツ別Webデザイン集

メインビジュアル、CTA、フッターなど、セクションやパーツごとの部分的なデザインを集めたサイトです。主にSaaS/コーポレートサイト/BtoBのWebサイトやランディングページを掲載しています。Webサイト制作の構成やキャッチコピー、デザインの参考にどうぞ。

ここからはパーツ系をまとめてくれているサイトをご紹介!
コンポーネントの作成の参考にも便利ですね。

Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト

ブブンデザインアーカイブは、Webデザイナーのための国内最大のWebパーツデザイン集です。

見出しや、文字装飾など細かいデザインの参考に!

見出しデザイン.com

見出しのデザインを集めたWEBデザインギャラリーサイトです。

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

バナーデザインをまとめたサイトです。様々なバナーのデザインをサイズや色から選んで一覧でチェック!バナー作成の参考にご活用ください!

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

「レトロバナー」はバナーデザイン専門のギャラリーサイトです。サイズ・色・業種・テイストからバナーを絞り込む事ができ、バナーを一覧でチェックできます。

banner gallery

バナー広告のデザインを作る時の参考に!

フッターデザイン.com

いろんなサイトのフッターを集めたWEBデザインギャラリーリンク集です。

ファビコンギャラリー.com

ファビコンギャラリー.com -Webサイトのファビコンを集めたサイト-

ファビコンがまとめられているサイトはなかなか見ないので、面白いですね!

最後に

今回は、スマホ表示や、LPに特化したギャラリーサイト、海外のWebデザインの参考になるギャラリーサイトをまとめてみました!普段使わないようなギャラリーサイトが見つけれれば幸いです!

プログラミング言語の人気オンラインコース