■ 制作時間 :4時間
■ 使用ツール:Figma
■ 担当範囲 :構成/デザイン
■ 制作背景・クライアント要望
楽天の通販サイトに設置する商品バナーとして、
スクロール中でも目に留まり、商品の特長がひと目で伝わるあたたかく、パワフルな印象のデザインをご要望いただきました。
ターゲットは20~40代の男女で、
・性別を問わず使いやすいこと
・ヘアケアとスカルプケアを同時に行える点が直感的に伝わること
・脱臭・抗菌・遠赤外線といった機能性が明確に伝わること
・W300×H600pxの縦長サイズでも視認性を確保すること
を重視して制作しています。
■ デザイン提案・工夫したポイント
楽天サイト内で多くの商品が並ぶ中でも埋もれないよう、商品の「機能性」と「あたたかさ」を同時に感じられる構成を意識しました。
・縦長サイズを活かし、上から下へ自然に視線が流れるレイアウト設計
・「ヘアケア×スカルプケア」をファーストビューで強く打ち出し、商品の強みを即座に訴求
・暖色系の配色と光の表現で、使用時のあたたかさ・パワフルさをイメージしやすく表現
・「菌をブロック」「脱臭効果」「遠赤外線放射率90%以上」の機能を整理し、理解しやすく配置
・スマートフォン閲覧を前提に、文字サイズと余白を調整し可読性を確保
■ 狙い
商品ページへ遷移する前段階で、
「機能性が高そう」「毎日のケアに取り入れやすそう」
と感じてもらうことを目的としたバナーデザインです。
あたたかくパワフルな印象を通じて、
ヘアケアとスカルプケアを同時に叶えたいユーザーの関心を引き、
クリックにつなげる役割を意識しています。