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

Gae Aulenti Exteta(WEBサイト)

160809_01

http://www.locus-solus.it/en/

イタリアのインテリアデザイナー「ガエ・アウレンティ」氏のデザインするブランド「Exteta」のWEBサイト。ドラッグ操作可能な円形ナビと遷移時のマスクアニメーション、遷移先のパララックス、恐れ入りました。

Jusbox Perfumes(WEBサイト)

160809_02

http://www.jusboxperfumes.com/

フレグランスブランドのjusboxのWEBサイト、spotifyの曲をジュークボックス的なコラボしてます。ジュークボックスの中に居る様な感覚で画面もレコードも回転してたり。

anime.js(プラグイン)

160809_03

http://anime-js.com/

アニメーションフレームワーク。210個のエレメントが同時にアニメーションするサンプル見ましたがパフォーマンス良さげです。IE10以上対応。MITライセンスです、

Bangui l’oubliée – Action contre la Faim(WEBサイト)

160809_04

http://www.bangui-loubliee.com/

フランス人向けの中央アフリカの飢餓に苦しむ人々の現場を紹介したWEBサイト、360度のドラッグして見れるムービー、フォントアニメーションやインタラクションに注目しました。

Prelodr(プラグイン)

160809_05

https://github.com/joseluisq/prelodr

http://codepen.io/joseluisq/full/rVeyXY

プリローダープラグイン。サイト訪問時ではなく、ユーザーがアクションを起こした際に今何が起こっているかを示すのに向いているローダー。

QOON(WPテーマ)

160809_06

http://html.orange-idea.com/qoon/

モダンなポートフォリオ系WPテーマ。左固定ナビ系で様々なテンプレートタイプが準備されています。画面遷移時の幾何学ローディング表示などポートフォリオの世界観を引き立てます。

Coats Speciality(WEBサイト)

160809_07

http://speciality.coats.com/auto/en

車などのシート、カバーを製造するメーカーWEBサイト。ラインで作られたUI、縫い目を表したアイコン、それに伴うアニメーションやブランディングの上手さにも注目しました。

Share

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

Follow(SNSで定期購読)

コメントをどうぞ

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

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