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

Molamil(WEBサイト)

160112_01

http://www.molamil.com/frontpage

スクロールにあわせたダイナミックな要素移動、canvasで描かれた背景アニメーションがユーザーの視線を惹き付けます。aboutページのスタッフ画像も面白いですね。

Metamorphosis(WEBサイト)

160112_02

https://bonnemarque.se/

マスクされたSVGモーフィングとパララックスの記事ページ。どちらもインタラクションがリッチ。記事ページのプログレスナビゲーションも面白い。

Museum of the World(WEBサイト)

160112_03

https://britishmuseum.withgoogle.com/

世界の博物館と銘打ったWebサイト。年代、大陸、がカテゴライズされ、3D空間にインタラクティブにビジュアライズされています。

Animated Map Path for Interactive Storytelling(ソースサンプル)

160112_04

http://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/

スクロール値を取得し、SVGとcanvasを組み合わせてmapの進捗度をアニメーションさせるUIサンプル。

Cryptaris(WEBサイト)

160112_05

http://www.cryptarismission.com/

米軍のSTEM能力(Science, Technology, Engineering, Math)のミッションをシミュレートしたサイト。VR訓練のようなデジタル空間でクイズ形式のコンテンツ。UIもアニメーションも非常にクオリティーが高いです。

Grayden Poper(WEBサイト)

160112_06

http://www.graydenpoper.com/

サンフランシスコを拠点としたクリエイターポートフォリオサイト。蛇腹の様に見えるトップのレイアウトがCoolです。

Jeff Gordon Retirement NASCAR | 24Ever(WEBサイト)

160112_07

http://www.gordon24ever.com/

Mr.NASCARと呼ばれるジェフ・ゴードン氏の偉業をたたえるWEBサイト。単純な動きの組み合わせのアニメーションですが、非常にリッチです。

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>