今週の気になるWEBサイト・アプリUI/UX＆デジタル広告・サービス 2.1〜2.7
S5-Style(WEBサイト)
田渕 将吾さんのポートフォリオサイト。worksのサムネイルとタイポグラフィーのアニメーションがインパクト大きいですが、ホバーインタラクションや効果音、BGMにエレクトロニカが流れ、ページ遷移するとフィルターをかけてこもる表現など細部へのこだわりがすごい。
IRREGULART(WEBサイト)
http://www.irregulart.com/home/
Gナビのホバー時のアイディアがいいですね。先日アップした「IE7対応!リストのホバーアニメーションソースサンプル(border編)」で構築してその要素に背景を敷く事でマスク風に表示される。
Hello Monday(WEBサイト)
ニューヨーク、コペンハーゲン、オーフスで活躍する制作会社。マウス位置によるパララックス効果で違いを見せています。projectsを見るとawwwardでよく拝見したサイトばかり。
TRY/APT(WEBサイト)
ノルウェーのCM制作会社。サムネイルホバーにて案件動画が再生される。
詳細ページの導線がいいですね。次へ、前へ、一覧がメガメニューで表示されストレス無く見れます。
tenpu(WEBサービス)
https://evernote.com/intl/jp/products/scannable/
firestorage的WEBサービス「tenpu」ユーザー登録の必要が無く、広告の表示もありません。2GBまでデータを送る事が可能です。キャッチコピーは「さくっと送ってさくっと受け取る。」
JLern Design(WEBサイト)
ワイヤーフレームをイメージさせるトップページから、ホバー＆クリックすることでサイトがカラフルに、かつダイナミックなアニメーションで動き出す、静と動が印象的です。
Rally Interactive(WEBサイト)
http://beta.rallyinteractive.com/
canvasで描かれたリボンがサイトの軸になっています。時にメインビジュアル、時にインジケーター、時にGナビに変化。
60th eurovision tv(WEBサイト)
ユーロビジョン·ソング·コンテストの60周年記念サイト。
フルスクリーン分割メニューからパララックスへと遷移します。
joha(WEBサイト)
サイトの色使いやかわいらしいイラスト、グローバルナビのインタラクションが素敵です。右上の星マークのボタンを押すとサイトが物理演算系の遊び場に早変わり。
Midwinter Light Up(WEBサイト)
WEBシーケンサー。drum、synth、baseの三種類を自分で入力できます。どう入力しても音程が外れないようになっているので気軽に楽しめますよ。ビルをビジュアライザーに見立てた動画もcool。
Related posts
