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

Wove – Digital Goes Material(WEBサイト)

151130_01

http://www.wove.com/

曲がるタッチスクリーンが特徴のウェアラブル端末「Wove」のWEBサイト。UIデザインと、インタラクションが非常に未来的です。ハンバーガーメニューを立ち上げた際のUIもワクワクしますね。

Technics 50th Anniversary(WEBサイト)

151130_02

http://www.technics.com/global/50th-anniversary/

technics50周年記念サイト。canvasで描かれたギャラリーのインタラクションと、フォントアニメーションがCool。

Tabella js(プラグイン)

151130_03

https://iliketomatoes.github.io/tabellajs/

横に長いtableをスマホ表示の際はスライダー風のUIにしてくれるjQueryプラグイン。

Interactive Room Display(サンプルソース)

151130_04

http://tympanus.net/codrops/2015/11/10/interactive-room-display/

インテリアのディスプレイギャラリーにマウスインタラクションとポップアップを付与したサンプルコード。

Kilani(WEBサイト)

151130_05

http://bykilani.com/

バッグアイテムのブランドサイト。リストのaタグにサムネイルが乗ったり、画像が重なったギャラリー等、大胆なインタラクション。

NJ(L.A.)(WEBサイト)

151130_06

http://njla.us/index.html#

HTML5のWeb 8ビット風なデザインや、目玉、泡だらけで見にくいaboutページなど奇抜なギミックがたっぷり。

Home Page – EN – Olmo(WEBサイト)

151130_07

http://www.olmo.it/en/

イタリアのロードバイクブランド「OLMO」のオフィシャル&ECサイト。細かいUIの一つ一つまでインタラクションがあって尚かつ質が高いアニメーションに注目しました。

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>