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

Leticia Ponti Paris(WEBサイト)

160125_01

http://www.leticiaponti.com/

フランスのジュエリーブランド「Leticia Ponti」のWEBサイト。不規則レイアウトされたタイル系WEBサイト。

Swiss in CSS(ソースサンプル)

160125_02

http://swissincss.com/

スイスデザインが動く!的なWEBサイト。CODE PENでソースが確認出来ます。JS管理されていますが、基本的な動き自体はCSSでアニメーションさせています。

The Revenant(WEBサイト)

160125_03

http://www.200miles.com/

レオナルド・ディカプリオ主演「レヴェナント」のWEBサイト。あえてmovieをブラウザフルスクリーンで表示させず隠れた部分をマウスインタラクションで表示させる手法。おそらく映画と密接に関連しているであろうMAPとシームレスに切り替わるムービーに注目。

jQuery.Flipster(プラグイン)

160125_04

https://github.com/drien/jquery-flipster

4種類のUIパターンがあるカバーフロースライダーのプラグイン。その中でも「Flipster Wheel」は変わったUIで面白いです。

Create, design, code. – Feed(WEBサイト)

160125_05

http://feed.no/

ノルウェーの制作会社WEBサイト。worksページの詳細でページ下部に行くとliteboxで次の案件を出す手法が斬新で思いきった導線。

13 Hours: The Secret Soldiers of Benghazi(WEBサイト)

160125_06

http://www.thirteenhoursmovie.com/

マイケル・ベイ監督の最新映画「13 Hours」のWEBサイト。ムービー要素はもちろんてんこ盛りですが、アクションゲームのような3Dコンテンツで映画の舞台を解説しています。

Feature.js(WEBサイト)

160125_07

http://featurejs.com/

モダンでレスポンシブなサイトを作る上で必要な対応可能かどうかのフラグを吐き出してくれるプラグイン。グラフィック部分のCSS 3D transformやcanvas、webGL、SVG。スマホなどのDeviceOrientation、Touch、deviceMotion。などなど全27種類。

Gelateria del Biondo(WEBサイト)

160125_08

http://www.gelateriadelbiondo.it/en/

イタリアはブレシアのジェラート店WEBサイト。スクロールやhover、ページ遷移時のジェラートを表現すような滑らかなインタラクションが特徴。

Jumeirah Inside – 360 Degrees of Luxury(WEBサイト)

160125_09

http://inside.jumeirah.com/en/

ドバイの5つ星ホテル「ブルジュ・アル・アラブ」のWEBサイト。エグゼクティブなホテル内を360度体験出来る。googleコラボ

Doudou blues(WEBサイト)

160125_10

http://www.doudoublues.com/

クリスマスを題材にしたストーリーWEBサイト。絵本的な挿絵とアニメーションが楽しめる。

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>