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

Werkstatt – l’atelier interactif(WEBサイト)

150528_01

http://www.werkstatt.fr/#/home

この「気になるシリーズ」でも何度か取り上げてるフランスの制作会社。インタラクションのクオリティーの高さとミニマルなデザインに注目。

Box Loader(プラグイン)

150528_02

http://matiasdg.github.io/boxLoader-Jquery-Plugin/

スクロールイベント時に要素をフェードインしてくれるプラグイン。option例はdirection:”x or y”,position: “100%”,effect: “fadeIn or none”,duration: “1s”,”windowarea: “50%”といった感じでDomに指定する。

10 villas PPE à vendre à Orbe – Résidences à vendre(WEBサイト)

150528_03

http://jardins-poudriere.ch/

インタラクションに力を入れている建築会社サイト。ページ遷移のアニメーションはユーザーの待たされているという感覚を和らげます。

DreamTeam Katarzyna Konkowska(WEBサイト)

150528_04

http://dreamteam.pl/

CANVASモーショングラフィック背景がすごい!フォント、メニューの動きもお見事。元々テレビやイベント系を強みにしているクリエイターさんだからでしょうか。

Namale – Joyaux Uniques(WEBサイト)

150528_08

http://creationsnamale.com/

ボーダーラインと落ち着いたトーンが印象的なデザイン。中央のスライドは引っかかった様にdelayしてスライドするアニメーションですが、狙いですかね?

Inspiration for Text Styles and Hover Effects(サンプルソース)

150528_05

http://tympanus.net/codrops/2015/05/13/inspiration-for-text-styles-and-hover-effects/

テキスト要素のホバーエフェクトサンプル集。珍しいエフェクトが多いので他サイトと違いを出したい時に使ってみたいですね。

Tens Sunglasses: Filter Your World(WEBサイト)

150528_06

http://www.tenslife.com/

サングラスブランド「Tens」のサイト。絶妙なバランスでサイト全体が見やすいですね。LOOKBOOKページはカタログや雑誌を読んでいるようなスライド。

jsSocials(プラグイン)

150528_07

http://js-socials.com/demos/

ソーシャルをさくっと導入するプラギン。あらかじめテーマが用意されていてflat、minimalm、カウント有り、無し等の設定も簡単。

Mega Dropdown(WEBサイト)

150528_09

http://codyhouse.co/gem/mega-dropdown/

レスポンシブなメガドロップダウンメニューのサンプルソース。メニュー内にスライドがあったり、かなり領域の広いメニュー。スマホではウインドウ上部からスライドインする。

Lilly Pulitzer(WEBサイト)

150528_10

http://lilly.olson.com/

Lilly Pulitzerのアイテムが大騒ぎのパーティーの中にちりばめられてます。横スクロール型パララックス。スクロールすると最初のセクションに戻るのですが、コンテンツはいくつかパターンがあり、何度見ても飽きないような仕掛けが施されています。

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>