どうも!くまweb広報ノダです!
僕はウェブデザイナーとしてこの業界に飛び込みました!
思い出すのは新人時代、デザイン力を磨くためにできるだけ多くのことをインプットしなければ!!と息巻いて毎日のようにお世話になっていたのが
「デザインリンク集」です。
デザインリンク集は優れたウェブサイトを掲載しているサイトなのですが、
リンク集に掲載されることはウェブデザイナーとして名誉なこと。
当時はデザインリンク集の数も少なかったのですが、今ではデザインリンク集の数も増えて、LPやスマホデザインに特化していたり、海外のサイトを見られたりと多様化しています。(くまwebの運営しているコードフォリオも個性的なリンク集のひとつですね!)
今日はそんなデザインリンク集の特徴をまとめてみました!
制作会社のチョイスが光っている!MUUUUU.ORG
https://muuuuu.org/
まずご紹介するのがMUUUUU.ORGというリンク集です。
更新頻度も多く、設計もシンプルでワンクリックで気になるウェブサイトへ飛べるのも嬉しいところ。
カテゴリーの分け方がかなり細かくて「写真少なめ・写真以外のビジュアル表現」や「優れたレイアウト・構成」など制作者視点の分け方はデザインを学びたい制作者にはとても助かる点ではないでしょうか?
こちらのサイトはクオートワークスのムラマツヒデキさんが運営しており、制作会社らしい確かな視点で選ばれているんだなと感じます。
https://x.com/muuuuu_chang
ムラマツさんのyoutubeもとてもユニークで勉強になる動画がたくさんあるので興味があればぜひぜひ!
見やすさと探しやすさが両立したデザインリンク集!81-web.com

https://81-web.com/
僕が良いサイトないかな〜と探す時に一番最初に見るのが81-web.comさんです。
muuuuuさんと同じくシンプルで見やすい設計に、サイトの飛ばずともトップページのデザインがPCとSPで確認することができます。
これ登録作業かなり面倒だと思うんですが運営の方の努力素晴らしい!
さらに、直接ウェブサイトへリンクするボタンが設置されていたり、ブックマーク機能があったりと、サービスサイトとしてシステムがとても作り込まれています。
他にもカテゴリの複数選択やキーワード検索ができる点もかなり嬉しい。ウェブサイト愛が伝わる素敵なリンク集です。
海外からLPまで網羅したデザインリンク集!Web Design Clip

https://webdesignclip.com/
Web Design Clipさんも昔からむちゃくちゃお世話になってるリンク集です。
特徴的なのはメインメニューに「Japan」「World」「Landing Page」「Smartphone」と分類されていること。
特に海外デザインを探すのは大変だったりするので優れた海外サイトを一括で見れるのはとても助かります。
同じ理由で優れたランディングページも検索で見つけるのってすごくめんどくさい(LP自体が検索に引っかかりにくいので)こうした制作者の抱える課題をしっかりと解決しているあたりがさすがだなぁーと感じます。

その他ユニークな点として、メニューからカラー検索やレイアウトタイプで検索できたりします。
キーワード検索できるのも嬉しいですね。
これは助かる!パーツで探せるデザインリンク集Parts.

https://partsdesign.net/
ヘッダーメニューや会社概要、よくある質問に料金ページの表など、デザインのテイストがどうしても似てきてしまうのはウェブデザインあるある。
そんな時にめっちゃ役に立つサイトがparts.さんのリンク集。
インフォグラフィックや
CTAなどかゆい所に手が届く「パーツ」のデザイン紹介をされています。
常に傍らに置いておきたいウェブデザイン辞書のような素晴らしいコンセプトのデザインリンク集です。
誰が作ったか分かるデザインリンク集SANKOU!

https://sankoudesign.com/
つづいてはここ最近「ある機能」で話題になったSANKOU!さんです。
その機能とは制作者が分かるサイトには「クレジット」が載っていることです。

これは僕が知る限りいままでのリンク集ではなかった機能です。
というより、以前の制作業界では代理店からの仕事が多く、制作会社自体は実績を公開できない場合も多くありました。
しかし、時代は変わり、制作会社が直接クライアントとつながり自社サイトやSNSで実績を紹介したり、制作チームもオープンにする文化も広がっています。
そういった新しい文化の一翼を担っているリンク集がSANKOU!さんだと思います。
元々インターネットは共有の文化です。
制作チームをオープンにすることは優秀なクリエイターやプログラマーを広め、囲えなくなるデメリットはあります。
でもそれ以上に共有することで仕事が増えて制作者全員で豊かになっていく、
クレジットの公開は、そんな考え方が広がるような素敵なカルチャーだと僕は考えています。
ちなみにSANKOU!さんはスマホ版のデザインリンク集も運営していて、こちらもかなり見やすくておすすめです!
SANKOU!spスマホサイトリンク集
https://sankoudesign.com/sp/
革命的な仕組みをつくったデザインリンク集S5-Style

https://www.s5-style.com/
S5-Styleさんも非常に面白いコンセプトのリンク集です。
これまでのリンク集は「美術館とそれを見に来るお客さん」という関係性でした。
でもS5-Styleさんの場合、ユーザー自体がキュレーターとなってデザインのレファレンスをまとめたりコレクションすることができます。
そしてそうしてキュレーションされたウェブサイトはキュレーター毎に共有され閲覧することができます。

いわばデザインリンク集のコミュニティが出来上がっているわけです。
この設計はとても面白いし、これまでのリンク集の概念をひっくり返すような衝撃とワクワクがありました。
優れたデザインを探す指標としてブックマーク数を参考にすることもでき、ワクワクと機能性が両立した素晴らしいリンク集です。(個人的にもっと広まれ〜と思ってます)
みんなでつくるデザインリンク集 ちょうどいいwebデザインギャラリー

https://choooodoii.com/
こちらのリンク集も非常にユニーク!S5-Styleさんのようにキュレーションの仕組みをつくりつつも、キュレーター自体がサイトの「ちょうどよいところ」を解説しているという仕組みを導入しています。

https://choooodoii.com/gallery/22959/
これがサイトによってはかなり詳細に言語化されていて、かなり面白いです。
デザインの言語化ってかなり難しくて、なんとなくかっこいい!かわいい!というのは分かっても
「何がどう良いのか?」を説明するスキルはまた別だったりします。
ちょうどいいウェブデザインギャラリーさんのギャラリーを日々見続けるだけでも言語化のスキルが上がりそう!
アニメーションが一覧で見れるデザインリンク集1GUU

https://1guu.jp/
1GUUさんの特徴はサイトに飛ばなくてもサムネイルのアニメーションで動きを確認できる点です。
ウェブディレクターは参考にしたいアニメーション探す時にこの一覧性は助かるんじゃないでしょうか?
サイト毎に動画のキャプションとってアップするのは中々大変な作業かと思いますがそういった手間を惜しまないこだわりが素晴らしい。
あとなかなかユニークだったのが世界のサイトを凄まじい数の国別にカテゴリされている点。

ハンガリーのサイト、はじめて見ました笑
レジェンドデザインリンク集 ikesai.com

https://www.ikesai.com/
17年前、専門学校に通っている時に最初に教えてもらったデザインリンク集です。
デザインリンク集最古参の一つじゃないかと思います。
当時はほとんどリンク集もなくて、毎日のようにイケサイを見て日本中のかっこいいサイトを探しては憧れをいただいていたのも今となっては懐かしい思い出です。
これまで紹介してきたリンク集と比べると機能性やUI/UXで劣る部分はありますが、とても長い間ウェブ制作者たちに良いサイトを紹介しつづけてきたことはとても素晴らしい活動だなとリスペクトを込めて紹介させていただきました!
コーダー視点のデザインリンク集 codefolio

https://codef.jp/
最後に弊社の運営しているコードフォリオも紹介させてください笑
これまでのリンク集は「デザイン」が中心でしたが、くまwebはコーディングの会社であり、世界中のコーダーさんをリスペクトし応援したい!という想いがあります。そうした想いから生まれたのがコードフォリオです。
サイト選定の軸は「コーディング」によって生まれる表現です。
そしてそうした素晴らしいコーディングを世界中から探してきて日々紹介させていただいてます!
これからもどんどん参考になる表現を紹介していきますのでご興味ありましたらXのフォローお願いします🙇
https://x.com/codef_official
■■■■ ご依頼お待ちしてます! ■■■■

基本設計料、CSS作成費用は一切なし!
安くて、早くて、上手い!がモットーのくまWEBへコーディングのお仕事お待ちしております!
■料金
https://kumaweb-coding.jp/price/
■お見積り
https://kumaweb-coding.jp/contact/
