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

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

YAMA(WEBサイト)

150715_01

http://yamadesignlab.com/index.html

モノートンでミニマルな美しいデザインが印象的。プロダクトのUIデザインなんかもやってらっしゃる制作チーム。

UWWWE(WEBサイト)

150715_02

http://uwwwe.com/

アメリカ、サンディエゴの制作会社。LO-FIなビットマップグラフィックで作られたロゴやアイコン、メインビジュアル、また独特の配色等に注目しました。

Take Me To Tomorrowland(WEBサイト)

150715_03

http://takemetotomorrowland.com/

映画「Tomorrowland」の世界観を体感できるUX系サイト。3D空間を漂って映画の舞台を堪能できます。

Sounds of Mumbai(WEBサイト)

150715_04

http://soundsofmumbai.in/

ムンバイの現地の音が聞けるサウンドUX系サイト中央のビジュアライザと各UIのインタラクションがいいですね。

Detecting CSS Animation and Transition End with JavaScript(プラグイン)

150715_05

http://osvaldas.info/detecting-css-animation-transition-end-with-javascript

cssアニメーションの終了を教えてくれるプラグイン。keyframe、transition両方に対応しています。複数のcssアニメーションを使う場合に使えそうです。

Joseph a avoué, Maison de détail et architecture(WEBサイト)

150715_06

http://www.josephaavoue.com/

UIの美しさとユーザーへ次の動きへ促すインタラクションに注目しました。

Habib Fadel(WEBサイト)

150715_07

http://www.habib-fadel.com/en/

画家「habib-fadel」氏のポートフォリオ的サイト。遊び心のあメインビジュアルや、ページ遷移時のアニメーションが気持ちいいです。

The Divergent Series Sim Tests(WEBサイト)

150715_07

http://www.thedivergentseries.com/#simtests

映画「ダイバーバージェント」の特設サイト。こちらも映画の雰囲気をマウスアクションなどを駆使して体感できる。

Share

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

Follow(SNSで定期購読)

コメントをどうぞ

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

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