【制作例】記事への誘導バナー

OVERVIEW

オンラインキャリアスクール・SHElikesのデザインドリルよりバナー制作の演習を行い、スキルアップに努めています。

YEAR 2022

■制作要件

  • 制作目的
    • イタリアの二都市の魅力を伝える記事ページへの誘導バナー
  • ターゲット
    • ヨーロッパ(またはイタリア)への旅行に興味のある人
    • イタリア旅行を検討していて行き先を悩んでいる人
    • ヴェネチアもしくはフィレンツェの魅力を知りたいと思っている人
  • 必要な要素
    • あなたはどっちへ行く? 
    • TRAVEL TO ITALY
    • 水の都 ヴェネチア
    • 花の都 フィレンツェ
  • 方向性イメージ
    • バナーからイタリアの都市の魅力やイメージが湧く
    • それぞれの都市の特徴が端的に伝わり、もっと知りたいと興味が持てる
  • 指定条件
    • イタリアの都市や旅への興味が湧きそうな写真を必ず1枚以上使用すること


■制作物(1200×628px)


■制作時間

  • 構想:20分
  • 制作:120分


■工夫点

  • 掲載先のWebサイトを想定して作成した点
    • 制作要件の遷移先は特定のWebサイトではありませんでしたが、お仕事をいただいた場合をイメージして、掲載先のWebサイトを想定して制作しました。
    • 想定したのは「TABIPPO」の特集記事ページです。(https://tabippo.net/specials/)
  • 写真の区切り方を工夫し、他のバナーと差別化した点
    • 既存のバナーでは写真を縦に二分割しているケースが多かったため、あえて写真の分割方法を斜めにしました。
    • 写真の選定に時間がかかってしまいましたが、それぞれの都市の象徴的な箇所(ヴェネチアは水、フィレンツェはドゥオーモ)が分かるように写真を選定しました。
  • カラーオーバレイで文字の視認性を上げた点
    • 文字には白を使い、可読性が高いフォントを選択しました。
    • 写真に長方形で黒のオーバーレイ(不透明度20%)をかけることで、更に文字の視認性や可読性を上げました。
  • 都市別にカラーを決めた点
    • 各都市の写真でメインのカラーを使って、2都市の魅力を伝えられるようにしました。ヴェネチアは青紫、フィレンツェは赤茶としています。
    • それぞれの写真からスポイトで抽出して、馴染むようにしました。
    • また枠にもカラーを使い、引きでも見ても2都市について伝えたいバナーであることが分かるように工夫しました。