スマートフォン向けに細部をこだわったバナーデザイン

新規ページ追加に伴い誘導用のバナーを作成しました。

当該サービス紹介の印刷用チラシがある為そのデザインに沿ったバナーになります。

レスポンシブデザインのサイトへの設置になりますが、PC配置では横並びの部分がスマートフォン閲覧時には縦に代わりサイズも大きめに表示されるので基本構成は変わりませんが、「詳しくはこちら」などのボタンサイズを大きくしてデバイスに応じて見やすいデザインにして細部にこだわっています。

採用デザイン

設置イメージ

元々縦1行、横3列の状態にバナーを一つ追加することになりました。今回はクライアント希望で単純に追加した為T字型の配置になっていますが、バナーサイズを調整して2行、2列にすることもおススメです。