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

Ashworth GOLF/MAN

Ashworth GOLF MAN

http://golfman.ashworthgolf.com/

ゴルフアパレル「Ashworth GOLF」のサイト。上部メニューを押下するとサイトマップ風メニューが出現し、ページ遷移した履歴を線で描くギミック。各ページのインタラクションも気持ちいいですね。

Be More Human: Physical Fitness Transforms Your Life

Gray Matters  An Active Body Is An Active Mind

http://fitness.reebok.com/international/be-more-human/#/home

reebokのフルスクリーン縦長キャンペーンページ。セクションの移動時の背景アニメーションが迫力があります。「gray matters」のコーナーのcanvasもcoolです。

VO2 Group

VO2 Group

http://vo2-group.com/en

スポーツアパレル系かと思わせるビジュアルですが、ITコンサルのサイト。極太フォント&形状がスクロールで変形するcanvasがインパクト大です。

Subtle Click Feedback Effects

Subtle Click Feedback Effects

http://tympanus.net/codrops/2015/02/11/subtle-click-feedback-effects/

クリックイベント時のインタラクション集全22種類。

L’hédoniste

Projets   Giant Steps Media   Studio de composition de musique originale

http://www.giantstepsmedias.com/projet/13/l-hedoniste-ep-1-bretagne

画面いっぱいのcanvas要素に無数のパーティクル。crientがパーティカルで文字形成される。案件詳細ページのホバーインタラクションアイディアも見逃せない。

CMAP Mobility

CMAP Mobility

http://www.cmap.illinois.gov/mobility/explore#/

シカゴの交通システムの紹介サイトのようです。3D地図要素にに道路情報レイヤーを表示する表現。下層ページにも地図情報との連携が多数あります。

The Striking New Lexus NX 300h

The Striking New Lexus NX 300h   Amazing Urban Design   Lexus

http://www.lexus.eu/car-models/nx/nx-house/index.tmex

LEXUS NXの特設サイト。幾何学をモチーフにしたcanvas背景や
フルスクリーンメニューなどスタイリッシュ。

Responsive Patterns

Responsive Web Design Patterns   This Is Responsive

http://bradfrost.github.io/this-is-responsive/patterns.html

レスポンシブのソースサンプル。レイアウトとナビゲーションの2本立てでかなりボリュームがあります。特にナビゲーション周りのパターンが豊富

rwatgg Relax, we are the good guys

Relax  we are the good guys

http://beta.rwatgg.com/

ベルリンとリスボンを拠点にしている制作会社。中央の3Dに案件リスト選択時にランダムに描かれるインタラクションが素敵。ページ効果音も気持ちいいです。

Share

  • このエントリーをはてなブックマークに追加
  • 29

Follow(SNSで定期購読)

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>