お題について
お題のURL、概要は以下の通りです。
1. デザイン概要
2. 情報設計
2−1 ユーザーストーリーの仮説
ユーザーストーリーの仮説を立て、情報の配置を考えました。
2−2 キャッチコピー・デザインの検討
設定したターゲットにとって、惹かれるキャッチコピーとはどんなものかを考えました。
またクライアントの要望を反映したデザインにするため、参考バナーからデザインの傾向をリサーチしました。
4. デザインのポイント
パターン①
◆情報のメリハリの付け方
ユーザーストーリーの仮説に従い、まずは着用画像とコピーで引き付けられるよう、フォントサイズを大きく配置。またこの商品においてキーワードとなるような単語を黄色にして目立たせました。
CTA部はコントラストが一番高くなるように配色を考慮しました。
1:1のバナーについてはZ型の視線誘導を意識し、最終的にCTA部に目線がいくよう、下部に配置しました。そのほかのサイズについても、左から右への視線の動きに合わせて、右側にCTAを配置しました。
◆配色・あしらい
クライアントの要望から深い緑をメインに使用。中でも、アウトドアウェアであるため自然に存在するような緑を使用しました。暗く後退して見えるメインカラーに対し、明るく進出して見える黄色を使用して、コピーを目立たせました。
また「力強さ」「アクティブさ」を表現するために、コピーやCTA部にテクスチャーを重ねました。
機能性についてはアイコンを使用して、パッと見て伝わるように配慮しました。
パターン②
◆情報のメリハリの付け方
ユーザーストーリーの仮説に従い、こちらもまずは着用画像とコピーで引き付けられるよう、コントラストが高くなるように設定しました。
機能性の部分については「〇〇性」がパッと目につくよう、「〇〇性」とそのほかの文章で不透明度を変えています。
◆配色・あしらい
「力強さ」「アクティブさ」を表現するために、こちらは背景にコンクリートのテクスチャを重ねました。また、余白を少なくして「男性らしさ」「力強さを」表現したいと思い、機能性の文章をパズルのように組んで敷き詰めました。描画モードを変えて、文字に背景のテクスチャのざらついた感じを出しています。
配色はクライアントの要望に合わせて深い青を使用。統一感を出すために背景に薄く青を重ねて調整しています。