jQueryでこんなことできるよ!海外のイケてるサイトたち

Flashを使った動きのあるサイトを最近あまり見かけなくなりました。

その代わりに、jQueryを使った動的なサイトをよく見るようになりました。

「jQueryはスライダーやフェードアウトなどの演出ができる程度のJavaScriptライブラリ」

と思っている方も、こちらのサイトをぜひご覧ください。

きっとjQueryに対する考え方が変わりますよ!

1. Team Viget

http://teamviget.com/

横スクロールのサイトです。
宇宙の壮大さ、神秘さが伝わって来て臨場感のある雰囲気ですね!

宇宙船が少しゆれていたりアニメーションがあったり、とてもイケてる演出がされていますね!

2. Redvolución

※ サイトは現在アクセスできず内容はYouTubeから閲覧可能

これは面白いアイデア!車を動かしてページを横スクロールしていきます。

イラストもかわいらしく、つい演出が楽しくて色々クリックしたくなっちゃいますよね!

3. We Are GRID

http://www.wearegrid.com/

きれいなサービス紹介サイトですが、特に途中のProcess部分が秀逸です。

すごろくのように選択すると、動的にスクロールしながら進んでいき、最後に問い合わせフォームにたどり着きます。

こうして問い合わせの敷居を下げるような演出をしているのはイケてますね!

4. akaru

http://www.akaru.fr/

フランスのデザイン会社のようですが、とてもおしゃれな演出が施されています。

しつこいくらいのロード時のアニメーションですが、それでも待ち時間を退屈にさせないような演出が随所に見られますね。

jQueryでは様々なライブラリがあるので、このような動的なサイトを作るにはもってこいです。

5. SWAN DESIGN STUDIO

http://www.nintendo.com.au/gamesites/mariokartwii/

最後は任天堂オーストラリアのマリオカートのページです。

スクロールしてコースを進んでいく臨場感がありますね!とても面白い!


いかがでしたか?

全てがjQueryで出来ているわけではありませんが、jQueryではこんなかっこいい演出をすることができるんです。

今回はスクロール演出のものを多く紹介しましたが、スクロール演出は時間の経過や移動など、何かを動かす演出に向いています。

こういった演出には閲覧者の滞在時間を長くして購買や受注につなげていく効果があるのです。

しかもFlashと比べて学習はしやすいので、気軽に挑戦することができます。

ShareWisではいくつかjQueryのレクチャーをご用意しています。

ぜひこちらから学んでみてください!

jQueryでリッチなUIを実現する実践講座

jQueryでリッチなUIを実現する実践講座

スポンサーリンク
スポンサーリンク