WEBサイトを新しく制作する前に、ディレクターであれ・デザイナーであれ、必ず参考サイトを探します。その時の探す手間を少しでも省けるよう、参考サイトをリスト化していこうと思います。
また、集めた参考サイト一覧は、数ではなく質を考慮して集めているので、このページで紹介していない良いサイトがあれば、お問い合わせからご連絡いただけると嬉しいです。
SANKOU!
Webデザインギャラリー･参考サイト集
→ SANKOU!
このWEBサイトの特徴
Webデザイン制作時に参考になる、国内のWEBサイトを集めたサイトになります。
掲載されているカテゴリは、下記などのサイトのタイプなどがあり、
- WEBサイト
- LP（ランディングページ）
- コンテンツページ
この他、コーポレートサイト・ブランドサイト・サービスサイト・ECサイト・キャンペーンサイト・ポータルサイト・コミュニティサイト・採用サイトなど、幅広いデザインの参考を見つけることができます。
また、クライアントニーズを絞り込める、以下のようなカテゴリが用意されています。
- 業種や業態
- WEBデザインのジャンルやテイスト
- WEBデザインのカラー
- レイアウト・カラム
- UXが考慮された挙動のあるWEBデザイン
- 多言語
調べやすいメニューになっている点が、このサイトの良い点です。
※2021.05.31 現在は、2412サイトが掲載中
MUUUUU.ORG
クオリティが高い縦長のwebデザインギャラリー・サイトリンク集
→ MUUUUU.ORG
このWEBサイトの特徴
クオリティの高いWEBサイトが多数紹介されているサイトです。
サイトのポリシーにもある通り、本当にデザイン性が高いものが多いため、見るだけでインスピレーションが湧いてきます。
掲載されているカテゴリは、以下などです。
- 業種・業態
- デザインのジャンルやテイスト
- サイトのタイプ
- WEBデザインのカラー
※グローバルナビゲーションのカテゴリから検索できます。
Web Design Clip
Web制作の参考になるWebデザインギャラリー・リンク集
→ Web Design Clip
このWEBサイトの特徴
バーガーメニューにあるTagで、WP・レスポンシブ・WEBフォント・ロゴ・見出しなどの独自の検索があるのが他のサイトと違う点です。
グローバルメニューからは、以下が選べます。
- 言語（日本語）
- 言語（世界）
- LP
- スマートフォン
バーガーメニューからは、以下が選べます。
- カラー
- Category：業種
- Tag：テイストやレイアウト。その他、独自のタグ
※2021.06.01 現在は、1,531サイトが掲載中
I/O 3000
Webデザインに関わる人のための Webデザインギャラリーサイト
→ I/O 3000
このWEBサイトの特徴
国内外のWebサイトを掲載しているため、デザイン制作の際に役立つサイトです。
掲載されているカテゴリは、以下などがあります。
- 業種・業態
- タグ（デザインのテイストやジャンル、技術など）
- WEBサイトのカラー
- アーカイブ（年度）
S5-Style
参考になるハイクオリティなサイトのリンク集・Webデザインギャラリー
→ S5-Style
このWEBサイトの特徴
良いデザインが多数掲載されているサイトです。
カテゴリを絞って確認したい場合は、グローバルメニューの「Categories」から絞り込み表示が可能です。
掲載されているカテゴリは、以下などがあります。
- 業種・業態
- WEBデザインの種類
- WEBサイトのカラー
- WEBサイトの種類
- アーカイブ（年度）
81-web.com
日本のWebデザイン・Webサイトギャラリー＆リンク集
→ 81-web.com
このWEBサイトの特徴
日本のWebサイトを掲載したサイトです。
他のサイトと違う点は、サイト画像をホバーするとサイトの情報が表示される点。
ページ遷移せずとも、気になったサイトデザイン（画像）の情報を確認することが可能です。
※サイト全体を確認したい場合
画像上をホバーした際に表示されるサイトのタイトルテキストをクリックすると確認できます。
※2021.06.06 現在は、7,984サイトが掲載中
straightline
Webデザインの参考・お手本となるサイトを集めたWebサイトギャラリー・リンク集
→ straightline
このWEBサイトの特徴
海外のサイトも多いということで、紹介されているWEBサイトがとてもオシャレです。また、日本のサイトも工夫やアイデアが多く盛り込まれているものが多いため、よくあるサイトではなく工夫を凝らしたサイトを作りたい時などの参考サイトとして最適です。
掲載されているカテゴリは、以下などです。
- WEBサイトのカラー
- WEBサイトの種類
- レイアウトパターン（カラム）
- その他（言語・JSなど）
【昔からあるサイト】ikesai
ウェブデザイナーのWEBデザインデータベース
→ ikesai.com
このWEBサイトの特徴
WEBデザイナーのためのWEBデザインポータルサイトで、かなり昔から運営されています。
その名の通り「イケてるサイト＝イケサイ」をピックアップして掲載されています。
掲載されているカテゴリは、以下などです。
- 業種・業態
- 色・配色
サイトのレイアウトが昔のままなので、やや掲載しているサイト自体は古い印象がありますが、掲載している情報自体は参考になります。
【番外編】Pinterest
アイデアを発見・整理するツール
→ Pinterest
このWEBサイトの特徴
写真共有サービス「Pinterest」も、デザインだけを参考にしたい場合はオススメです。
普通に検索するよりも沢山の種類のWEBデザインが確認できたり、配色についても結構参考になるものが多いです。
参考サイト一覧で、自分の求めているデザインが見つからなかった場合などは、Pinterestを使って参考サイトを探しています。
【WP特化】WPデザインギャラリー
WordPress（ワードプレス）を使用した国内外のWebサイトを収集したWebデザインギャラリー
→ WPデザインギャラリー
このWEBサイトの特徴
WordPress（ワードプレス）を使用したWEBデザインに特化したWEBデザイン一覧サイトです。CMSを絡めたWEBデザインを制作する際は、システム面を考慮して制作する必要があるため参考サイトが役立ちます。
掲載されているカテゴリは、以下などです。
- 業種・業態
- WEBサイトのテイスト
- WEBサイトのカラー
- レイアウト（カラム）
フッターから検索できます。
※2021.05.31 現在は、443サイトが掲載中
