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

今週の「気になる」シリーズはサイト:7、プラグイン:2でお送りいたします。

palzileri(WEBサイト)

150805_01

http://www.palzileri.com/

イタリアのアパレルブランド「パルジレリ(PAL ZILERI)」のWEBサイト。ページ遷移時のアニメーションがこちらで紹介したSVGアニメーションが採用されています。

Adwyse & Co. – Digital Advertising Agency(WEBサイト)

150805_02

http://adwyse.de/#!/

特に見てほしいのは画面分割。ハンバーガーメニューからページを選択する際、右と左が選べます。選ぶとウインドウを2分割する事が出来き左右に要素を分けて閲覧出来る。このアイディア&構築は驚きですね。

Background Blur(プラグイン)

150805_03

http://msurguy.github.io/background-blur/

背景画像にぼかし効果を付けられるプラグイン。blurAmountでぼかしの強さを調整出来て、durationとendOpacityを調整すればぼかしのかかり具合をアニメーション風に調節出来る。IE9以上対応。

Neon Roots(WEBサイト)

150805_04

https://www.neonroots.com/

アプリ制作を生業としている制作会社サイト。ダークなトーンの中にさりげなくcanvas要素で描いた図形や、svgなどのアニメーションが技術力の高さを演出しています。

TMBR Creative Agency(WEBサイト)

150805_05

http://wearetmbr.com/

アウトドア&スポーティーな動画、写真がいっぱいでその方面に強みをもってらっしゃるであろう制作会社。シンプルなサイト構成ながらセルフブランディングを上手く取り入れてます。

J. Hornig – JOHO’s(WEBサイト)

150805_06

http://www.johos.at/#/en/1/0

コーヒー「JOHO’s」の産地ブラジルを取り上げたギャラリーサイト。スライドアニメーション、インタラクションが秀逸でついつい見とれてしまいます。

jquery.easyAudioEffects.js(プラグイン)

150805_07

http://rm-labo.com/labo/easyaudioeffects/?

hover、click時にサウンドを付けられるプラグイン。loop、oneShotPolyphonic、oneShotMonophonic、gateなどのオプション有り。手軽に使えるという所ではなかなか良いプラグインではないでしょうか?

tomtom(WEBサイト)

150805_08

http://www.billy.tomtom.com/en_gb

Goproなどのようなアクションカメラ「TOMTOM」のウェブサイト。スクロールイベントで印象的な動きを演出してます。

Supersonic Playground Ltd(WEBサイト)

150805_09

http://www.supersonicplayground.com/

どのページに行ってもインタラクションだらけなサイト。特にTOPのスライドはドラッグ、視差、ゲージと特にリッチですね。

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>