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

LOVE FILA | A 2016 LIMITED EDITION(WEBサイト)

160816_01

http://www.lovefila.com/

2016Filaのカラフルなウェアをキュートでビビッドなモーショングラフィクスでお届け。スペースバー押しっぱなしで動画再生のきっかけにするUIは最近ちょくちょく見ますね。

Setting the Pace(WEBサイト)

160816_02

http://www.wsj.com/ad/pimco-rateandreaction.html

連邦準備制度理事会 (Federal Reserve Board of Governors)の100年の歩み的なWEBサイト。ユニークなレイアウトとその要素が画面遷移時にアニメーションする。タイムライン的なインタラクティブなデータビジュアライズにも注目しました。

Item Reveal Animations with SVG(ソースサンプル)

160816_03

http://tympanus.net/codrops/2016/06/29/item-reveal-animations-with-svg/

タイル型レイアウトでカーテンを閉める様にSVG要素で覆うアニメーション。画面遷移時などに最近増えて来た手法。

Bellagicons(WEBサイト)

160816_04

http://www.market-me.fr/bellagicons

有料のアイコンを配布するサイト。アイコンも注目ですが、背景のSVGアニメーションとUIインタラクションが秀逸。

Somlo Antiques(WEBサイト)

160816_05

http://www.somlo.com/

オメガのビンテージ・アンティーク時計を特集したWEBサイト。独特の世界観を持ったデザインとナビの時計の秒針が滑らか。

barba.js(プラグイン)

160816_06

http://barbajs.org/

ページがサクサク遷移できるPJAXを簡単に実装出来るプラグイン。遷移時のアニメーションなどは自力で実装が必要ですが、アプリ的なモダンなWEBサイトが作れます。

Telenor(WEBサイト)

160816_07

http://sim.arkivert.no/

映画のオープニングを見ている様にスクロールでどんどんMovieが切り替わって行きます。重なるコピーやテキストを見ながらどちらもストレス無く閲覧出来る。

Yul Moreau(WEBサイト)

160816_08

http://y78.fr/

パリを拠点として活動しているアートディレクターのWEBサイト。ミニマルなポートフォリオサイトですが、デジタルなフォントと世界観がCool

Share

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

Follow(SNSで定期購読)

コメントをどうぞ

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

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