2015/06/19 クリエイター

デザイン&アイディアが秀逸!パララックス効果を使った国内のWebサイト7選

デザイン&アイディアが秀逸!パララックス効果を使った国内のWebサイト7選 パララックス効果を取り入れたWebサイトは動きがあるので、ユーザーの興味を引きつけやすいです。パララックス効果を上手に利用した、国内のWebサイトを7つ厳選してご紹介します。いずれのサイトもデザインが秀逸で、一工夫されているので見応えがあります。

GLOBE ANTIQUES

東京世田谷にあるアンティークショップ「ザ・グローブ」のWebサイトです。
イギリスやベルギーのアンティーク家具を取り扱っているショップで、サイトの背景の使い方が秀逸。
シャーロック・ホームズが出てきそうなイギリスの雰囲気がたまりません。
よく見ると建物の灯りがゆっくり点灯していて、物語の世界に入り込んだような心地になります。


http://www.globe-antiques.com/

太秦江戸酒場

京都にある太秦映画村が実施する日本酒のイベント「太秦江戸酒場」のWebサイトです。
黒の背景に金文字をあしらい、高級感のある仕上がりになっています。
画像と文字をうまく使っている、デザインセンスのあるパララックスサイトです。


http://www.toei-eigamura.com/edosakaba/

京都大学(探検!京都大学)

京都大学が実施しているフィールドワーク「探検!京都大学」を紹介するWebページにパララックスが使われています。
下にスクロールしていくとパララックス効果でパーツが動き、コミカルな動きで楽しませてくれます。
まるで天空の城のような、ワクワクするデザインがグッドです!


http://www.kyoto-u.ac.jp/explore/

LETTERS

東京中野区にあるWebデザイン会社・LettersのWebサイトです。
ここまで紹介したパララックスサイトから雰囲気ががらりと変わり、線を上手に使って動きをつけています。
色は白と黒のシンプルな構成ですが、センスのある視覚効果に引き込まれます。


http://letters-inc.jp/

ITOKIN MUSEE(イトキン・ミュゼ)

イトキンが開催するシーズンイベント「ITOKIN MUSEE」のWebサイトです。
スクロールするとモデルさんがターンしてくれるので、全体の着こなしを見ることができます。
パララックスの特性を最大限に活かしていて、ユーザーエクスペリエンス(ユーザー体験)に優れたサイトに仕上がっています。


http://www.itokin.com/musee/colormagic/

I’m a runner. adidas Running

スポーツメーカーのaddidasのランニングサイトです。
スクロールすると次々に美しい景色が映し出されるので、見ているとランニングしたくなってきます。
ランニングするのはしんどいけれど、こんな綺麗な景色が見られるのなら走ってみようかなと思わせられます。


http://adidas.jp/running/runner/
Webデザインの求人案件 Webデザインの求人案件

Webデザイナーやクリエイターの求人・案件情報です。
制作会社もあれば自社サービスのUIデザイン案件等、幅広く掲載しています。