今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 2016/5.1~5.7
MIDNIGHT SPECIAL(WEBサイト)
http://www.midnightspecialmovie.com/
映画「MIDNIGHT SPECIAL」のWEBサイト。コピーにかかるsvgのclip-pathを使った表現や、中央メニューインタラクションに注目。
RDI Group(WEBサイト)
パラグアイのコンサル系の企業WEBサイトです。中央の円を中心に構成されたインタラクションが面白いです。ローダー、メニュー、見出し等に変化。
Distorted Button Effects with SVG Filters(ソースサンプル)
http://tympanus.net/codrops/2016/05/11/distorted-button-effects-with-svg-filters/
SVGならではの有機的な動きを表現したサンプルソース。SVGフィルターを私用しています。グリッチ、水の波紋のような表現もあります。使ったアニメーション。
PopSelect(プラグイン)
selectタグをツールチップ風のUIに変更出来るプラグイン。セレクトボックスは一度click(tap)しないとどのようなリストが入っているか分かりませんが、これはポップアップで最初に全て見えているのでユーザーの1アクションが省略出来ています。
CRIMINAL(WEBサイト)
映画「CRIMINAL」のWEBサイト。要素を覆うインタラクションがクール。おまけコンテンツでサイコパス診断もありますよ。
Yoplait I Love My Age(WEBサイト)
http://ilovemyage.yoplait.fr/fr/
ヨーグルトメーカーのヨープレイの企画したWEBサイトで、1歳から100歳までのインタビューを特集しています。「今日あなたを幸せにする事」
jQuery Rippleria(プラグイン)
http://nsept.github.io/rippleria/
クリック時にボタン要素に波紋を起こす事が出来るプラグイン。波紋の色、duration、easingが変更可能です。
Vex(プラグイン)
http://github.hubspot.com/vex/docs/welcome/
複数のダイアログをモダンなUIで見せられるプラグイン。ユーザーにあといくつダイアログがあるか明示する事ができます。
GET LOST. GET NATURAL.(WEBサイト)
http://eng.getlost-getnatural.ru/
ロシア向けスイスの旅行を促す特集サイト。キーカラーのsvg、ラインアニメーションが気持ちいい。