ホームページ制作・運営お役立ちトピックス

トップページにアニメーションを利用してアピール力UP!

商用向けのホームページをいろいろと見ていると、トップページの上部に大きめの画像(写真)をアニメーションで切り替えて表示させる方法がよく見られます。

この上部の大きな画像は、ホームページの看板の役割を果たします。

一般的に、ホームページを開いた瞬間、訪問者は詳細な文字情報を追うよりも、ぱっと見て分かる画像に視線が動きます。 一番目に入る上部の画像に、ホームページの目的やポイントがわかりやすく表現されていれば、”どんなホームページ”なのか、”どんなことが売りなのか”が一目でわかります。

他にも、一番アピールしたいこと、例えばキャンペーンやSALE情報などをトップ画像で描写すると、「あ、今SALEやってるんだ、ちょっとSALEのページをぞいてみよう」というように、訪問者に興味を持ってもらい、次の行動へと促すことができます。

また、動いているものに対して人は自然と注意を引くので、アニメーションでの切り替えは効果的です。

ヘッダーアニメーションで良く表現されている内容

ヘッダーアニメーションで良く表現されている内容は以下のようなものです。

・どんな会社か(企業情報)

・選ばれる理由(コンセプト)

・製品、サービス情報

・キャンペーン情報

・ピックアップ情報

アニメーションを使用しない場合は、ヘッダーで表現できる項目は基本的に一つになりますが、アニメーションで看板を切り替えることで、複数の項目をアピールすることができます。

ヘッダーアニメーションを構成している要素(素材)

ヘッダーアニメーションを構成している要素(素材)はどのようなものでできているでしょう。

①イメージを呼び起こす写真やイラストなどの画像

②企業やサービスなどを説明する短い文章

③訪問者に呼びかけるキャッチフレーズ

これらを組み合わせて、ヘッダー画像(看板)を一枚一枚作っていきます。

トップページに看板を載せたい、トップページで看板をアニメーションにしたい場合は、①画像②説明文章③キャッチフレーズ、を用意してみてください。

個人のブログサイトでこのように凝ったヘッダー画像(看板)やアニメーションを取り入れているサイトは少ないです。

トップページに情報のポイントを詰め込んだヘッダーアニメーションを表示させることで、商用サイトらしさが引き立ち、ホームページのアピール力がぐんとアップします。

ホームページデザインやPR力をあと一歩上げてみたいとお考えの方はぜひ、ヘッダーアニメーションを試してみてください。