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

Beagle by Podio

150510_01

https://getbeagle.co/

セクション移動時のテキスト・要素アニメーションのクオリティーが高いです。ナビゲーションや、インジケーター以外フルcanvasなサイト

cta.js

150510_02

http://kushagragour.in/lab/ctajs/

リスト押下で画面いっぱいに要素が広がるイマドキのモーダル。サイドバーとして表示させるオプションもあります。

SA

150510_03

http://www.sa-studio.fr/

構成からインタラクションまで細部までいちいちかっこいい。aboutの写真もアーティスティック。

Inside Abbey Road

150510_04

https://insideabbeyroad.withgoogle.com/en/welcome

Googleが提供するイギリスアビーロードスタジオのWEBサイト。このスタジオで数々の名曲が作られてきたんですね。スタジオ内を360度体験でき、ミキシングのシミュレーションができるギミックがあります。

Level – Landing

150510_05

http://level-barvikha.ru/en/

PCでは左右、SPでは上下にコンテンツが分割されています。Google Mapと連携した周辺データのUIがいいですね。

dvotion

150510_06

http://www.dvotion.nl/

オランダの制作会社サイト。シンプルなUIですが、ページ遷移やGナビなどのインタラクションが気持ちいい&Coolです。

Úvod

150510_07

http://www.qedgroup.cz/cz/

SVGで作られた人物シルエットで背景をマスク、フォント・アイコンアニメーションギミック、PRODUCTSページ内の円形インジケーターに注目しました。

Echo Brickell

150510_08

http://www.echobrickell.com/live-camera/

CGムービーをふんだんに使ったセレブなマンション紹介サイト。リッチなインタラクションでゴージャスな雰囲気を演出しています。

Biotherm Homme #TakeYourDose

150510_09

http://www.takeyourdose.com/en

最近増えてきた360度体験できるサイトのムービーver。カイトサーフィンのムービーがドラッグで縦横無尽にカメラを移動&マウスホイールでズームも出来ちゃう。

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>