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

House Of Borel

150327_01

http://houseofborel.com/

ムービーを中心にサイト内を回遊するのですが、チャプターが設定されており、「7つのブランドの秘密」的な形でページ構成されています。メインのムービーをドラッグした時と、Gボタンを押した際の分割インタラクションがとてもスタイリッシュ。

Creative Edge Parties

150327_02

http://www.creativeedgeparties.com/

イベント企画会社のサイト。カラフルな配色と、フルスクリーンcanvasのインタラクションが豊富。リッチにぎやかしてます。

Thierry Ambraisse

150327_03

http://www.hellothierry.com/

Art Director & Lifestyle Photographerのダイアリー的サイト。ミニマルなデザインで、ギャラリーがおしゃれ。タッチデバイスライクなドラッグ型スライダー。

chulakov

150327_04

http://chulakov.com/

フルスクリーンページですが、十字キーやドラッグで遷移できます。遷移時のさりげない3Dの動きが素敵。面白いのはメインの会社コンテンツがナビのドローワー内で完結している所。

Fabrica

150327_05

http://www.fabrica.it/

設計、ビジュアルコミュニケーション、写真撮影、相互作用、ビデオ、音楽、ジャーナリズム等を専門としたコミュニケーションリサーチセンターのサイト。Facebook、Twitter、Instagram、Vimeo等のAPIを無限スクロール読み込みや、トップページ、フルスクリーンメニュー等のインタラクションに注目。このサイト内に出てくるキャンパスは安藤忠雄さんがリニューアルされたそうです。

Text Input Effects

150327_06

http://tympanus.net/codrops/2015/03/18/inspiration-text-input-effects-2/

input textのfocus、blur時のインタラクションソースサンプル。ここまでやるかというくらいの26種ございます。個人的には「Nao」が好み。

i.ngen.io

150327_07

http://i.ngen.io/

データ分析、可視化を強みとした制作会社のサイト。マウスイベントで反応するインタラクションと美しいグラデーションが印象的なサイトです。

Mix Tel Aviv

150327_08

https://www.mixthecity.com/#/?lang=en

テルアビブで活動する12名ミュージシャンのムービーをユーザーが選択し、録音する事で自分だけのミックスムービーが作れます。

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>