今週の気になるWEBサイト・アプリUI/UX＆デジタル広告・サービス 7.12～7.18
今週の「気になる」シリーズはサイト：7、プラグイン：2でお送りいたします。
palzileri(WEBサイト)
イタリアのアパレルブランド「パルジレリ(PAL ZILERI)」のWEBサイト。ページ遷移時のアニメーションがこちらで紹介したSVGアニメーションが採用されています。
Adwyse & Co. – Digital Advertising Agency(WEBサイト)
特に見てほしいのは画面分割。ハンバーガーメニューからページを選択する際、右と左が選べます。選ぶとウインドウを2分割する事が出来き左右に要素を分けて閲覧出来る。このアイディア&構築は驚きですね。
Background Blur(プラグイン)
http://msurguy.github.io/background-blur/
背景画像にぼかし効果を付けられるプラグイン。blurAmountでぼかしの強さを調整出来て、durationとendOpacityを調整すればぼかしのかかり具合をアニメーション風に調節出来る。IE9以上対応。
Neon Roots(WEBサイト)
アプリ制作を生業としている制作会社サイト。ダークなトーンの中にさりげなくcanvas要素で描いた図形や、svgなどのアニメーションが技術力の高さを演出しています。
TMBR Creative Agency(WEBサイト)
アウトドア＆スポーティーな動画、写真がいっぱいでその方面に強みをもってらっしゃるであろう制作会社。シンプルなサイト構成ながらセルフブランディングを上手く取り入れてます。
J. Hornig – JOHO’s(WEBサイト)
コーヒー「JOHO’s」の産地ブラジルを取り上げたギャラリーサイト。スライドアニメーション、インタラクションが秀逸でついつい見とれてしまいます。
jquery.easyAudioEffects.js(プラグイン)
http://rm-labo.com/labo/easyaudioeffects/?
hover、click時にサウンドを付けられるプラグイン。loop、oneShotPolyphonic、oneShotMonophonic、gateなどのオプション有り。手軽に使えるという所ではなかなか良いプラグインではないでしょうか？
tomtom(WEBサイト)
http://www.billy.tomtom.com/en_gb
Goproなどのようなアクションカメラ「TOMTOM」のウェブサイト。スクロールイベントで印象的な動きを演出してます。
Supersonic Playground Ltd(WEBサイト)
http://www.supersonicplayground.com/
どのページに行ってもインタラクションだらけなサイト。特にTOPのスライドはドラッグ、視差、ゲージと特にリッチですね。
Related posts
