my portfolio

works  - graphic -

授業課題u:mai商品紹介サイト用イメージ(架空)【A】

架空の炊飯器の商品紹介サイトにおけるヒーローイメージ。パターン【A】。

  • 制作時期   …  素材制作訓練中期

  • 制作時間   …  約3時間

  • 制作ツール   …  Illustrator、Photoshop

  • 掲載物     …  ご飯の写真、商品画像/学習用素材素材
    背景画像/フリー素材
    メインコピー/指定

視線誘導を意識する

コピーやロゴ、商品画像は、最初、画像4枚目のように配置していた。(商品画像がメインコピーの下。商品画像と反対側にし商品ロゴ。)それを講師に見てもらったところ、「商品写真を左側に配置してロゴと同じまとまりにするとよいのではないか」というフィードバックをもらった。理由は視線誘導の観点から。
フィードバックを受けて再作成したのが画像1枚目のデザインだが、こうのようにすると、「大好きなごはんが→おいしく炊き上がる→それはこの炊飯器」という流れで読むことができる。こうすると、確かに広告上のストーリーを直感的に理解しやすく、商品の特性も認識しやすい。
広告は、見て理解して興味を持ってもらい、最終的には購入や利用につなげることが必要である。そのための視線誘導の大切さを学ぶ経験となった。
なお、この課題も先に紹介した「Pecky…」同様、同じ画像でモバイル版になると左右中央部分が切り取られることを想定した構図である。(画像2、3枚目)

背景とメイン素材とのコントラスト

「ご飯の炊き上がりの良さをアピールしたい」というクライアントのとても強い意向を反映させるべく、背景に黒い木目の写真を使用し、ご飯の写真はスポットライトを当てたように明るくして強いコントラストをつけた。
背景画像には元々別の要素(ナイフ)も映っていたが(画像5枚目)、コピースタンプツールで消している。
コントラストをつけるとはいえご飯が浮いて見えてしまわないよう、ご飯の輪郭部分の影を残す工夫をしてみた。

勇気を持って商品を小さく

前述した通り、クライアントは商品そのものよりもご飯の炊き上がりを強調することを望んでいた。そのため、商品(炊飯器)の画像は思い切って小さくしている。これはあくまでも商品紹介サイトのヒーローイメージであり、商品説明の写真はサイト内の別の場所に掲載されることを想定したうえでこのようにデザインした。
クライアントの評価がどうなるかはわからないが、メリハリは出せたのではないかと感じている。意外と勇気のいる行為であった。