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

今週の「気になる」シリーズはサイト:7、プラグイン:1、サンプルソース:1でお送りいたします。

Clara Rua(WEBサイト)

150608_01

http://neiouma.com/

パリのITスクールに通う学生さんのポートフォリオサイト。印象的なグラデーションと画像、大胆なインタラクションに注目しました。

JmBrais(WEBサイト)

150608_02

http://jmbrais.com/

フリーランスのアートディレクターのサイト。右上の作品一覧ボタンのアイディアがいいです。スクロールをロックして作品一覧を常に中央に出現、横スクロール出来る様にしています。

Image Tilt Effect(サンプルソース)

150608_03

http://tympanus.net/codrops/2015/05/28/image-tilt-effect/

マウスの動きに合わせてチルトエフェクトがかかるサンプルソース。3枚の画像をabsoluteでかさねて。マウスの動きによってcss3でperspectiveをかけるというもの。不思議な立体効果が得られます。

Chocolat(WEBサイト)

150608_04

http://www.chocolatmilano.it/

イタリア ミラノのスイーツ屋さん。手書きのロゴがかわいくてオシャレ。画像とサイトの配色も統一されていてキレイ&おいしそう。

McCann Moscow(WEBサイト)

150608_05

http://mccann.ru/en/

ローディングアニメーションやaboutページのスライダーのアイディアに注目しました。

ScrollMenu.js(プラグイン)

150608_06

http://ignitersworld.com/lab/scrollmenu/

縦長のセクション分けされたフルスクリーンページにつけるナビのプラグイン。縦、横バージョンやカスタマイズ用のサンプルもあります。

Feels Good to Be You | 7UP(WEBサイト)

150608_07

http://www.my7up.com/

7upの特設サイト。炭酸の爽快感をcanvasでリッチに表現しています。とにかく泡だらけ。

Volkswagen #EspritCox(WEBサイト)

150608_08

http://www.volkswagen-coccinelle.fr/espritcox/swipe

好みの写真を5枚選ぶとオススメの色を紹介してくれるフォルクスワーゲンの特設サイト。ホバー時のハート、クロスはPNGパラパラで実装されてます。

Diego Quintana(WEBサイト)

150608_09

http://diegoquintana.com/

タイル系ポートフォリオサイト。ページ遷移時のランダムに画像がスライドインアウトするアニメーションがCoolです。

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>