【ワクワク!】すごいWEBサイトまとめ16選【2020年版】

WEBデザイン

 

「こんなのどうやって作るの?」

「これはマジですごい!」

 

と思えるようなWEBサイトを16選を紹介していきます!

 

この記事を書いている僕は、現在大阪のWEB制作会社で働いています。

自分のコーディングの幅を広げるために、毎日複数のWEBサイトに目を通している。

 

そんな僕が、今回すごいと思えるようなWEBサイト16個を選ばせて頂きました。

ブログを読んでいる方は、デザイナーやWEBサイトを作るフロントエンドエンジニアだと思うので、是非これからのクリエイティブ活動のお役に立てれば嬉しいです!

全くクリエイターじゃない人でも、目で見て楽しめるWEBサイトをまとめているので、良かったら見てください〜!

 

【ワクワク!】すごいWEBサイトまとめ16選【2020年版】

すごいWEBサイトまとめ16選を紹介していきます。

どれも凄すぎるし、作ったクリエイターの方の技術が半端ない!

 

1. YAMAZAKI MOMENTS – 山崎蒸溜所

http://yamazaki-moments.jp/

 

こちらのサイトは、パソコンで見ると、動画からスタートします。

ナレーションと共に、サントリーのお酒の紹介がされている。

CMみたいで、クオリティが高すぎる!

 

さらに、ページごと文章をナレーションしてくれます。

使っている動画も細かい部分までしっかり描写されていて最高のサイトでした!

パソコンで見ると、このサイトの凄さがより伝わってきますよ〜。

 

2. BECAUSE

http://www.because-recollection.com/christine-and-the-queens

 

こちらのサイトは、確かアーティストのアルバムの紹介サイトだったはず。

なんといっても、サイト内のアニメーションと共に、音楽を聞くことが出来ます。

言葉で説明しにくいですが、こんなサイト見たことないですね笑

さすが海外のクリエイターですね!

 

3. みさとと。

https://www.town.shimane-misato.lg.jp/misatoto/

 

こちらは、地方自治体のプロモーションサイトです。

サイトをスクロールしていくと、下に進むのではなく、奥行きを使って、どんどん奥に進んでいくサイト。

すると、島根県の美郷町の名物や観光名所などを見ることが出来ます!

サイトを通して、1つの物語みたいに進んでいくので、見てて面白い。

 

将来こんなサイト作れるようになりたいな〜。

 

4. 佐久間徹設計事務所

https://sakumastudio.com/

 

こちらは、建築事務所のサイトです。

建築家のサイトであるので、余計なデザインが全くなく、自然と家の写真に目がいくように設計されていますね!

 

あと写真をクリックした後に起きるアニメーションがおしゃれ!

さらにタイトルや目次が縦文字なので、日本ぽさが伝わってきます。

建築家のサイトは、かっこいいサイトばかりですね。

 

5. PATRA

https://patrainc.jp/

 

サイトを開いて出てくるデザインが、まるでジブリ映画のワンシーンかのようでした!

スクロールしても、女性のアイコンは固定されたまま。

インパクト大のサイトでしたね!

 

6. 星のや

https://hoshinoya.com/

 

サイトで使っている写真が綺麗すぎる。

そして星のやの上品さが凄く伝わってくる。

星のやに泊まったことはありませんが、最高のおもてなしを受けれるんだろうな〜と思えるようなサイトでした!

 

7. I LOVE THIS FAME

http://ilovethisfame.com/

 

なんのサイトかよく分からないですが、サイト内でバスケのシュートを打つゲームが出来ます!

どういう目的でこのサイトを作っているのやろ?笑

バスケ部の人は、是非遊んでみてください!

 

8. POGG

https://pogg-sweetpotatopie.com/

 

こちらのサイトはスイートポテトのサイトです。

サイト内に写真や動画をちりばめることで、ポテトの美味しさを存分に引き立たせていますね!

サイト見ればわかりますが、めっちゃ美味しそう!

見たら、絶対スイートポテトを食べたくなりますよ!

 

9. ようこそ、キミが主役の広告会社へ。 | 日経社 2021年度 採用サイト

https://www.nks.co.jp/recruit2020/

 

株式会社日経社のリクルートサイトです。

トップページがビルになっており、各フロアを押すと、エントリーフォームなどにページが遷移します。

遊び心満載のサイト!

絶対他のサイトと被らないですね!

 

10. UNLOCK YOU | WW | WIRED

https://w-wired.com/ww/pc/

 

今まで見てきたサイトの中で、一番よく分からないサイト笑

どんな目的で作ったのか分からなさすぎて、逆にすごいと思いました。

ウサギなのか分からないけど、ひたすらずっと動いてるし笑

 

11. 市川眼科医院

https://ichikawa-eye.jp/

 

こちらは眼科のサイトです。

なんといっても、サイトを開いた出てくる写真がいいですね!

2人の親子の表情も素敵で、目がパチパチしているアニメーションも可愛いですね!

眼科のサイトは基本固いイメージですが、市川眼科医院のサイトは全体的に柔らかく、親しみのあるサイトでした!

 

12. Nagi Yoshida(ヨシダナギ)Official Web Site

http://nagi-yoshida.com/

 

少数民族を主に撮影されているフォトグラファーのヨシダナギさんのオフィシャルサイトです。

写真家のサイトは、写真がメインなので、余計なアニメーションやデザインがなくて凄くかっこいい!

ヨシダナギさんの写真展を大阪で見たことがありますが、独自の世界観があり、感銘を受けました。

 

13. enzo 燕三条から生まれる縁を造る最適なキッチンウェア

https://enzo-tsubamesanjo.jp/

 

こちらはフライパンなどを売っているサイトです。

サイトで特に好きな部分が、職人の方の写真。

魂を込めて、1つ1つ商品を丁寧に作っていく姿が映し出されている。

職人の方の思いが伝わってくるサイトです!

 

14. AirPods Pro

https://www.apple.com/airpods-pro/

 

こちらはAppleのAirPods Proの商品ページです。

スクロールすると、下にページが動くのではなく、奥から手前にページが遷移してくる。

スクロールするごとに、AirPods Proの商品紹介や性能、そして使い方がストーリー仕立てで理解することが出来るサイトになっています!

クオリティが高すぎますね!

 

15. オモコロ

https://omocoro.jp/

 

こちらは株式会社バーグハンバーグバーグが運営しているメディアです。

どこのサイトにも真似することの出来ないデザインの癖の強さ笑

メディアの記事自体も面白いので、興味ある方は是非見てください〜。

 

16. 岡山神社

https://www.okayama-jinjya.or.jp/

 

こちらは岡山神社のサイトです。

なんといっても岡山神社のサイトは、余白のデザインが独特!

これだけ余白が空いているにも関わらず、統一感を感じられる。

全体的に余白のデザインが凄すぎるサイトでした!

絶対真似できない。

 

どこでWEBサイトを見ているのか?

「どこでWEBサイトを調べてるん?」

と思っている人がいるかなと思ったので、僕が日頃からどのようなサイトから情報を得ているのか、シェアさせて頂きます!

 

僕が毎日見ている4つのサイトがこちら!

 

4つのサイト以外には、「すごい WEBサイト」で検索して、出てきたサイトを見たり。

あとは、Twitterで拡散されているWEBサイトを見たりします。

 

WEBサイトの調べ方は人それぞれだと思いますが、もし「どうやってすごいWEBサイトを探すのか分からない!」って方がいたら、今回紹介したことを是非参考にしてみてください〜!

 

まとめ

以上が、すごいWEBサイトまとめ16選【2020年版】でした!

まだまだ世の中には、すごいWEBサイトが眠っています。

だから、これからも毎日インプットして、さらにすごいWEBサイトを見つけていきます!