新型コロナウイルスに関する弊社の取り組みについて詳しくはこちら

配置場所の幅とスマートフォンの閲覧を考慮したヘッダー画像デザイン

新規作成ページの個別ヘッダー画像を作成しました。

新規固定ページを作成の場合、テンプレートを作成しているので自動的に共通画像がヘッダー部分に使用されるのですが、目立たせたいキャンペーンページ的な使い方になるので個別にヘッダー画像を作成することになりました。

同じ素材を使用してトップページのスライドにもヘッダー画像を追加して直接誘導できるようにしています。
但し、トップページと固定ページではヘッダー画像の高さが異なるということと、レスポンシブデザインのサイトなのでスマートフォンで閲覧した時にキャッチコピーがどのような配置になるかを確認して細かく調整しました。

素材写真とキャッチコピーはクライアント提供です。

目次

トップページ設置イメージ

パソコン

スマートフォン

固定ページ 個別ヘッダー

パソコン

スマートフォン

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!

コメント

コメントする

目次