tomitaku.net

2016年8月 デザインや表現方法が気になったWebサイトまとめ

2016-08-31 WEBサイト、デザイン blog

今月見て気になった国内・海外のWebデザインを紹介します。今月は海外サイトが多めです!

The responsive lookbook

DIESEL

出典:SosoTasty

DIESELの大ヒットシリーズJOGGJEANSのプロモーションサイト。JOGGJEANSは見た目は完全なデニムでありながらスウェットパンツのように柔らかい着心地を実現する、新感覚のパンツ。サイトではウィンドウサイズに応じてモデルさんが様々な体勢になり、製品特徴を表現する構成になっています。単純ですが効果的な訴求方法ですね。

SosoTasty

SosoTasty

出典:invstr

Twitter上のハッシュタグやメンションを拾ってアーカイブしているサイト。このテのサイトはよく見かけるが見せ方が抜群に格好良い。個性的な色をセンスよくまとめているなどクオリティの高い作品となっています。

invstr

invstr

出典:Meet Graham

スクロールした時のアニメーションが細かく設定されている。テンポがよくて嫌味がなく綺麗な印象

Meet Graham

Meet Graham

出典:DUX

ちょっと気持ち悪い(ごめんなさい、、)んだけど骨とか内部組織の見せ方とか参考にしたいなと。

DUX

海外サイトらいしい大胆な色使いとロゴをモチーフとしたダイアグラムが印象的なデザイン。

51 Sprints – The Human Race

The Human Race

出典:Susa Ventures

どういう目的のサイトなのか不明なのですがレースシーンの再現などはいいアイデアだな〜と。

Susa Ventures

キービジュアルで雲だけは動かしていたり全面に構成されたグリッドの所々が動いていたりしてステキです。コンテンツ内のメンバー写真なども彩度を落として色調を揃えるなどサイト全体のトーンも僕好みです。

Digital Design Days

Digital Design Days

出典:Heyblend

デジタルデザインらしいサイトデザイン。マウスホバー時の動きもGOOD!

Heyblend

写真&動画のプロダクションのサイト。撮影プロダクションのサイトは写真ドーン!モノクロ&めっちゃシンプル!なデザインをよく見かけますが、色使いといい結構攻めてますね!キービジュアルの写真も粒子が荒くてフィルムっぽさがあっていい感じです!

Adult Swim Singles 2016

Adult Swim Singles 2016

出典:Welikesmall

視差効果のあるイラストレーションがクリック長押しで拡大します。全体のうにょうにょ感が世界感を構成していますね。

Welikesmall

workの見せ方ステキ。ShiftBrainさんの最新事例(https://draft.co.jp/)でもこんな感じのレイアウトになってたけど最近の流行りなんでしょうか?

Converse Diamonds

単純な映像ドーーンかとおもいきやクリックに応じて動きがあったりとインタラクション性のあるサイトでした。

Alexandre Rochet

メニューが素敵すぎ!

イズヤングフェス ’16

フォントがステキだな〜。柔らかい雰囲気があって書体でサイトデザインにも合っています。Tumblrで作られてるのもポイント高いですね!

ECHO 50V BATTERY SERIES

無駄に買いたくなるほどカッコいいデザイン!

以上です。
来月も紹介する予定ですのでよろしければまだご覧ください。