既存の2つのバナーに1つ追加する形で、動画紹介のページに誘導するバナーを制作設置致しました。
従来は下層ページのサイドに設置していたバナーでトップページにはテキストリンクを入れていたのですが、どこからも目立つようにしたいというご要望でトップページにも訴求力をアップできるバナーを設置することになりました。
トップページに設置するにあたってはパソコン表示とスマートフォン表示でどうなるかを考慮する必要があり、レスポンシブ用のHTML、CSSを追加しました。
パソコンでは横並び、スマートフォンでは縦並びに表示され、パット見は同じデザインですが、ボタンの大きさを変えるなどスマートフォンからの見やすさも重視しています。
デザイン上の細かい要望は無かったのでリンク先ページとの親和性を重視し見やすい文字にしました。
採用デザイン
パソコン
スマートフォン
コメント