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

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

Mighty Nice(WEBサイト)

151006_01

http://mightynice.com.au/

CG映像制作会社のWEBサイト。ムービーコンテンツをふんだんに使いつつ、さすがアニメーションを専門としているだけあってインタラクションも遊び心があります。

Robert Jackson-Mee | International Photographer(WEBサイト)

151006_02

http://jacksonmee.com/

ニュージーランドのフォトグラファーポートフォリオサイト。縦に引いたグリッドとローディング、スライダーのインジケータのUIに注目。

DS | Signature Art (WEBサイト)

151006_03

https://ds-signatureart.com/

WebGLを使った3dパーティクル作品。流涎的な動きもすごいのですが、集合したパーテクルがムービーになったり奥が深いです。

Keep Portland Weird: Earthquake Preparedness(WEBサイト)

151006_04

http://keepearthquakesweird.com/

ポートランドの制作会社が運営するWEBサイト。50年以内に75%の確立で起こるとされている地震の準備を喚起させています。とにかくリッチなアニメーション、インタラクションに注目しました。

jQuery AniView(プラグイン)

151006_05

http://jjcosgrove.github.io/jquery-aniview/

https://daneden.github.io/animate.css/

スクロールイベントで要素をスクロールインできるプラグイン。
css3でduration、delayを設定したclassを指定しておき、「Animate.css」でアニメーションさせています。JSで細かい設定をする必要がないので簡単そうですね。

Emporio Armani Swiss Made(WEBサイト)

151006_06

http://emporioarmaniswissmade.armani.com/en-us/

アルマーニの腕時計コレクションのPRページ。オープニングのムービーがインパクトありますが、ドラッグアクションでセクション遷移、パラパラ画像で時計分解などUIにも注目。

panache(WEBサイト)

151006_07

http://panache.fr/

フランスの制作会社。センスに溢れていて書体や、配色、幾何学図形などソリッドでクールな印象。

Tucked In Shirt | Should I tuck In My Shirt?(WEBサイト)

151006_08

http://www.tuckeffect.com/power-of-tuck

アパレルブランド「Fruit of the loom」のPRサイト。コミカルなアニメーション、ムービーコンテンツを滑らかなインタラクションで演出しています。

Share

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

Follow(SNSで定期購読)

コメントをどうぞ

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

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