ホームページ制作・運営お役立ちトピックス
トップページにアニメーションを利用してアピール力UP!
商用向けのホームページをいろいろと見ていると、トップページの上部に大きめの画像(写真)をアニメーションで切り替えて表示させる方法がよく見られます。
この上部の大きな画像は、ホームページの看板の役割を果たします。
一般的に、ホームページを開いた瞬間、訪問者は詳細な文字情報を追うよりも、ぱっと見て分かる画像に視線が動きます。 一番目に入る上部の画像に、ホームページの目的やポイントがわかりやすく表現されていれば、”どんなホームページ”なのか、”どんなことが売りなのか”が一目でわかります。
他にも、一番アピールしたいこと、例えばキャンペーンやSALE情報などをトップ画像で描写すると、「あ、今SALEやってるんだ、ちょっとSALEのページをぞいてみよう」というように、訪問者に興味を持ってもらい、次の行動へと促すことができます。
また、動いているものに対して人は自然と注意を引くので、アニメーションでの切り替えは効果的です。
ヘッダーアニメーションで良く表現されている内容
ヘッダーアニメーションで良く表現されている内容は以下のようなものです。
・どんな会社か(企業情報)
・選ばれる理由(コンセプト)
・製品、サービス情報
・キャンペーン情報
・ピックアップ情報
アニメーションを使用しない場合は、ヘッダーで表現できる項目は基本的に一つになりますが、アニメーションで看板を切り替えることで、複数の項目をアピールすることができます。
ヘッダーアニメーションを構成している要素(素材)
ヘッダーアニメーションを構成している要素(素材)はどのようなものでできているでしょう。
①イメージを呼び起こす写真やイラストなどの画像
②企業やサービスなどを説明する短い文章
③訪問者に呼びかけるキャッチフレーズ
これらを組み合わせて、ヘッダー画像(看板)を一枚一枚作っていきます。
トップページに看板を載せたい、トップページで看板をアニメーションにしたい場合は、①画像②説明文章③キャッチフレーズ、を用意してみてください。
個人のブログサイトでこのように凝ったヘッダー画像(看板)やアニメーションを取り入れているサイトは少ないです。
トップページに情報のポイントを詰め込んだヘッダーアニメーションを表示させることで、商用サイトらしさが引き立ち、ホームページのアピール力がぐんとアップします。
ホームページデザインやPR力をあと一歩上げてみたいとお考えの方はぜひ、ヘッダーアニメーションを試してみてください。