今週の気になるWEBサイト・アプリUI/UX＆デジタル広告・サービス 2016/1.3～1.9
Leticia Ponti Paris(WEBサイト)
フランスのジュエリーブランド「Leticia Ponti」のWEBサイト。不規則レイアウトされたタイル系WEBサイト。
Swiss in CSS(ソースサンプル)
スイスデザインが動く!的なWEBサイト。CODE PENでソースが確認出来ます。JS管理されていますが、基本的な動き自体はCSSでアニメーションさせています。
The Revenant(WEBサイト)
レオナルド・ディカプリオ主演「レヴェナント」のWEBサイト。あえてmovieをブラウザフルスクリーンで表示させず隠れた部分をマウスインタラクションで表示させる手法。おそらく映画と密接に関連しているであろうMAPとシームレスに切り替わるムービーに注目。
jQuery.Flipster(プラグイン)
https://github.com/drien/jquery-flipster
4種類のUIパターンがあるカバーフロースライダーのプラグイン。その中でも「Flipster Wheel」は変わったUIで面白いです。
Create, design, code. – Feed(WEBサイト)
ノルウェーの制作会社WEBサイト。worksページの詳細でページ下部に行くとliteboxで次の案件を出す手法が斬新で思いきった導線。
13 Hours: The Secret Soldiers of Benghazi(WEBサイト)
http://www.thirteenhoursmovie.com/
マイケル・ベイ監督の最新映画「13 Hours」のWEBサイト。ムービー要素はもちろんてんこ盛りですが、アクションゲームのような3Dコンテンツで映画の舞台を解説しています。
Feature.js(WEBサイト)
モダンでレスポンシブなサイトを作る上で必要な対応可能かどうかのフラグを吐き出してくれるプラグイン。グラフィック部分のCSS 3D transformやcanvas、webGL、SVG。スマホなどのDeviceOrientation、Touch、deviceMotion。などなど全27種類。
Gelateria del Biondo(WEBサイト)
http://www.gelateriadelbiondo.it/en/
イタリアはブレシアのジェラート店WEBサイト。スクロールやhover、ページ遷移時のジェラートを表現すような滑らかなインタラクションが特徴。
Jumeirah Inside – 360 Degrees of Luxury(WEBサイト)
http://inside.jumeirah.com/en/
ドバイの5つ星ホテル「ブルジュ・アル・アラブ」のWEBサイト。エグゼクティブなホテル内を360度体験出来る。googleコラボ
Doudou blues(WEBサイト)
クリスマスを題材にしたストーリーWEBサイト。絵本的な挿絵とアニメーションが楽しめる。
Related posts
