最新の国内のパララックス効果を使用したサイトをまとめました

Flashを使わずにJavascriptやCSS3ののアニメーションを使って、スクロール時に奥行きがある視覚効果を生み出す「パララックス効果」。

最近では国内の企業サイトなどでも使われているのを数多く目にするようになってきました。

今回はそんなパララックス効果(parallax)を使用した最新の国内サイトをまとめてみました。

中にもパララックスじゃなくてスクロールするサイトじゃないか?と思われるかもしれませんがその辺は大目に見てください。

どのサイトもデザインやコンテンツの見せ方の参考になります。
以前紹介した国内外のサイトと合わせてご覧下さい。

国内企業のパララックス効果を使用したサイト

ヒカリエ

http://www.hikarie.jp/

Bamboo Pop

http://bamboo.wacom.jp/bamboopop/

adidas x サッカー日本代表

http://adidas.jp/JFA/

大友克洋GENGA展

http://www.otomo-gengaten.jp/

三村仁司(みむらひとし)現代の名工

http://mimurahitoshi.jp/

結婚指輪・婚約指輪のケイ・ウノ

http://www.k-uno.co.jp/

Pretty Ballerinas

http://prettyballerinas.fen.co.jp/

東京タワーズ

http://www.takumitaniguchi.com/tokyotowers/

SP EXTREMES パリミキ

http://www.sp-extremes.jp/

オロナイン公式サイト 大塚製薬

http://www.otsuka.co.jp/ohn/

jogga 映像と文章の作家事務所

http://jogga.jp/

HAKUHODO & HAKUHODO DY MEDIA PARTNERS RECRUIT 2012

http://shikakeru.com/

TAG REACTION 株式会社東急エージェンシー採用サイト

http://www.tokyu-agc.co.jp/recruit/2013/special/

パシフィックコンサルタンツ株式会社 2013年度採用ページ

http://www.pacific.co.jp/recruit/

株式会社コンテンツ

http://www.contents.ne.jp/

スマートフォン特化型広告配信SSP「AdStir」

http://ja.ad-stir.com/

84デザイン室

http://design.hmk84.com/

84イラスト室

http://www.hmk84.com/

慶應義塾大学大学院 政策・メディア研究科 エクス・デザイン

http://xd.sfc.keio.ac.jp/

Google App Galaxy ガイド

http://www.guidetotheappgalaxy.com/

JALホノルルマラソン adidas RUNNING

http://adidas.jp/running/honolulu/

株式会社SORA

http://www.so-ra.co.jp/

KIRIN ICHIBAN

http://www.kirinichiban.kirin.co.jp/

test,

http://test-tokyo.com//

NHK 青山ワンセグ開発

http://cgi2.nhk.or.jp/aoyama-k/index.cgi

この記事を書いた人

著者 : ハヤシユタカ

2001年、有限会社ムーニーワークスを設立。WEB制作の他、書籍執筆、セミナー講演、企業研修などを行う。また、クリエイター育成機関デジタルハリウッドでは1999年より講師として本科WEBデザイナーコースやデジタルデザインコースを担当。 詳しいプロフィールはこちら

最近書いた記事

この記事に関連する記事