Works

Banner & Logo

株式会社ケアファッション ECサイトバナー

株式会社ケアファッション 
ECサイトバナー

制作背景
前職時の会社で新コンテンツを更新した際、トップページに掲載するバナーとして制作。
目的・ゴール
サイト訪問者にコンテンツを案内する
ターゲット
40~70代の女性
制作ポイント

パステルカラーを基調としたやさしいサイトの雰囲気に馴染むトンマナを意識した。

トンマナは維持しつつも、タイトルにアクセントカラーを取り入れたりコンテンツの内容に合わせたイメージを置くことで、他バナーとのコントラストをつけて誘目性を高めた。

制作期間
30分〜1時間/1点
使用ツール
  • Illustrator
  • Photoshop
制作過程から学んだこと

今回、「ターゲットが視認・判読できる」ことと「サイトのイメージを崩さないようトンマナを近付ける」ことの両立に苦戦した。
そこで、あらかじめデザインに優先順位をつけることでスムーズに制作を進ることができ、かつデザインに一貫性を持たせられると考えた。

例)
花柄トップスを展開するコンテンツ。掲載商品は品のある柔らかなデザインでサイトの雰囲気とも合致している。
そのため、バナーもパステルカラーを基調とした女性らしいトンマナに決定。

→バナーの中で淡い色同士が隣接するため要素間で明確な境界が生まれにくく、文字が背景に溶け込んでしまう事象が発生。
そこで、「そのデザインでターゲットに内容が伝わるか」を基準にデザインの優先度を整理した。
結果、「文字は多少雰囲気が崩れてでも読みやすくするもの」とし、文字色のコントラストを強くすることで解決した。

制作実績 一覧