WEBLOG

わたくし的備忘録。

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

今月見て気になった国内・海外のWebデザインを紹介します。ここ数年データビジュアライズ系の作品を多く見かけますが今回も1作品ピックアップしています。

Active Theory
active-theory
FWA、THE ONE SHOW、CANNES LIONS など様々なアワードでの受賞歴を持つデジタルプロダクション Active Theory のコーポレートサイト。Awwwards の SOTD の常連プロダクションではありますが、掲載作品を見ていると見た目の斬新さもさることながら、インタラクティブなムービーコンテンツを作成するなどテクニカルな領域での評価も高いのかもしれません。

Media Election
media-election
投票日が来月に迫るアメリカ大統領選挙の候補者ヒラリー・クリントン前国務長官と、ドナルド・トランプ氏のメディアでの注目度を収集し結果を予測するサイト。アンディ・ウォーホル風のハーフトーンとポップな配色が絶妙です。制作しているのは SOUNDCLOUD や MAROON5、RollingStone 等を顧客に持つニューヨークのインタラクティブエージェンシー FOUR32C です。FOUR32C はAwwwardsでも評価が高く、今回紹介している Media Election も SOTD 受賞作品です。

Bastille: Eye of the Stormers
bastille
Bastille の Spotify でのストリーミング配信数をビジュアライズした作品。時系列や世界の都市別等でソートでき、TOP5のトラックのサンプルも聞くことができます。重厚なブラックベースの背景にダルトーン気味のイエローというシンプルなカラースキームですが、常時アニメーションされているパーティクルやラインがとても美しく近未来っぽさを感じさせます。

Manneknepis | マヌカンピス
manneknepis
レイアウトや写真の大きさなどバランスがステキでとても参考になるデザインです。イラストのタッチもサイトの世界感にマッチしていますし、使用しているフォント(ひらがなとカタカナだけ)のチョイスも抜群で全体の調和が取れた絶妙なデザインに仕上がっています。個人的な意見ですがイラストや写真に示唆効果をつけてスクロールに一癖入れても良かったのかな〜と思ったりもします。

Honda Moto 2017
honda-moto-2017
9月にティザーサイトとして公開していた Honda の大型二輪車モデルのグローバルコミュニケーションサイト「Honda Moto 2017」が正式公開しました。グローバルコミュニケーションということで言語を前提としたコミュニケーションではなく、イメージ(ムービー)での訴求に力を入れている印象です。メインコンテンツは2017年に登場する注目モデルを1分程度の程度の映像にまとめた短編ドラマ。アーティストのMVのようなおしゃれな映像で、二輪車のあるライフスタイルの提案や製品の具体的なイメージの訴求を図っています。今後は13の言語に対応する予定とのことで、言語+イメージによってグローバル展開を加速させていくようです。

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

【2016年 過去のまとめ】
2016年9月 デザインや表現方法が気になったWebサイトまとめ
2016年8月 デザインや表現方法が気になったWebサイトまとめ
2016年7月 デザインや表現方法が気になったWebサイトまとめ
2016年6月 デザインや表現方法が気になったWebサイトまとめ
2016年5月 デザインや表現方法が気になったWebサイトまとめ
2016年4月 デザインや表現方法が気になったWebサイトまとめ
2016年3月 デザインや表現方法が気になったWebサイトまとめ
2016年2月 デザインや表現方法が気になったWebサイトまとめ