GIFアニメを使って魅力的なWebサイトを作る

動きのついたWebサイトは目につきやすいです。GIFで書き出した素材は、HTMLをサポートしている媒体なら再生ができる手軽なデータなので、アイコンなどのピンポイントで使用する際には便利な作成方法だと思います。今回はGIFアニメを効果的に使用したサイトをいくつかご紹介いたします。

「チチカカ」コーポレートサイト

アパレルブランドチチカカのブランドサイトhttp://www.titicaca.jp/

ひとつひとつ手書きの手書き風のイラストが散りばめられた可愛らしいデザイン。踊ったり演奏する人々がそれぞれ異なるリズムで動くため、違和感なく自然にサイトに馴染んでいます。

「Steel Plantech」コーポレートサイト

製鉄プラントエンジニアリングメーカーSteel Plantechのコーポーレートサイトhttps://steelplantech.com/ja/

トップページのFVがGIFアニメとPNG画像を組み合わせたアニメーションとなってます。

動きがつくことでサイト全体が活き活きとしてきますね。ホームページを作成する際は、ぜひご検討くださいませ。