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

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

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

Team Viget

サイトはすでに閉鎖されています。

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

Redvolución

サイトはすでに閉鎖されており、内容はYouTubeから閲覧可能

 

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

We Are GRID

https://www.wearegrid.com/

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

オーストラリアのマリオカート紹介ページ

サイトはすでに閉鎖されています。

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


いかがでしたか?

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

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

こういった演出には閲覧者の滞在時間を長くして購買や受注につなげていく効果があります。Flashと比べて学習しやすいので、気軽に挑戦することができます。

jQueryに興味を持ったら、ぜひこちらの動画教材をチェックしてみてください!

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

コメント