今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 5.24〜5.30
今週の「気になる」シリーズはサイト:7、プラグイン:1、サンプルソース:1でお送りいたします。
Clara Rua(WEBサイト)
パリのITスクールに通う学生さんのポートフォリオサイト。印象的なグラデーションと画像、大胆なインタラクションに注目しました。
JmBrais(WEBサイト)
フリーランスのアートディレクターのサイト。右上の作品一覧ボタンのアイディアがいいです。スクロールをロックして作品一覧を常に中央に出現、横スクロール出来る様にしています。
Image Tilt Effect(サンプルソース)
http://tympanus.net/codrops/2015/05/28/image-tilt-effect/
マウスの動きに合わせてチルトエフェクトがかかるサンプルソース。3枚の画像をabsoluteでかさねて。マウスの動きによってcss3でperspectiveをかけるというもの。不思議な立体効果が得られます。
Chocolat(WEBサイト)
イタリア ミラノのスイーツ屋さん。手書きのロゴがかわいくてオシャレ。画像とサイトの配色も統一されていてキレイ&おいしそう。
McCann Moscow(WEBサイト)
ローディングアニメーションやaboutページのスライダーのアイディアに注目しました。
ScrollMenu.js(プラグイン)
http://ignitersworld.com/lab/scrollmenu/
縦長のセクション分けされたフルスクリーンページにつけるナビのプラグイン。縦、横バージョンやカスタマイズ用のサンプルもあります。
Feels Good to Be You | 7UP(WEBサイト)
7upの特設サイト。炭酸の爽快感をcanvasでリッチに表現しています。とにかく泡だらけ。
Volkswagen #EspritCox(WEBサイト)
http://www.volkswagen-coccinelle.fr/espritcox/swipe
好みの写真を5枚選ぶとオススメの色を紹介してくれるフォルクスワーゲンの特設サイト。ホバー時のハート、クロスはPNGパラパラで実装されてます。
Diego Quintana(WEBサイト)
タイル系ポートフォリオサイト。ページ遷移時のランダムに画像がスライドインアウトするアニメーションがCoolです。