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

BLITZ(WEBサイト)

150526_01

http://www.blitzagency.com/

どこから説明していいか分からなくなるぐらいリッチで、細部まで作り込まれたサイト。3D表現、アニメーション、googlemapを拡大するアニメーション。アメリカロサンゼルスの制作会社。

Makeup Genius(WEBサイト)

150526_02

http://lorealparis.dk/makeupgenius

LOrealのアプリ紹介LP。クオリティーが高い事とスライダーのアイディアに注目しました。

3D Folding Panel(サンプルソース)

150526_03

http://codyhouse.co/gem/3d-folding-panel/

PCの場合は折りたたまれた紙を開くように、SPではキューブアニメーションで要素が出現するサンプルソース。IE9以上で動作可能。

Music’s everything | Revelator(WEBサービス)

150526_04

http://revelator.com/

アーティスト支援サービスのサイト。アップロード→販売→販促→レポートが出来るんですが、サイトのUIやアニメーションがオサレですよ。

Photography Website Concept(サンプルソース)

150526_05

http://tympanus.net/codrops/2015/05/06/photography-website-concept/

フォトグラファー用のギャラリー系に使えそうなサンプルソース。ドラッグでカテゴリを選べ、タッチデバイスライクでストレスなく画像へ遷移できます。

WAY TO GO(WEBサイト)

150526_06

http://a-way-to-go.com/

googlemap的な360度見渡せる空間でシュールなキャラが走る、飛びまくるサイト。グリッチ表現、マウス管理、キャラクターのアクション等、奥深いですね。

Brdr. Krüger(WEBサイト)

150526_07

https://brdr-kruger.com/en

デンマークの木製インテリアサイト。北欧的でオーガニックな印象を与えるデザインです。

Clusterize.js(プラグイン)

150526_08

http://nexts.github.io/Clusterize.js/

dom操作で大量のデータを操作すると固まったり、場合によっては落ちますよね?このプラギンは10万、50万行という桁外れなデータもレンダリングできます。大型のtableを使うときなんかに良いのでは?

Seeing Data(WEBサイト)

150526_09

http://seeingdata.cleverfranke.com/

イギリスの国勢調査をまとめたデータビジュアライゼーションのサイト、SVGやCANVASを使ったアニメーション

Interdimensional(プラグイン)

150526_10

http://vodkabears.github.io/interdimensional/

スマホ、タブレットの傾きセンサーを利用してスクロールできるプラグイン。WEBサイトに加速度センサーを使えるプラギンは珍しいですが、サイトにゲーム感覚のアクションを導入できそうです。

AUTOMAT_ an interactive Demo(WEBサイト)/h3>
150526_11

http://automat.standardabweichung.de/

クオリティーの高い3Dモーショングラフィックスをcanvasで。

Ex Machina – Ava Sessions(WEBサービス)

150526_12

http://ava-sessions.com/

PCカメラで撮影した画像を幾何学ノードを使って再構成してくれるWEBサービス。カメラを撮影したくない場合は手持ちの画像でもOK。オサレな画像に仕上がりますよ。

Share

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

Follow(SNSで定期購読)

コメントをどうぞ

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

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