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

Braind Agency(WEBサイト)

160331_02

http://braind.agency/en/

制作会社WEBサイト。ページロード時のタイムリマップ、グリッチアニメーション。幾何学と美しいグラデーション。クリエイティブなアイディアや新しい手法にあふれています。

Salon Millésimes Alsace – 13 & 14 juin 2016(WEBサイト)

160331_07

http://www.millesimes-alsace.com/fr/

ラグジュアリーなデザインとアニメーション。細部に施されたインタラクションがワインをグラスで転がすような雰囲気を醸し出しています。

Kévin Lagier’s Portfolio(WEBサイト)

160331_01

http://lagier-kevin.com/#!/

フリーランスのインタラクティブデザイナーのポートフォリオサイト。セクション移動の画面分割や、ハンバーガーメニューからのアニメーションに注目。

Spring Loaders with Rebound and Canvas(サンプルソース)

160331_03

http://tympanus.net/codrops/2016/03/08/spring-loaders-rebound-canvas/

canvasで描かれたローディングアニメーションのソース。複数の要素を視差回転させる事で幾何学的な効果を起こしています。

Steven Mengin Digital Designer(WEBサイト)

160331_04

http://stevenmengin.com/

イギリスのUNIT9で働いていらっしゃるデザイナーポートフォリオサイト。右サイドのスクロールバーUIとプロジェクト画像がヒラヒラと揺らめくアニメーションに注目。

Studio Goliath – Agence digitale – Nantes(WEBサイト)

160331_05

http://www.studio-goliath.com/

フランスの制作会社WEBサイト。左に固定されたバーのhoverアニメーションに驚き。毎回ランダムな形に広がるインタラクション。

Products Comparison Table(サンプルソース)

160331_06

https://codyhouse.co/gem/products-comparison-table/

レスポンシブなテーブルスライダー。レスポンシブの場合横長テーブルはいつも頭を悩ませますが、これはスライド出来る様にし、スライダーの機能も追加したソース

Aaron Porter(WEBサイト)

160331_08

http://aaronporter.co/

デザイナーであり、映像制作もしているクリエイターのポートフォリオサイト。インパクトのある極太フォントとカラーが気持ちいいですね。aboutに遷移する際の立ち上がるムービーも自己紹介っぽくていいですね。

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>