Pocket

どうもどうも、yohicです!
最近、日本のwebデザインも海外ぽいのが増えてきましたね。
もっぱらベンチマークするのも日本のサイトばかりになっていたのですが、海外もチェックしておかないとなーと思い久しぶりに見てみたらびっくりしました。
最近のトレンドをこれでもかってくらい盛り込んだ、様々なアイディアのサイトを20サイト絞り込んでみましたので、ぜひ参考にしてみてください!

スポンサーリンク



01:Topple Trump! | It’s The Game You’ll Love To Hate

01
https://toppletrump.com/
トランプさんが大統領になるのを止めるキャンペーンサイトなんですかね・・・?
フラットデザインとイラストの相性はやはり良いですね。
ゲーム要素が入ってますがサクサク動くのがすごい。

02:SIRIN LABS

02
https://www.sirinlabs.com/
重めのローディングですが、それを納得してしまうくらい、グリグリ動くコンテンツ。どうやって作ってるんだろうか。。

03:Welikesmall • Belief in the Making™

03
http://www.welikesmall.com/
最近のトレンドでもある、背景に動画を流すタイプです。
この手のサイトは動画の編集が命ですね。このサイトの動画はかなりかっこいい編集だと思います!

04:POP Montreal | International Music Festival and +

04
https://popmontreal.com/en/
ぶっ飛んだデザインだなあとおもいきや、サイトに入るとかなりよく出来たUIだと思いました。
グローバルナビゲーションや画面遷移の動きなど参考になります。

05:HelloMind

05
http://hellomind.com/
パララックスの動きがすごく気持ちいいですね。メニューの作りもいい感じです。

06:Юридическая компания White Tetris

06
http://whitetetris.com/ua/
謎のテトリスがインパクトありますね。ロシアのサイトなんですが、なんのサイトかわからず・・インパクトだけで選んでしまいました。。

07:Granny’s secret

07
http://www.grannyssecret.com/
ローディングの動きや画面遷移の動きなど綺麗ですね。
参考にしたいです。

08:The Game: Факт | Официальный сайт

08
http://molodost.bz/fact/
またインパクトだけで選んでしまったんですが、これもロシアのサイトです。ロシアのデザイントレンドはインパクト勝負なのか・・

09:Bangui a Forgotten Crisis – Action Against Hunger

09
http://www.bangui-loubliee.com/#homepage
動画のクオリティ高いですね。すごい。
あと360度の写真コンテンツもいいですね!これから流行るのかなー

10:Heftwerk – Indie Magazine Publishing Made Easy

10
http://heftwerk.com/index.php
ゴテゴテなサイトが続いたあとに、これだけシンプルなサイトがくるとハッとしますね。やはりシンプルなデザインはいいなあ。

11:Sean Klassen

11
http://seanjklassen.com/
デザイナーさんのポートフォリオサイトですかね。
こちらもシンプルで見やすいサイトです。
シンプルなデザインにすごいクオリティの写真の組み合わせが最強なんじゃないかと思ってきました。

12:NoiseCans | Noise with a purpose

12
http://noisecans.com/
シンプルなデザインが続いてたので油断してました。
なんですかこれは。海外のヤンキーってこんな感じなんですかね。ビジュアルのインパクトと動画のインパクトはすごいです。

13:Lo-Flo Records

13
http://loflorecords.com/
ローディングからロゴへの変化がすばらしいアイディア!参考にしたいです。サイトのコンテンツ部分もいいですね。このレイアウトは自分では絶対に思いつきませんね。すごい。

14:Carnival

14
https://www.carnival.com/awaywego/360vacation/
全コンテンツが360度の写真です。こういった紹介にピッタリな表現方法ですね。

15:The Hidden Worlds of the National Parks

15
https://artsandculture.withgoogle.com/en-us/
トレンドで背景に動画入れてますってよりも動画ですね、これ。さすがに動画のクオリティ高いです。映画見てるみたい。

16:Ruta a la Aventura: Green Forest Tours

16
https://www.greenforest.com.mx/
写真や動画に文字載せるのって難しいですよね。この感じは参考にしたいですね。

17:Feedmusic

17
http://www.feedmusic.com/
スクロールの動きと写真のエフェクトが良いですね!

18:Lookbook – ETQ Amsterdam

18
https://www.etq-amsterdam.com/
メニューの動きが気持ちいいですね。この自然な感じの動きを作るのって難しいですよね。動きが小さくてもインパクトないですし、やり過ぎてもダメですし。

19:BIGSOUND BUZZ – by Bolster.

19
http://www.bigsound.buzz/
ここまで色数が少ないのにインパクトすごいですね。

20:Reva Studio

20
http://revastudio.org/
最後!特にトレンドなデザインなわけではないし、コンテンツは写真だけという単調なサイトなのですが独特な感じに惹かれて選んでみました。ウクライナのサイトです。

いかがだったでしょうか。
デザインのトレンド以前に、各サイトそれぞれお国柄的なものがあることに気付かされました。
あと、これからwebデザイナーに求められるスキルとして動画編集や動きをデザインする技術・知識が必要になりそうですね。

ではでは、皆様の参考になれば幸いです!

スポンサーリンク



Pocket

There are currently no comments.