ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。
そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。
ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。
インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。
積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。
🇯🇵 国内Webギャラリーサイト
🌎 海外Webギャラリーまとめ
🏆 アワード系
📱 スマホ参考ギャラリーサイト
🍱 特別編
🇯🇵 国内Webギャラリーサイト
日本国内に限定したギャラリーサイト。細かくカテゴリ分けされており、複数検索ができるのも嬉しいポイント。
「アワード受賞」など独自の視点による一覧まとめや、各シングルページでは関連記事の代わりに、「同一業界」と「同一サイトタイプ」の新着をそれぞれ表示で、イメージもより湧きやすいつくりに。
WordPressをメインとしたCMSで構築されたサイトのみをまとめたギャラリー。国内のヴィジュアル力の高いデザインに限定されており、アイデアに困ったときにもオススメ。
老舗Webギャラリーサイトのひとつで、国内外を問わず、Web制作の参考となる最新サイトがセレクトされています。
「機能的で美しい」、バランスのとれた最先端かつ実践的なトレンドデザインがほしいときに。キャリア10年以上のデザイナーがえらぶ、まさに、「ブリリアント」な刺激的なサイトがずらり。
右上フィルターより業種やキーワード、配色、サイトの種類などを掛け合わせて複数検索できるのが特長。たとえば、「黄色をつかったIT関連サイト」なんて絞り込みも可能です。
豊富な掲載サイト数を誇る老舗ギャラリーサイトで、業種などの他に「TOPページにJS多用」や「斜めライン利用」など、ウェブデザイナー目線での切り口で検索できるのも特長。
動きのあるサムネイルが利用されていることで、ウェブサイトの雰囲気をより考えやすい工夫が他にはないサイト。国内外から集められた、ダイナミックでクリエイティブなデザインが豊富です。
ファーストビューだけでなく、下層ページのデザインを一緒に確認できるギャラリーサイト。国内を中心に、レイアウトの参考になりそうなサイトがずらり揃います。
カテゴリと配色による絞り込み検索ができ、アイデアを具現化したデザインを見つけやすいのもポイント。細かくタグ分けもされています。
Webデザイナー・開発の方々などのインスピレーションを刺激するような、最新のトレンドをおさえた、おしゃれなWebデザインをクリップ。更新頻度も高く、現在3800サイト以上が掲載されています。
更新頻度の高さで、この記事を執筆時点で4000サイト以上が登録されており、他ではあまり見かけない、あらゆるサイトデザインが保存されており、悩んだときのアイデア出しにも重宝しています。
「真似したいポイント」や「応用できそうな場面」、「懸念点」がウェブデザイナー目線で書かれており、実際にサイト制作するときの参考にもなりそう。
straightline™ bookmarkサービス終了
クオリティの高いWebデザインが厳選されており、配色やジャンル、レイアウト別に絞り込みができたり、サムネイルサイズを変更して表示したりと、かゆいところに手が届く機能がうれしい。
🌎 海外Webギャラリーまとめ
ランディングページやポートフォリオ、ブログ、ストアの切り替えの他、「スタイル」や「業種」別に絞り込むことも可能。縦長サイズのサムネイルが印象的です。
クオリティの高いサイトを頻度高めで更新している老舗ギャラリーサイト、とにかく数を見たいというときにオススメ。検索機能も充実。
ウェブデザインの最新トレンドをうまく取り入れたサイトを中心に、更新頻度高めで役立つギャラリーサイト。人気別ランキングを過去にさかのぼって見ることができ、いつの間にか時間が過ぎていることも。
IT関連のランディングページのみを限定してコレクションしているサイト。その他にも「金額表」や「ブログ」、「FAQ」などコンポーネント別デザインの確認も。
無駄を削ぎ落とし、文字と画像を中心としたミニマルなサイトデザインのみを集めたギャラリーサイト。フォントや配色選びで困ったときにも役立ちます。
2000近いランディングページデザインに加え、4000を超えるUIコンポーネント別ギャラリーも公開されており、配色やキーワード、デバイス別によるAJAX検索も可能。
🏆 アワード系
世界中から応募されたWebサイトの中から、もっともクリエイティブなデザインを投票で決める、もやは説明不要の老舗アワードサイト。
ウェブデザインだけでなく、スマホアプリや動画プロジェクトなどのクリエイティブにも目も向けたコレクションが特長。
こちらも投票でもっとも優れたデザインを決めるアワードサイト。世界中のデザイナーが参加しており、ハイクオリティが当たり前な最先端を体験できるサイトばかり。
📱 スマホ参考ギャラリーサイト
PCだけでなく、タブレットとスマートフォンを合わせた3つのサムネイルを一気にチェックできる、スマホ向けデザインの制作で参考にしたいギャラリー。
サムネイルにマウスカーソルを合わせると、するするとスクロールされ、各シングルページを確認する手間が省けるだけでなく、サイト全体の雰囲気もつかみやすいというメリットも。
スマホサイズのサムネイルで統一されており、業種と配色による絞り込みが可能で、ブックマーク機能があるのでお気に入りサイトをまとめて確認できます。
PCとスマホ両方のサイトデザインを一緒に確認でき、上部にあるアイコンでスマホサイトのみに切り替えも可能。
iOSとAndroid向けのスマホアプリデザインに特化したギャラリーサイト。アプリのあらゆる使い方、ページを網羅しており、まとめて確認できるのはもちろん、個別にコレクションとして保存することもできます。
🍱 特別編
「ヘッダー」や「CTA」、「導入事例」、「お問い合わせ」などパーツ別にウェブデザインを集めたライブラリ。国内だけでなく、海外サイトもセレクトされています。
上記サイト同様に、UI／UXデザインコンポーネントやパターン、参考例やインスピレーションを一同に集めたライブラリ。海外サイトのみですが、日本では見かけない新鮮なレイアウトがたっぷり。
細かく手動入力されたタグキーワードを活用すれば、パーツごとに探すことができます。たとえば、「フッターデザイン」のみを集めたページ。
ウェブデザイン制作が快適になる時短＆便利ツールも活用してみてはいかがでしょう。
