- Web制作
Webデザイン参考ギャラリーサイト14選【おしゃれなホームページを作りたい!】
2021/08/20
2023/07/27
![【2021年版】Webデザインの参考になるギャラリーサイト](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery02-1024x681.jpg)
Webデザインギャラリーサイトをまとめました。
作りたいホームページの参考サイトを探したり、Webデザイナーはそれぞれの特性を把握し、シチュエーションによって使い分けられるようになりましょう!
目次
【トレンドがわかるギャラリーサイト】
S5-Style《国内外問わずおしゃれなサイトを探す時に》
![【2021年版】Webデザインの参考になるギャラリーサイト](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery03-1024x576.jpg)
国内外問わず、トレンドのデザインが高頻度で更新されるので、日々チェックさせてもらっています。
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
1GUU《トップページのアニメーションを探す時に》
![Webデザインの参考になるギャラリーサイト](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery12-1024x576.jpg)
一覧でトップページの動きを見れるのが他のギャラリーサイトにはないポイント。「国別」できるのもここだけ。
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
【国内のベーシックなギャラリーサイト】
SANKOU!《国内のおしゃれなサイトを探す定番》
![Webデザイナー厳選!おしゃれなホームページのキャンプ場・グランピング施設まとめ【集客できるホームページとは?】](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery14-1024x576.jpg)
国内のサイト・LPがバランスよく更新されます。一番実用的なちょうど良いデザイン性のサイトが多い印象。制作会社がわかるので転職活動の参考にもなりそう。フォント検索版も便利です!
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
現代デザイン《下層ページも見たい時に》
![Webデザインの参考になるギャラリーサイト](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery04-1024x576.jpg)
下層ページのデザインを検討するときに使います。国内のコーポレートサイトを探すなら現代デザイン。落ち着いた印象のサイトが多いです。
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
bookma!《ローカルなおしゃれサイトを探す時に》
![Webデザインの参考になるギャラリーサイト](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery11-1024x576.jpg)
他のギャラリーサイトに掲載されない、地方のおしゃれなサイトが見つけられるイメージ。PCとスマホを並べて見られるのも嬉しい。
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
【海外のギャラリーサイト】
siteInspire《海外のサイトを探す時に》
![Webデザインの参考になるギャラリーサイト](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery05-1024x576.jpg)
新しいデザインのアイデアをキャッチしたい時に。
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
【LPに特化したギャラリーサイト】
LP アーカイブ《過去のLPもチェックしたい時に》
![Webデザイナー厳選!おしゃれなホームページのキャンプ場・グランピング施設まとめ【集客できるホームページとは?】](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery16-1024x576.jpg)
公開期間が短いLPですが、時間が経っていても大きい画像でページ全体を確認できるのが特徴。
スマホに切り替え、キャッチコピーも見れるのが便利!
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
Web Design Clip [L]《おしゃれなLPを探す時に》
![Webデザインの参考になるギャラリーサイト](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery06-1024x576.jpg)
LPのデザインだけを検索したい時に使います。
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
LANDINGPAGE BOOKMARK《特定商品の美容・健康系LPを探す時に》
![Webデザインの参考になるギャラリーサイト](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery13-1024x576.jpg)
通販LP専門のギャラリーサイト。販売商品(育毛剤、ヒアルロン酸、青汁など)でフィルター検索ができます。
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
【アワード系ギャラリーサイト】
awwwards.《世界中のハイセンスなサイトを探す時に》
![Webデザイナー厳選!おしゃれなホームページのキャンプ場・グランピング施設まとめ【集客できるホームページとは?】](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery07-1-1024x576.jpg)
世界中から投票されたWebサイトを評価・表彰する世界最高峰のwebデザインアワード。
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
【レスポンシブ系ギャラリーサイト】
Responsive Web Design JP《スマホ・タブレット・パソコン表示を並べて見たい時に》
![Webデザインの参考になるギャラリーサイト](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery08-1024x576.jpg)
スマホ・タブレット・パソコン表示を並べて見られます。
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
【特化系ギャラリーサイト】
Parts.《セクションやパーツごとのデザインを探す時に》
![Webデザインの参考になるギャラリーサイト](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery09-1024x576.jpg)
メインビジュアル、CTA、フッターなど、セクションやパーツごとの部分的なデザインを集めたサイト。コーディング時にも参考になります。
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
【バナー系ギャラリーサイト】
BANNER LIBRARY《おしゃれなバナーを探す時に》
![Webデザイナー厳選!おしゃれなホームページのキャンプ場・グランピング施設まとめ【集客できるホームページとは?】](https://tokotoko-design.com/wp-content/uploads/2021/08/web-gallery17-1024x576.jpg)
SNS広告を検索できるのが嬉しい!
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
レトロバナー《豊富なバナーデザインの中から探す時に》
![Webデザインの参考になるギャラリーサイト](https://tokotoko-design.com/wp-content/uploads/2021/08/スクリーンショット-2021-08-20-10.29.33-1024x573.jpg)
掲載数が多いのが特徴です。
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)
おすすめギャラリーサイト3つ
シーン別にギャラリーサイトを紹介しましたが、定期的に使うサイトは次の3つです。
![](https://tokotoko-design.com/wp-content/themes/tokotoko/img/blog-detail_kamei.png)