今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 4.12〜4.18
MASAHIROMARUYAMA(WEBサイト)
アイブランド「MASAHIROMARUYAMA」のサイト。トップ、リスト、メニュー…どこへ行っても美しいですね。
Trading Culture — WELTRADE(WEBサイト)
映画のティザーサイトを思わせるようなトップページですが、かなりエグゼクティブな証券会社のサイトと思われ。トレーダーにフォーカスを当てて作り込んでいるのが面白い。
WWF Tiger Challenge(WEBサイト)
WWFのアムールトラを救え!的なサイト。canvasパーティクルでフォント、3D要素を表現しています。
jQuery GRIDDER(プラグイン)
https://github.com/oriongunning/gridder
リストクリック→詳細表示をちょっと広めの領域でもページ遷移無くコンテンツが表示できるプラギン。離脱を防ぐ効果も期待できそう。
Record Record – Future Labe(WEBサイト)
パリの音楽レーベル。セクションをドラッグするとマスク要素?がびよ〜んと引っ張られる
Kobojo – Crafting Games With Passion(WEBサイト)
パラパラと紙を開くようなアニメーションで要素が出現するにぎやかし。
ゲーム制作会社ならではの楽しさを感じられます。
Motion Blur Effect with SVG(サンプルソース)
http://tympanus.net/codrops/2015/04/08/motion-blur-effect-svg/
アニメーション中にスライダーを横にブラーさせるサンプルエフェクト。躍動感が生まれますね。スライダー、モーダル、Gナビの3種。
Bière vodka et agrumes(WEBサイト)
要素出現、ホバーインタラクション、ページ遷移時の画面が凍るようなアニメーションなどとにかくリッチなサイト。
Aristide Benoist(WEBサイト)
http://www.aristidebenoist.com/
リストから詳細ページへのアニメーションのアイディアがいいですね。円形ローディング→zoom→波紋的な動きへと。