今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 5.3〜5.9
BLITZ(WEBサイト)
どこから説明していいか分からなくなるぐらいリッチで、細部まで作り込まれたサイト。3D表現、アニメーション、googlemapを拡大するアニメーション。アメリカロサンゼルスの制作会社。
Makeup Genius(WEBサイト)
http://lorealparis.dk/makeupgenius
LOrealのアプリ紹介LP。クオリティーが高い事とスライダーのアイディアに注目しました。
3D Folding Panel(サンプルソース)
http://codyhouse.co/gem/3d-folding-panel/
PCの場合は折りたたまれた紙を開くように、SPではキューブアニメーションで要素が出現するサンプルソース。IE9以上で動作可能。
Music’s everything | Revelator(WEBサービス)
アーティスト支援サービスのサイト。アップロード→販売→販促→レポートが出来るんですが、サイトのUIやアニメーションがオサレですよ。
Photography Website Concept(サンプルソース)
http://tympanus.net/codrops/2015/05/06/photography-website-concept/
フォトグラファー用のギャラリー系に使えそうなサンプルソース。ドラッグでカテゴリを選べ、タッチデバイスライクでストレスなく画像へ遷移できます。
WAY TO GO(WEBサイト)
googlemap的な360度見渡せる空間でシュールなキャラが走る、飛びまくるサイト。グリッチ表現、マウス管理、キャラクターのアクション等、奥深いですね。
Brdr. Krüger(WEBサイト)
デンマークの木製インテリアサイト。北欧的でオーガニックな印象を与えるデザインです。
Clusterize.js(プラグイン)
http://nexts.github.io/Clusterize.js/
dom操作で大量のデータを操作すると固まったり、場合によっては落ちますよね?このプラギンは10万、50万行という桁外れなデータもレンダリングできます。大型のtableを使うときなんかに良いのでは?
Seeing Data(WEBサイト)
http://seeingdata.cleverfranke.com/
イギリスの国勢調査をまとめたデータビジュアライゼーションのサイト、SVGやCANVASを使ったアニメーション
Interdimensional(プラグイン)
http://vodkabears.github.io/interdimensional/
スマホ、タブレットの傾きセンサーを利用してスクロールできるプラグイン。WEBサイトに加速度センサーを使えるプラギンは珍しいですが、サイトにゲーム感覚のアクションを導入できそうです。
AUTOMAT_ an interactive Demo(WEBサイト)/h3>
http://automat.standardabweichung.de/
クオリティーの高い3Dモーショングラフィックスをcanvasで。
Ex Machina – Ava Sessions(WEBサービス)
PCカメラで撮影した画像を幾何学ノードを使って再構成してくれるWEBサービス。カメラを撮影したくない場合は手持ちの画像でもOK。オサレな画像に仕上がりますよ。