これはすごい。スターバックスのHOLIDAY SPECIALのページの見せ方が素敵すぎる!


たまたまだけれど、スタバのホームページをスマホで見ていたら、ステキなページを発見。
スタバのサイトはいつもオシャレなんだけれど、これはいい!

HOLIDAY SPECIAL

スマホにも対応している。

HOLIDAY SPECIAL

キャプチャー画像ではわからないので、ぜひサイトを見てほしい。
HOLIDAY SPECIAL – Crafted by Hand & Heart

スマホでは指でスワイプすると次の画像に移動する、PC版ではマウスのホイールを回したり右側のナビゲーションで移動する。
操作はスライドショーのようなもの、だけれどその動きには驚かされる。
画面を切り替えると、カメラが動くように画面が動き出す。
これまでのWEBの感覚とは全く違う、素直にすごいと思った。

むちゃくちゃ気になったのでソースコードを調べみた。
これって背景が動画になってるみたい。

進む動きと戻る動きが動画に含まれるので、アクションを起こすごとに一定の範囲で動画を動かしているのかな。
javascriptとかで動かしているんだろうか、そこまでは調べれてないけれど、
動画を使った面白い例ですね。
こんな使い方もあるのかー。
具体的なソースコードはわからなくても、アイデアレベルで知っておけば応用は効くと思います。
こういうWEBの新しい見せ方のアイデアって、ワクワクしますね。

なかなかこれを仕事で使うことってないだろうけれど、
こんなのやってみたいなー。