BLOG

ブログ

「FAMOUS」ではファーストビューの印象を強めるために、トップページのヘッダーコンテンツに様々な施策をしています。
画面いっぱいに広がるヒーローヘッダーには、画像スライダーや、YouTubeやMP4形式の動画が表示できます。

画像スライダーは最大で3枚まで設定可能で、各スライダーコンテンツはロゴ or キャッチフレーズ(縦書き対応)+説明文とボタン(非表示選択可)で構成されます。

ファーストビューのインパクトを高めるために、ヘッダーコンテンツ表示時にグローバルメニューを非表示にも設定できる仕様になっているので、単一の画像でも完全フルスクリーンの、迫力あるヘッダーコンテンツに仕上がります。
ロゴ画像選択時はプレビューを見ながら、ロゴサイズをドラッグで自由に調整できる便利な機能も実装しています。
また、スライダー切り替わり時には、スクリーンを縦に8分割した3タイプのストライプアニメーションによって、ダイナミックに表情が変わる様を楽しむことができます。この洗練されたスライダーのビジュアルは「一目で記憶に焼き付くファーストビュー」を決定付けるものとなっています。

さらに今テーマでは、モバイルファーストの強化のための施策として、モバイル用のヘッダーコンテンツの表示について見直しを図りました。
従来のテーマではPCと同コンテンツをスマホ上でも表示する仕様でしたが、スマホの小さな画面ではキャッチフレーズや説明文がスクリーンを埋め尽くし、雑多な印象を与えることがありました。そこで、スマホでもスッキリとした見た目に仕上がるように、ロゴのみ、またはキャッチフレーズのみというように柔軟に設定ができるようになっています。当然、従来のようにPCと同じ表示にすることもできます。

ヘッダーにYouTubeやMP3動画を挿入すれば、短い時間であなたのサイトの雰囲気を伝える広告等へと早変わりします。動画ヘッダーはすでに多くのサイトで導入されていますが、効果的な見せ方についてはまだまだ研究の余地があり、ライバルとの差別化ができる可能性を秘めています。
また、動画ヘッダーにした場合は、スマートフォンでは必ずしも通信環境が良くないユーザーのために、静止画を適用することが可能です。

記事一覧

OWNER

プロフィールに添える簡単な自己紹介を書き入れてみましょう。 この情報はテンプレートを編集すればサイトに表示できます。 プロフィールに添える簡単な自己紹介を書き入れてみ...

関連記事一覧