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

MASAHIROMARUYAMA(WEBサイト)

150428_01

http://masahiromaruyama.com/

アイブランド「MASAHIROMARUYAMA」のサイト。トップ、リスト、メニュー…どこへ行っても美しいですね。

Trading Culture — WELTRADE(WEBサイト)

150428_02

http://pro.weltrade.com/en

映画のティザーサイトを思わせるようなトップページですが、かなりエグゼクティブな証券会社のサイトと思われ。トレーダーにフォーカスを当てて作り込んでいるのが面白い。

WWF Tiger Challenge(WEBサイト)

150428_03

http://run4tiger.com/

WWFのアムールトラを救え!的なサイト。canvasパーティクルでフォント、3D要素を表現しています。

jQuery GRIDDER(プラグイン)

150428_04

https://github.com/oriongunning/gridder

リストクリック→詳細表示をちょっと広めの領域でもページ遷移無くコンテンツが表示できるプラギン。離脱を防ぐ効果も期待できそう。

Record Record – Future Labe(WEBサイト)

150428_05

http://recordrecord.paris/

パリの音楽レーベル。セクションをドラッグするとマスク要素?がびよ〜んと引っ張られる

Kobojo – Crafting Games With Passion(WEBサイト)

150428_06

http://www.kobojo.com/en/

パラパラと紙を開くようなアニメーションで要素が出現するにぎやかし。
ゲーム制作会社ならではの楽しさを感じられます。

Motion Blur Effect with SVG(サンプルソース)

150428_07

http://tympanus.net/codrops/2015/04/08/motion-blur-effect-svg/

アニメーション中にスライダーを横にブラーさせるサンプルエフェクト。躍動感が生まれますね。スライダー、モーダル、Gナビの3種。

Bière vodka et agrumes(WEBサイト)

150428_08

http://www.skolltuborg.com/

要素出現、ホバーインタラクション、ページ遷移時の画面が凍るようなアニメーションなどとにかくリッチなサイト。

Aristide Benoist(WEBサイト)

150428_09

http://www.aristidebenoist.com/

リストから詳細ページへのアニメーションのアイディアがいいですね。円形ローディング→zoom→波紋的な動きへと。

Share

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

Follow(SNSで定期購読)

コメントをどうぞ

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

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