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

MIDNIGHT SPECIAL(WEBサイト)

160614_01

http://www.midnightspecialmovie.com/

映画「MIDNIGHT SPECIAL」のWEBサイト。コピーにかかるsvgのclip-pathを使った表現や、中央メニューインタラクションに注目。

RDI Group(WEBサイト)

160614_02

http://rdigroup.ru/en/

パラグアイのコンサル系の企業WEBサイトです。中央の円を中心に構成されたインタラクションが面白いです。ローダー、メニュー、見出し等に変化。

Distorted Button Effects with SVG Filters(ソースサンプル)

160614_03

http://tympanus.net/codrops/2016/05/11/distorted-button-effects-with-svg-filters/

SVGならではの有機的な動きを表現したサンプルソース。SVGフィルターを私用しています。グリッチ、水の波紋のような表現もあります。使ったアニメーション。

PopSelect(プラグイン)

160614_04

http://jquer.in/popSelect/

selectタグをツールチップ風のUIに変更出来るプラグイン。セレクトボックスは一度click(tap)しないとどのようなリストが入っているか分かりませんが、これはポップアップで最初に全て見えているのでユーザーの1アクションが省略出来ています。

CRIMINAL(WEBサイト)

160614_05

http://www.criminal.movie/

映画「CRIMINAL」のWEBサイト。要素を覆うインタラクションがクール。おまけコンテンツでサイコパス診断もありますよ。

Yoplait I Love My Age(WEBサイト)

160614_06

http://ilovemyage.yoplait.fr/fr/

ヨーグルトメーカーのヨープレイの企画したWEBサイトで、1歳から100歳までのインタビューを特集しています。「今日あなたを幸せにする事」

jQuery Rippleria(プラグイン)

160614_07

http://nsept.github.io/rippleria/

クリック時にボタン要素に波紋を起こす事が出来るプラグイン。波紋の色、duration、easingが変更可能です。

Vex(プラグイン)

160614_08

http://github.hubspot.com/vex/docs/welcome/

複数のダイアログをモダンなUIで見せられるプラグイン。ユーザーにあといくつダイアログがあるか明示する事ができます。

GET LOST. GET NATURAL.(WEBサイト)

160614_09

http://eng.getlost-getnatural.ru/

ロシア向けスイスの旅行を促す特集サイト。キーカラーのsvg、ラインアニメーションが気持ちいい。

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>