今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 2016/5.22~5.28
wrk – Creative Web Studio(WEBサイト)
フランスの制作会社WEBサイト。ページ遷移時のアニメーション、円形インジケーター、どれもインタラクションが細かくてすばらしい。
anypixel.js(WEBサイト)
http://googlecreativelab.github.io/anypixel/
googleが公開しているオープンソースのjsプラグイン。WEBというよりはハード側でインタラクティブなピクセルアートする的なフレームワーク。
Bukwild(WEBサイト)
アメリカの制作会社WEBサイト。インタラクションもふんだんに取り入れつつフッター固定UIやコンバージョンにつながるフォーム要素等、ページ遷移時の配色など参考になります。
Radial SVG Slider(サンプルソース)
https://codyhouse.co/gem/radial-svg-slider/
NEXT,PREVボタンがマスクしながら拡大して切り替わるスライダーのサンプルソース
RB-invest(WEBサイト)
ベンチャーキャピタル系のWEBサイト。3D要素をローダーを出しながらもページを利用出来る様にしています。プロジェクトのタイムライン、チームページのUIに注目しました。
Multi-Layer Page Reveal Effects(サンプルソース)
http://tympanus.net/codrops/2016/06/01/multi-layer-page-reveal-effects/
最近よく見る様になったコンテンツ遷移時に幕がかかる様なアニメーションのサンプルソース。4種類のアニメーションが用意されています。
Perverte X(WEBサイト)
http://www.interactive.pannhorst-classics.de/
ポルシェ964型の紹介サイト動画をメインにポルシェを紹介をしつつ、詳細部分はマウスイベントと紐づいたスプライトシートアニメーションでさりげなく盛り上げてます。