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

Kingsman: Become A Knight(WEBサイト)

150301_01

http://www.kingsmanmovie.com/becomeakingsman/

コリン・ファース出演の「キングスマン: ザ・シークレット・サービス」のWEBサイト。
UI、インタラクションのクオリティーが高いだけでなく、映画の1シーンと絡んだドラッグアクションが興奮ものです。以前紹介した「FIVE MINUTES」と同じタイプ。

Claudio Calautti(WEBサイト)

150301_02

http://claudiocalautti.cc/

フリーランスのフロントエンジニアのポートフォリオサイト。6角形をモチーフにcanvasのパーティクル、アニメーションでサイトを彩っていますね。

Reflections x Ray-Ban(アプリ)

150301_03

https://itunes.apple.com/us/app/reflections-x-ray-ban/id944218381?mt=8

あのサングラスブランドのレイバンがリリースしたアプリ。photoshopのレイヤーのブレンド機能の様な写真編集ができる。

Full-Screen Pushing Navigation(ソースサンプル)

150301_04

http://codyhouse.co/gem/full-screen-pushing-navigation/

ドロワー風に出現するナビゲーションメニューのソースサンプル。レスポンシブでなおかつ動きがナウい。

Resonate(WEBサイト)

150301_05

http://resonate.io/2015

前衛的なアート、カルチャーを特集しているサイト。
モノトーンのデザインの中にランダムな場所、図形を描かれるギミックが面白いです。

Paprika(WEBサイト)

150301_06

http://paprika.com/

非常にミニマルなサイトですが、ロード時ランダムに選択されるアニメーション、リスト画像の天地の高さをコントロールしている所、画面遷移のアニメーション等が目立たない所ですがこだわりを感じます。

Appica 2(サイトテンプレート)

150301_07

http://the8guild.com/themes/html/appica2/

webサイトテンプレート。アプリの紹介サイトにぴったりなデザイン。iOS版とAndroid版の2タイプあり。

favorido(ECサイト)

150301_08

https://favorido.pl/sklep

ポーランドのアパレルブランドのECサイト。トップ、リスト、商品ページと要素の多いECサイトでフルレスポンシブで構築されている所に制作者の努力を感じます。

Cooper Burns(WEBサイト)

150301_09

http://www.cooperburns.co.uk/

イギリスのITアーキテクチャ系コーポレートサイト。グラデーションとcanvasを組み合わせたメニューがいかにもスマートな印象を演出しています。

Share

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

Follow(SNSで定期購読)

コメントをどうぞ

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

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