今週の気になるWEBサイト・アプリUI/UX＆デジタル広告・サービス 2.8〜2.14
Ashworth GOLF/MAN
http://golfman.ashworthgolf.com/
ゴルフアパレル「Ashworth GOLF」のサイト。上部メニューを押下するとサイトマップ風メニューが出現し、ページ遷移した履歴を線で描くギミック。各ページのインタラクションも気持ちいいですね。
Be More Human: Physical Fitness Transforms Your Life
http://fitness.reebok.com/international/be-more-human/#/home
reebokのフルスクリーン縦長キャンペーンページ。セクションの移動時の背景アニメーションが迫力があります。「gray matters」のコーナーのcanvasもcoolです。
VO2 Group
スポーツアパレル系かと思わせるビジュアルですが、ITコンサルのサイト。極太フォント＆形状がスクロールで変形するcanvasがインパクト大です。
Subtle Click Feedback Effects
http://tympanus.net/codrops/2015/02/11/subtle-click-feedback-effects/
クリックイベント時のインタラクション集全22種類。
L’hédoniste
http://www.giantstepsmedias.com/projet/13/l-hedoniste-ep-1-bretagne
画面いっぱいのcanvas要素に無数のパーティクル。crientがパーティカルで文字形成される。案件詳細ページのホバーインタラクションアイディアも見逃せない。
CMAP Mobility
http://www.cmap.illinois.gov/mobility/explore#/
シカゴの交通システムの紹介サイトのようです。3D地図要素にに道路情報レイヤーを表示する表現。下層ページにも地図情報との連携が多数あります。
The Striking New Lexus NX 300h
http://www.lexus.eu/car-models/nx/nx-house/index.tmex
LEXUS NXの特設サイト。幾何学をモチーフにしたcanvas背景や
フルスクリーンメニューなどスタイリッシュ。
Responsive Patterns
http://bradfrost.github.io/this-is-responsive/patterns.html
レスポンシブのソースサンプル。レイアウトとナビゲーションの2本立てでかなりボリュームがあります。特にナビゲーション周りのパターンが豊富
rwatgg Relax, we are the good guys
ベルリンとリスボンを拠点にしている制作会社。中央の3Dに案件リスト選択時にランダムに描かれるインタラクションが素敵。ページ効果音も気持ちいいです。
Related posts
