Flashを使った動きのあるサイトを最近あまり見かけなくなりました。
その代わりに、jQueryを使った動的なサイトをよく見るようになりました。
「jQueryはスライダーやフェードアウトなどの演出ができる程度のJavaScriptライブラリ」と思っている方も、こちらのサイトをぜひご覧ください。
きっとjQueryに対する考え方が変わりますよ！
Team Viget
横スクロールのサイトです。
宇宙の壮大さ、神秘さが伝わって来て臨場感のある雰囲気ですね！
宇宙船が少しゆれていたりアニメーションがあったり、とてもイケてる演出がされていますね！
Redvolución
これは面白いアイデア！車を動かしてページを横スクロールしていきます。
イラストもかわいらしく、つい演出が楽しくて色々クリックしたくなっちゃいますよね！
We Are GRID
きれいなサービス紹介サイトですが、特に途中のProcess部分が秀逸です。
すごろくのように選択すると、動的にスクロールしながら進んでいき、最後に問い合わせフォームにたどり着きます。
こうして問い合わせの敷居を下げるような演出をしているのはイケてますね！
オーストラリアのマリオカート紹介ページ
最後は任天堂オーストラリアのマリオカートのページです。
スクロールしてコースを進んでいく臨場感がありますね！とても面白い！
いかがでしたか？
全てがjQueryでできているわけではありませんが、jQueryでさまざまなかっこいい演出を作ることができます。
今回はスクロール演出のものを多く紹介しましたが、スクロール演出は時間の経過や移動など、何かを動かす演出に向いています。
こういった演出には閲覧者の滞在時間を長くして購買や受注につなげていく効果があります。Flashと比べて学習しやすいので、気軽に挑戦することができます。
jQueryに興味を持ったら、ぜひこちらの動画教材をチェックしてみてください！
コメント