今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 5.10〜5.16
Werkstatt – l’atelier interactif(WEBサイト)
http://www.werkstatt.fr/#/home
この「気になるシリーズ」でも何度か取り上げてるフランスの制作会社。インタラクションのクオリティーの高さとミニマルなデザインに注目。
Box Loader(プラグイン)
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サイト)
インタラクションに力を入れている建築会社サイト。ページ遷移のアニメーションはユーザーの待たされているという感覚を和らげます。
DreamTeam Katarzyna Konkowska(WEBサイト)
CANVASモーショングラフィック背景がすごい!フォント、メニューの動きもお見事。元々テレビやイベント系を強みにしているクリエイターさんだからでしょうか。
Namale – Joyaux Uniques(WEBサイト)
ボーダーラインと落ち着いたトーンが印象的なデザイン。中央のスライドは引っかかった様にdelayしてスライドするアニメーションですが、狙いですかね?
Inspiration for Text Styles and Hover Effects(サンプルソース)
http://tympanus.net/codrops/2015/05/13/inspiration-for-text-styles-and-hover-effects/
テキスト要素のホバーエフェクトサンプル集。珍しいエフェクトが多いので他サイトと違いを出したい時に使ってみたいですね。
Tens Sunglasses: Filter Your World(WEBサイト)
サングラスブランド「Tens」のサイト。絶妙なバランスでサイト全体が見やすいですね。LOOKBOOKページはカタログや雑誌を読んでいるようなスライド。
jsSocials(プラグイン)
ソーシャルをさくっと導入するプラギン。あらかじめテーマが用意されていてflat、minimalm、カウント有り、無し等の設定も簡単。
Mega Dropdown(WEBサイト)
http://codyhouse.co/gem/mega-dropdown/
レスポンシブなメガドロップダウンメニューのサンプルソース。メニュー内にスライドがあったり、かなり領域の広いメニュー。スマホではウインドウ上部からスライドインする。
Lilly Pulitzer(WEBサイト)
Lilly Pulitzerのアイテムが大騒ぎのパーティーの中にちりばめられてます。横スクロール型パララックス。スクロールすると最初のセクションに戻るのですが、コンテンツはいくつかパターンがあり、何度見ても飽きないような仕掛けが施されています。