Facebook 【Her Tech 架空案件】お花GIFTバナー
Logo

【Her Tech 架空案件】お花GIFTバナー

クレジット
Avatar
WEBデザイナー
【Her Tech 架空案件】お花GIFTバナー-1
シェア
制作ノート
制作について

【デザインについて】

⚫︎ビジュアルイメージ

商品の魅力が瞬時に伝わるようメイン画像を大きく配置してアピールし、訴求力の高い構成にしました。メイン画像は、花の質感や鮮やかな色が伝わるものを選定し、彩度も調整して立体感を演出しました。また、右上に配置した「送料無料」の購入者にメリットとなる情報は、ゴールドで光沢感のあるリボンでお花の雰囲気に合うよう目立つように配置してクリック率向上を意識しました。

⚫︎カラー

メイン画像のお花の華やかさが最大限伝わるよう、画像の彩度を調整しました。また、背景は白色にテキストは濃いグレー色に選定し、上品で落ち着きのある雰囲気をイメージしてメイン画像が際立つように制作しました。右上のお得情報「送料無料」を配置したリボンは、グラデーションのかかったゴールドでお花の華やかさにに合うよう意識し、目立つよう配置しました。

⚫︎タイポグラフィ

「FLOWER GIFT」は読みやすく上品、清楚感の印象を与える「Cormorant Infant」を使用しました。その他のテキストは親しみのある「Noto Serif JP」を使用して全体的に洗練された大人っぽさを演出し、メイン画像に合うよう選定しました。

⚫︎情報設計

全体的に華やかさ、上品さを演出してメイン画像を大きく商品価値を視覚的に伝えてターゲットの心に刺さるデザインを意識して制作しました。

忙しいターゲットが瞬時に見て目にとまるインパクトのあるデザインに制作し、ターゲットのニーズを捉えて欲求を刺激して購入へと繋げました。

また、Z型の視線誘導を意識して購入者のメリットとなる情報を右上に目立たせて配置し、購入意欲を高めました。

⚫︎工夫したポイント

商品価値が最大限伝わりクリックへと繋がるよう、メイン画像は花の立体感、鮮やかさの目立つ画像を選定しました。テキスト情報は、必要最低限に抑えてメイン画像が際立つようあしらいも主張しすぎない程度に配置させて全体的に華やかに、視認性を高めるよう意識して制作しました。

シェア