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

wrk – Creative Web Studio(WEBサイト)

160727_01

http://waaark.com/fr/

フランスの制作会社WEBサイト。ページ遷移時のアニメーション、円形インジケーター、どれもインタラクションが細かくてすばらしい。

anypixel.js(WEBサイト)

160727_02

http://googlecreativelab.github.io/anypixel/

googleが公開しているオープンソースのjsプラグイン。WEBというよりはハード側でインタラクティブなピクセルアートする的なフレームワーク。

Bukwild(WEBサイト)

160727_03

http://www.bukwild.com/

アメリカの制作会社WEBサイト。インタラクションもふんだんに取り入れつつフッター固定UIやコンバージョンにつながるフォーム要素等、ページ遷移時の配色など参考になります。

Radial SVG Slider(サンプルソース)

160727_04

https://codyhouse.co/gem/radial-svg-slider/

NEXT,PREVボタンがマスクしながら拡大して切り替わるスライダーのサンプルソース

RB-invest(WEBサイト)

160727_05

http://rb-invest.ru/en/

ベンチャーキャピタル系のWEBサイト。3D要素をローダーを出しながらもページを利用出来る様にしています。プロジェクトのタイムライン、チームページのUIに注目しました。

Multi-Layer Page Reveal Effects(サンプルソース)

160727_06

http://tympanus.net/codrops/2016/06/01/multi-layer-page-reveal-effects/

最近よく見る様になったコンテンツ遷移時に幕がかかる様なアニメーションのサンプルソース。4種類のアニメーションが用意されています。

Perverte X(WEBサイト)

160727_07

http://www.interactive.pannhorst-classics.de/

ポルシェ964型の紹介サイト動画をメインにポルシェを紹介をしつつ、詳細部分はマウスイベントと紐づいたスプライトシートアニメーションでさりげなく盛り上げてます。

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>