【Webデザイナー向け】クライアントワークで必須のギャラリーサイト

【Webデザイナー向け】クライアントワークで必須のギャラリーサイト

Kenta Torii

2024/10/07

Knowledge

こんにちは!
フリーランスデザイナーのけんたです。


今回の記事では、フリーランスデザイナーが日々活用しているギャラリーサイトについて解説していきます。日々のアイデアだしやリサーチ、情報収集などいろんな場面で活用していただけるサイトになりますので気になったページはぜひブックマークしていただければ幸いです。

海外ギャラリーサイト→日本のギャラリーサイトの順で解説します。


海外ギャラリーサイト

まずは海外のギャラリーサイトをずらっと並べます。


【海外】Dribbble

https://dribbble.com/


毎日みてると言っても過言ではないサイトになります。
個人的な主観として「Web・UI」あたりが特に強いと思います。レベルが高い要因として、Dribbbleに課金するとメッセージ機能が付与されて採用などの仕事の連絡ができるようになります。

なので必然と公開するデザインのレベルが高くなっていると思います。


【海外】Layers

https://layers.to/


LayersはUIデザイン、ブランディングデザインが多く強い傾向にあると思います。そのほかにもデザイナーごと検索できるのでお気に入りのデザイナーがいれば制作物を探しやすくなります。
僕はUIデザインの検索を主で使っています。


【海外】awwwards

https://www.awwwards.com/


awwwards.comはホームページやWebサイト(ランディングページ含む)がメインのギャラリーサイトで、個人的にWebサイト作る時は一番参考にしているギャラリーです。
ノーコードで作ってるサイトがほぼないので、アイデアや構成の部分は参考にできると思います。


【海外】Mobbin

https://mobbin.com/


MobbinはiOS,Android,WebのUIデザインをフローごとスクリーンショットを撮っているギャラリーサイトになります。各アプリのフローごと見られるのでUIデザインからUXを連想させていけるギャラリーサイトの中でも勉強になるサイトになります。
UIUXデザインをやる場合は前段のリサーチ段階でかなりお世話になってます。


【海外】UNSECTION

https://www.unsection.com/


UNSECTIONはWebサイトやランディングページのセクションごと閲覧できる便利なサイトです。
各カテゴリーやHover Effectsのみ集まっていたりとデザイン時に参考になるサイトになります。個人的にHover Effectsがあるのすごく便利におもっていて「このセクション少し単調すぎるか…?」って時に提案の材料の一つになるので良く見てます。


【海外】Navbar Gallery

https://www.navbar.gallery/


Navbar Galleryはその名の通り、グローバルナビゲーションを主として集めているサイトになります。ナビゲーションはサイトの要になります。どんな設計が見やすいか、使いやすいかなど実装前にわかるので自分の仮説の検証と答え合わせにも活用できるし、参考になるデザインも多いためWebサイトの情報設計時には見るようにしてます。


【海外】Logggos

https://www.logggos.club/


コーポレート・サービスロゴ特化のギャラリーサイトです。ロゴデザインをする際、同じ業界でどんなコーポレート・サービスロゴが採用されているのか?をチェックしています。全体のトレンドを意識しながら制作していきますので、特化型のサイトはかなり重宝します。
時には、掲載されてるロゴのサイトへ訪れて、どんなミッション・ビジョン・バリューで事業を運営しているのか、それがどんな形でロゴに反映してるのかを考察しながら見ています。


【海外】minimal.gallery

https://minimal.gallery/


2013年から運営されてる比較的、歴史あるギャラリーサイトです。ホームページやランディングページのインスピレーションを目的としたサイトで、かなりいろんなジャンルのサイトが掲載されているので、クライアントのサイトに合致するものが見つかるので良きです。


【海外】seesaw

https://www.seesaw.website/


カテゴリーごとまとまってるから検索が容易な「seesaw」というサイトの特徴は、サムネイルが動画のところです。通常のサイトはサムネを見て詳細ページに遷移の流れだが、このサイトはスクロールされた動画を閲覧してから遷移できるので、本当に興味のでたページのみ見ることができるので時間効率がすごく良いです。



日本ギャラリーサイト

続いて日本のギャラリーサイトをさくっと並べます。


【日本】S5-Style

旧 https://bm.s5-style.com/

新 https://www.s5-style.com/


日本のホームページやWebサイトを主として掲載しているギャラリーサイトになります。高クオリティのサイトがあり、6300以上のサイトが登録されています。
モダンな技術を活用したサイトが多いためとても、クライアントワークでのリサーチなどに活用できます。


【日本】muuuuu.org

https://muuuuu.org/


muuuuu.orgはQUOITWORKSのムラマツヒデキさんが制作運営しているギャラリーサイトになります。縦に長くオーソドックスなレイアウトでかつ、デザインに優れているサイトのみを厳選して掲載してるので日常のアイデアだしにも最適だと思います。
また、ランディングページではなくホームページが多いのもポイントです。


【日本】slideland

https://www.slideland.tech/


Slidelandはおもにスライドのギャラリーサイトですが、業種のセグメントのほかページごと分けられていたり、カラーやテイストごと掲載わけされていたりとデザインの引き出しを増やすのに最適なサイトになります。
Webサイトに適応するのも良いですし、そのまま資料作成のアイデアとして活用するのも良いかと。会員登録すればブックマークできるのでお気に入りのスライドを保存しておくことができるのも良いポイントです。



まとめ


今回日本国内のギャラリーサイトと海外のギャラリーサイトを紹介しました。
日頃のクライアントワークで活用しているサイトです。

有名なギャラリーサイトが多いですが、初めて見たって人にとって良いシェアになれば幸いです。


ではまた。

Auther info

Auther info

Auther info

Kenta Torii

Kenta Torii

Kenta Torii

デジタル領域が得意なデザイナー。 日頃から海外のトレンド情報や最新技術をインプットし、お客さまに価値を届けます。

デジタル領域が得意なデザイナー。 日頃から海外のトレンド情報や最新技術をインプットし、お客さまに価値を届けます。


興味が出た・聞きたいことがあるタイミングでも誠実に対応いたします。
構成のご提案や機能面、デザイン面などまとまってなくても一緒に考えてご提案していきます。
未確定でもまずはお気軽にご相談ください。


興味が出た・聞きたいことがあるタイミングでも誠実に対応いたします。
構成のご提案や機能面、デザイン面などまとまってなくても一緒に考えてご提案していきます。
未確定でもまずはお気軽にご相談ください。


興味が出た・聞きたいことがあるタイミングでも誠実に対応いたします。
構成のご提案や機能面、デザイン面などまとまってなくても一緒に考えてご提案していきます。
未確定でもまずはお気軽にご相談ください。

Designer Kenta.T

1993 / 11 /25  -  🇯🇵Japan / Aichi / Nagoya

Webに特化したデザイナー。でも…なぜかロゴが最も得意で好き。企業のブランディングを意識し、オーダーメイドで統一性のあるデザインを提供します。
仕事はUI,Webデザインがメインですが、バナー作成や広告クリエイティブ、企業ブランディングなど担当しています。

当サイトにおける文章を含むコンテンツの複製、改変、転載は禁止いたします。
Copyright © 2022 COLORSDRIP  All Rights Reserved.

Designer Kenta.T

1993 / 11 /25  -  🇯🇵Japan / Aichi / Nagoya

Webに特化したデザイナー。でも…なぜかロゴが最も得意で好き。企業のブランディングを意識し、オーダーメイドで統一性のあるデザインを提供します。
仕事はUI,Webデザインがメインですが、バナー作成や広告クリエイティブ、企業ブランディングなど担当しています。

当サイトにおける文章を含むコンテンツの複製、改変、転載は禁止いたします。
Copyright © 2022 COLORSDRIP  All Rights Reserved.

Designer Kenta.T

1993 / 11 /25  -  🇯🇵Japan / Aichi / Nagoya

Webに特化したデザイナー。でも…なぜかロゴが最も得意で好き。企業のブランディングを意識し、オーダーメイドで統一性のあるデザインを提供します。
仕事はUI,Webデザインがメインですが、バナー作成や広告クリエイティブ、企業ブランディングなど担当しています。

当サイトにおける文章を含むコンテンツの複製、改変、転載は禁止いたします。
Copyright © 2022 COLORSDRIP  All Rights Reserved.