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

Nurture Digital(WEBサイト)

160427_01

http://www.nurturedigital.com/

LA、ニューヨークを拠点とする制作会社WEBサイト。背景のMOVIEをCSS3のmix-blend-modeでマスクしている様に見せています。要素は普通のDomになるのでアニメーションさせるのも簡単ですね。セクション遷移のアニメーションもモーションっぽくて好きです。

Sonic #SquareShakes(WEBサイト)

160427_02

http://sonicsquareshakes.com/

instagramからスイーツ注文をする事ができるキュートな配色のWEBサイト。instagramに投稿したくなるようなメインビジュアルのスライダーが面白いですね。

The Eyezen Challenge(WEBサイト)

160427_03

https://eyezen-challenge.com/

メガネブランドEYEZENが送る3Dシューティングゲームサイト。WEBカメラから目の動きを取得して
動きます。UIのインタラクションとBGMがCOOLですよ。

jquery charts(プラグイン)

160427_04

http://www.fusioncharts.com/jquery-charts/

棒グラフ、3D円グラフなどを表示出来るプラグイン。hoverやclickなどでデータを選択出来たりインタラクティブな機能もあります。

Nicolas Errera(WEBサイト)

160427_05

http://nicolaserrera.com/

フランスの作曲家Nicolas Errera氏のウェブサイト。幅広い制作ジャンルの情報が無限スクロールで閲覧出来ます。最も注目したのはメインビジュアルにあるドラッグ&ドロップでコントロール出来るサウンドプレイヤーのUI。

Les 70 ans de l’Inra(WEBサイト)

160427_06

http://70ans.inra.fr/

フランスの国立農学研究所の70周年特集サイト。細胞や遺伝子をイメージしたオブジェクトをWebGLをつかって表現しています。

DTSi(WEBサイト)

160427_07

http://www.dtsi.de/home/

ドイツのWEB制作会社。コピーが分解された要素がパズルの様にはまるとクリック出来るようになるギミック。ユーザービリティーの逆をつく仕掛け方が面白いですね。

Share

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

Follow(SNSで定期購読)

コメントをどうぞ

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

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