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

S5-Style(WEBサイト)

150214_01

http://www.s5-style.com/

田渕 将吾さんのポートフォリオサイト。worksのサムネイルとタイポグラフィーのアニメーションがインパクト大きいですが、ホバーインタラクションや効果音、BGMにエレクトロニカが流れ、ページ遷移するとフィルターをかけてこもる表現など細部へのこだわりがすごい。

IRREGULART(WEBサイト)

150214_02

http://www.irregulart.com/home/

Gナビのホバー時のアイディアがいいですね。先日アップした「IE7対応!リストのホバーアニメーションソースサンプル(border編)」で構築してその要素に背景を敷く事でマスク風に表示される。

Hello Monday(WEBサイト)

150214_03

http://hellomonday.com/

ニューヨーク、コペンハーゲン、オーフスで活躍する制作会社。マウス位置によるパララックス効果で違いを見せています。projectsを見るとawwwardでよく拝見したサイトばかり。

TRY/APT(WEBサイト)

150214_04

http://tryapt.no/

ノルウェーのCM制作会社。サムネイルホバーにて案件動画が再生される。
詳細ページの導線がいいですね。次へ、前へ、一覧がメガメニューで表示されストレス無く見れます。

tenpu(WEBサービス)

150214_05

https://evernote.com/intl/jp/products/scannable/

firestorage的WEBサービス「tenpu」ユーザー登録の必要が無く、広告の表示もありません。2GBまでデータを送る事が可能です。キャッチコピーは「さくっと送ってさくっと受け取る。」

JLern Design(WEBサイト)

150214_06

http://jlern.com/

ワイヤーフレームをイメージさせるトップページから、ホバー&クリックすることでサイトがカラフルに、かつダイナミックなアニメーションで動き出す、静と動が印象的です。

Rally Interactive(WEBサイト)

150214_07

http://beta.rallyinteractive.com/

canvasで描かれたリボンがサイトの軸になっています。時にメインビジュアル、時にインジケーター、時にGナビに変化。

60th eurovision tv(WEBサイト)

150214_08

http://60th.eurovision.tv/

ユーロビジョン·ソング·コンテストの60周年記念サイト。
フルスクリーン分割メニューからパララックスへと遷移します。

joha(WEBサイト)

150214_09

http://joha.dk/en/

サイトの色使いやかわいらしいイラスト、グローバルナビのインタラクションが素敵です。右上の星マークのボタンを押すとサイトが物理演算系の遊び場に早変わり。

Midwinter Light Up(WEBサイト)

150214_10

http://midwinterlightup.com/

WEBシーケンサー。drum、synth、baseの三種類を自分で入力できます。どう入力しても音程が外れないようになっているので気軽に楽しめますよ。ビルをビジュアライザーに見立てた動画もcool。

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>