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

Flashを使った動きのあるサイトを最近あまり見かけなくなりました。
その代わりに、jQueryを使った動的なサイトをよく見るようになりました。
「jQueryはスライダーやフェードアウトなどの演出ができる程度のJavaScriptライブラリ」
と思っている方も、こちらのサイトをぜひご覧ください。
きっとjQueryに対する考え方が変わりますよ!

1. Team Viget

http://teamviget.com/
横スクロールのサイトです。
宇宙の壮大さ、神秘さが伝わって来て臨場感のある雰囲気ですね!
宇宙船が少しゆれていたりアニメーションがあったり、とてもイケてる演出がされていますね!

2. Redvolución

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

Como Usar La Pagina de Redvolucion

これは面白いアイデア!車を動かしてページを横スクロールしていきます。
イラストもかわいらしく、つい演出が楽しくて色々クリックしたくなっちゃいますよね!

3. We Are GRID

http://www.wearegrid.com/
きれいなサービス紹介サイトですが、特に途中のProcess部分が秀逸です。
すごろくのように選択すると、動的にスクロールしながら進んでいき、最後に問い合わせフォームにたどり着きます。
こうして問い合わせの敷居を下げるような演出をしているのはイケてますね!
 

4. SWAN DESIGN STUDIO

http://www.nintendo.com.au/gamesites/mariokartwii/
最後は任天堂オーストラリアのマリオカートのページです。
スクロールしてコースを進んでいく臨場感がありますね!とても面白い!


いかがでしたか?
全てがjQueryで出来ているわけではありませんが、jQueryではこんなかっこいい演出をすることができるんです。
今回はスクロール演出のものを多く紹介しましたが、スクロール演出は時間の経過や移動など、何かを動かす演出に向いています。
こういった演出には閲覧者の滞在時間を長くして購買や受注につなげていく効果があるのです。
しかもFlashと比べて学習はしやすいので、気軽に挑戦することができます。
jQueryに興味を持ったら、ぜひこちらの動画教材をチェックしてみてください!

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

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

コメント

タイトルとURLをコピーしました