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

Impossible Bureau(WEBサイト)

Impossible

http://www.impossible-bureau.com/

大胆なグラデーション背景。マウスを動かすとカーソル周辺のグラデーションが変化するインタラクション

Designer Interactif – Mathilde Jacon(WEBサイト)

Designer-Interactif

http://www.mathildejacon.com/

円メニュー、ページ遷移も円をテーマにアニメーション

leanorama(jQueryプラグイン)

leanorama

https://github.com/leandigo/leanorama

http://leandigo.github.io/leanorama/

360度だけじゃない。上も下もぐるんぐるん見渡せるフルパノラマjQueryプラギン。DEMO要確認。iOS 4以上、Android 3以上、IE10以上。

Lorenzo Bocchi Designer(ポートフォリオサイト)

Lorenzo-Bocchi

http://www.lorenzobocchi.com/

イタリアのデザイナーポートフォリオサイト。パースをつけたエレメントがパララックスで表示される。

Risotteria Melotti NYC(WEBサイト)

Risotteria-Melotti

http://www.risotteriamelottinyc.com/

ミニマムなデザインとオーガニックさを出すトーン。パララックス時にエレメントが出現しフォント位置がずれたような雑誌風デザイン。

ChartBlocks(WEBサービス)

ChartBlocks

http://www.chartblocks.com/ja/

サイト上にチャートを表示できるWEBサービス。エクセル等のデータをアップまたは自分でデータ入力してスプレッドシート作成→スタイル調整→PNGやSVG、PDF等でダウンロードも可能。Gナビのデモからお試し作成できます。

HEP FIVE(WEBサイト)

HEP-FIVE

http://www.hepfive.jp/

注目すべきはメニューが右サイドfixedされている箇所。ボタン押下で円形にメニューが広がる。(スマホではオーバレイメニュー)その他リストhover時に紙が風に揺れるような表現など、インタラクションが豊富。

Guggenheim ZERO, Countdown to Tomorrow(WEBサイト)

Guggenheim

http://exhibitions.guggenheim.org/zero/#/artwork

グッゲンハイム美術館の特設サイト。プリロードが100から始まり0になるとページ表示され、円に刻まれている0をホバーすると…

Share

  • このエントリーをはてなブックマークに追加

Follow(SNSで定期購読)

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>