パラる

こんちには。

今回は「パララックスサイト」について発信します。

パララックスサイトとは、基本的に
◇ 1ページ構成。
◇ スクロールに合わせて要素が動く
サイトのことを指します。

パララックスサイトは通常のWebサイトに比べ、レイアウトの制約が少なく、
クリエイティブなものが多く、見ているだけでワクワクしてきます。

 

.

※これらのサイトはスクロールしないと面白さが分かりません。
サイトを開いたら、ひたすらスクロールしまくってみてください。

.

Every Last Drop

Every Last Drop – An Interactive Website about Water Saving(1)

http://everylastdrop.co.uk/

可愛すぎる。
何のサイトかは分からないけど…。

.

Nikon 1 AW1

Nikon 1 AW1 - New Arrival Campaign  NikonDirect - ニコンダイレクト

http://shop.nikon-image.com/nikon1/nikon1aw1/

動きが派手ですね。
「防水」アピールの場面で、カメラが水に沈んでいくところなんて「パララックス活かしてるなー」って感じです。

.

日清焼そばU.F.O.

日清焼そばU.F.O.

http://www.nissin-ufo.jp/index.php

ノリで押し切ってますね。
パララックスを120%活かしていると思います。

.

Spokes

Spokes  Eclectic Pedicab Rides

http://www.spokespedicabs.com/

場面がコロコロ変わってユーザを飽きさせない楽しさ。

.

Dangers of Fracking

Dangers of Fracking

http://www.dangersoffracking.com/

雨水が地上に落ちて、運ばれて…
そのあとどうなるか分からないですが、
「雨水の行方」をとても面白く表現しています。

.

James Bond 007 Cars Evolution

James Bond 007 Cars Evolution  Evans Halshaw

http://www.evanshalshaw.com/bondcars/

※ちょっと目がチカチカします
※ウィンドウサイズが小さいとパララックスにならないようです。

今回ピックアップした中でも
特に変化が派手。

ひと画面ひと画面のカラーリングがステキ。

.

Ben the Bodyguard

http://benthebodyguard.com/index.php

ハードボイルドなのに
ピョコピョコ歩くのがカワイイ。

.

jQuery最高の教科書

jQuery最高の教科書|株式会社シフトブレイン 著

http://jquery.shiftbrain.co.jp/

途中までは「わりと普通のパララックスサイト」
なのですが、最後の「商品とタイトルの出方」が
ステキ。やられた感があります。

.

それでは またー。

The following two tabs change content below.
Macbee

Macbee

Macbee

最新記事 by Macbee (全て見る)

関連記事

コメントは利用できません。

ピックアップ記事

ピックアップ記事

  1. 2016-12-23

    【将来のために】備える貯蓄について考えてみた。

    一人暮らし/独身/20代後半/会社員。 アラサーなので、なんやかんや結婚式参列や出産のお祝いなど大き…

ピックアップ記事

  1. 2016-9-7

    フリースタイルダンジョンはなぜ流行ったのか??初心者でもわかるラップの楽しみ方!!!!

    引用:http://www.tv-asahi.co.jp/freestyledungeon/ なぜ今…

ピックアップ記事

  1. 2018-7-2

    【Report2】インターネット・マーケティングフォーラム2018「株式会社ポーラ様 vs Macbee Planet代表小嶋」

    インターネット・マーケティングフォーラム2018「株式会社ポーラ様 vs Macbee Planet…
ページ上部へ戻る
Top