今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 8.16~8.22

今週の「気になる」シリーズはサイト:7、プラグイン:2、ソースサンプル:1、デジタル広告:1でお送りいたします。

VN Star Development Group(WEBサイト)

150907_06

http://vnstar.com.ua/en/

ウクライナはキエフの不動産紹介サイト。ミニマルなデザインにSVGのグラデーションモーフィングと画像が重なり美しい。

Animated SVG Hero Slider(ソースサンプル)

150907_01

http://codyhouse.co/gem/animated-svg-hero-slider/

ブラウザのフルスクリーンスライダーのソースサンプル。SVG要素を斜めにマスクさせてスライドさせています。

Artificially Intelligent Poster(デジタル広告)

150907_02

https://www.youtube.com/watch?v=JfpuqfqC-ts

キネクトと顔認識システムが組み込まれており、通行人の表情・リアクションを撮影し、リアルタイムでその瞬間の感情を推測・判別して表示する広告を変えるという試み。

Tech Cities(WEBサイト)

150907_03

http://www.savills.co.uk/tech-cities/index.html#intro

世界中に展開している不動産サービス会社savillsグループのWEBサイト。各国の統計データをインタラクティブなUIで閲覧出来ます。

MUGAKO – FESTIVAL DE MÚSICA ELECTRÓNICA CONTEMPORÁNEA DE VITORIA (WEBサイト)

150907_04

http://www.mugakofestival.com/

スペインのエレクトロニカ系のフェスMUGAKOのWEBサイト。幾何学アイコン、背景にスイスデザイン的アプローチがマッチ。特にアーティストページがクール。

PleaseWait(プラグイン)

150907_05

http://pathgather.github.io/please-wait/

ページ読み込み時のローディングプラグイン。特徴はアニメーションエフェクトが選べる所

Facility Management Petas(WEBサイト)

150907_07

http://www.petas.it/

イタリアの建築会社(ファシリティーマネージメント)のサイト。シングルページでスクロールでダイナミックに要素がイン・アウト表示される。

Smoothslides(プラグイン)

150907_08

http://kthornbloom.github.io/Smoothslides/?utm_source=jquer.in&utm_medium=website&utm_campaign=content-curation

パンエフェクトできるスライダー。スマホだと画面が小さいので画像を縮小するしかないですが、時画像の比率を変えずに使いたい場合などに使えそうです。エフェクトのオプションも豊富です。

Portal Nissin(WEBサイト)

150907_09

http://www.nissin.com.br/

nissinのブラジルWEBサイト。レトルト食品ですが、色鮮やかな食材、食卓画像で、オーガニックな雰囲気を出しています。

Las Fantásticas Aventuras del Focus 2015(WEBサイト)

150907_10

http://www.fantasticasaventuras.com/

フォード フォーカスのPRサイト。ぶっ飛んだストーリーのMOVIEとボーナスコンテンツの2本立てで、UI・インタラクションが気持ちいいです。

Ramin Nasibov(WEBサイト)

150907_11

http://www.nasibov.me/

ポートフォリオサイト。クオリティーの高いworksの数々をピックアップしながらも、メインビジュアルの遊び心のあるgifアニメが親近感をわかせます。

Share

  • このエントリーをはてなブックマークに追加

Follow(SNSで定期購読)

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>