ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。
そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。
ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。
インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。
積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。
このリストは2年ぶりにまとめ直したアップグレード版となります。
コンテンツ目次
【2024追加分】最新Webギャラリーサイト
国内Webギャラリーサイト
海外Webギャラリーまとめ
アワード系
【追加分】最新Webギャラリー(7サイト)
アニメーションをつかったウェブサイトだけを集めたギャラリーには、現在910サイトを収集中。
魔法のように感じるデザインのディテールに着目したWebギャラリーで、すべてアニメーション付きで紹介。アイデアやインスピレーションが欲しいときに。
Godly — Astronomically good web design inspiration
デザイン性の高いWebサイトだけを集めたギャラリーサイトで、動きやインタラクションをGIFで確認できるのもポイント。
UIデザインの原点である「視覚的な階層」と「構成」をベースにした、BentoUIを採用したウェブサイトをまとめたギャラリー。
404s — gallery of error 404 page designs
あらゆる種類の404エラーページのみを集めた、404専門Webギャラリー。「3D」や「アニメーション」など複数キーワードによる絞り込み検索が便利。
Footer — The only footer gallery on earth.
さまざまなサイトの素敵な「フッター」デザインのみを集めたWebギャラリー。どんなコンテンツを記載するか迷ったときの参考に。
ナビゲーションメニューに特化したWebギャラリーで、「ドロップダウン」や「サイドバー」、「検索バー」などWebデザイナー目線による細かいカテゴリ分けがされているのも◎。
国内Webギャラリー(13サイト)
日本国内に限定したギャラリーサイト。細かくカテゴリ分けされており、複数検索ができるのも嬉しいポイント。
「アワード受賞」など独自の視点による一覧まとめや、各シングルページでは関連記事の代わりに、「同一業界」と「同一サイトタイプ」の新着をそれぞれ表示で、イメージもより湧きやすいつくりに。
WordPressをメインとしたCMSで構築されたサイトのみをまとめたギャラリー。国内のヴィジュアル力の高いデザインに限定されており、アイデアに困ったときにもオススメ。
老舗Webギャラリーサイトのひとつで、国内外を問わず、Web制作の参考となる最新サイトがセレクトされています。
「機能的で美しい」、バランスのとれた最先端かつ実践的なトレンドデザインがほしいときに。キャリア10年以上のデザイナーがえらぶ、まさに、「ブリリアント」な刺激的なサイトがずらり。
右上フィルターより業種やキーワード、配色、サイトの種類などを掛け合わせて複数検索できるのが特長。たとえば、「黄色をつかったIT関連サイト」なんて絞り込みも可能です。
豊富な掲載サイト数を誇る老舗ギャラリーサイトで、業種などの他に「TOPページにJS多用」や「斜めライン利用」など、ウェブデザイナー目線での切り口で検索できるのも特長。
動きのあるサムネイルが利用されていることで、ウェブサイトの雰囲気をより考えやすい工夫が他にはないサイト。国内外から集められた、ダイナミックでクリエイティブなデザインが豊富です。
ファーストビューだけでなく、下層ページのデザインを一緒に確認できるギャラリーサイト。国内を中心に、レイアウトの参考になりそうなサイトがずらり揃います。
Webデザイナー・開発の方々などのインスピレーションを刺激するような、最新のトレンドをおさえた、おしゃれなWebデザインをクリップ。更新頻度も高く、現在3800サイト以上が掲載されています。
更新頻度の高さで、この記事を執筆時点で4000サイト以上が登録されており、他ではあまり見かけない、あらゆるサイトデザインが保存されており、悩んだときのアイデア出しにも重宝しています。
「真似したいポイント」や「応用できそうな場面」、「懸念点」がウェブデザイナー目線で書かれており、実際にサイト制作するときの参考にもなりそう。
straightline™ bookmark サービス終了
クオリティの高いWebデザインが厳選されており、配色やジャンル、レイアウト別に絞り込みができたり、サムネイルサイズを変更して表示したりと、かゆいところに手が届く機能がうれしい。
「Webサイト制作がもっと楽になる方法ってないの?」
「Web制作の最新ツールを試してみたい」
そんな方へオススしたい、Webデザイン制作に役立つツールや素材をまとめてご紹介します。
海外Webギャラリー(6サイト)
ランディングページやポートフォリオ、ブログ、ストアの切り替えの他、「スタイル」や「業種」別に絞り込むことも可能。縦長サイズのサムネイルが印象的です。
クオリティの高いサイトを頻度高めで更新している老舗ギャラリーサイト、とにかく数を見たいというときにオススメ。検索機能も充実。
ウェブデザインの最新トレンドをうまく取り入れたサイトを中心に、更新頻度高めで役立つギャラリーサイト。人気別ランキングを過去にさかのぼって見ることができ、いつの間にか時間が過ぎていることも。
IT関連のランディングページのみを限定してコレクションしているサイト。その他にも「金額表」や「ブログ」、「FAQ」などコンポーネント別デザインの確認も。
無駄を削ぎ落とし、文字と画像を中心としたミニマルなサイトデザインのみを集めたギャラリーサイト。フォントや配色選びで困ったときにも役立ちます。
2000近いランディングページデザインに加え、4000を超えるUIコンポーネント別ギャラリーも公開されており、配色やキーワード、デバイス別によるAJAX検索も可能。
受賞アワード系(3サイト)
世界中から応募されたWebサイトの中から、もっともクリエイティブなデザインを投票で決める、もやは説明不要の老舗アワードサイト。
ウェブデザインだけでなく、スマホアプリや動画プロジェクトなどのクリエイティブにも目も向けたコレクションが特長。
こちらも投票でもっとも優れたデザインを決めるアワードサイト。世界中のデザイナーが参加しており、ハイクオリティが当たり前な最先端を体験できるサイトばかり。
優れたデザインで話題となっている、国内外の最新Webデザインをまとめてご紹介。
インスピレーションやアイデアの参考になるのはもちろん、2024年のWebトレンド動向も見えてきます。
スマホ参考Webギャラリー(5サイト)
PCだけでなく、タブレットとスマートフォンを合わせた3つのサムネイルを一気にチェックできる、スマホ向けデザインの制作で参考にしたいギャラリー。
サムネイルにマウスカーソルを合わせると、するするとスクロールされ、各シングルページを確認する手間が省けるだけでなく、サイト全体の雰囲気もつかみやすいというメリットも。
スマホサイズのサムネイルで統一されており、業種と配色による絞り込みが可能で、ブックマーク機能があるのでお気に入りサイトをまとめて確認できます。
PCとスマホ両方のサイトデザインを一緒に確認でき、上部にあるアイコンでスマホサイトのみに切り替えも可能。
iOSとAndroid向けのスマホアプリデザインに特化したギャラリーサイト。アプリのあらゆる使い方、ページを網羅しており、まとめて確認できるのはもちろん、個別にコレクションとして保存することもできます。
特別編(5サイト)
「ヘッダー」や「CTA」、「導入事例」、「お問い合わせ」などパーツ別にウェブデザインを集めたライブラリ。国内だけでなく、海外サイトもセレクトされています。
上記サイト同様に、UI/UXデザインコンポーネントやパターン、参考例やインスピレーションを一同に集めたライブラリ。海外サイトのみですが、日本では見かけない新鮮なレイアウトがたっぷり。
細かく手動入力されたタグキーワードを活用すれば、パーツごとに探すことができます。たとえば、「フッターデザイン」のみを集めたページ。
アドビだからストック素材サービスも ここまでクリエイティブ。
Adobe Stockは、アドビがクリエイターのためにつくったストックサービスです。写真やイラストなど高品質な素材が約3億点。無料素材も100万点。
検索、プレビュー、ライセンスの取得をPhotoshopから直接できるので効率の良さが抜群。
たくさんのAdobe Creative Cloudユーザーに選ばれているのには理由があります。
最初のひと月は素材が10点まで無料なので、気軽に始めてみませんか。