今週の気になるWEBサイト・アプリUI/UX＆デジタル広告・サービス 12.13～12.19
Molamil(WEBサイト)
http://www.molamil.com/frontpage
スクロールにあわせたダイナミックな要素移動、canvasで描かれた背景アニメーションがユーザーの視線を惹き付けます。aboutページのスタッフ画像も面白いですね。
Metamorphosis(WEBサイト)
マスクされたSVGモーフィングとパララックスの記事ページ。どちらもインタラクションがリッチ。記事ページのプログレスナビゲーションも面白い。
Museum of the World(WEBサイト)
https://britishmuseum.withgoogle.com/
世界の博物館と銘打ったWebサイト。年代、大陸、がカテゴライズされ、3D空間にインタラクティブにビジュアライズされています。
Animated Map Path for Interactive Storytelling(ソースサンプル)
http://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/
スクロール値を取得し、SVGとcanvasを組み合わせてmapの進捗度をアニメーションさせるUIサンプル。
Cryptaris(WEBサイト)
http://www.cryptarismission.com/
米軍のSTEM能力(Science, Technology, Engineering, Math)のミッションをシミュレートしたサイト。VR訓練のようなデジタル空間でクイズ形式のコンテンツ。UIもアニメーションも非常にクオリティーが高いです。
Grayden Poper(WEBサイト)
サンフランシスコを拠点としたクリエイターポートフォリオサイト。蛇腹の様に見えるトップのレイアウトがCoolです。
Jeff Gordon Retirement NASCAR | 24Ever(WEBサイト)
Mr.NASCARと呼ばれるジェフ・ゴードン氏の偉業をたたえるWEBサイト。単純な動きの組み合わせのアニメーションですが、非常にリッチです。
Related posts
