バナー課題振り返り③

バナー課題②振り返り

バナー課題③合格までを振り返ります。

以下、ビフォーアフターです。

まず初稿で提出したデザインはこちら。

一回目の提出での点数は76点でした。

トレーニングだけでなく、トレーニングの考案から、食事管理までサポートが
充実していることをアピールするバナーにしました。

フィードバックとしては、以下。
・パーソナルトレーニング、トレーニングメニュー考案、食事管理の3つの部分の視認性が悪い。

フィードバックを受け、以下の修正を行いました。
・真ん中の3つのサポート内容の部分、視認性を上げるために、白の背景色を追加。
・テキストは黒だと重いと感じたので、金色に変更。
・コピーの「理想」の部分少し大きく、メリハリをつけました。

2回目の提出はこちら

2回目のデザインは78点でした。

フィードバックとしては、以下。
・真ん中3つの部分のコントラストが弱い
・コピーとの距離が近い

上記フィードバックを受け、以下の修正を行いました。
・全体の背景にかけている黒のグラデーションを女性の顔にかからないように修正。
・3つの要素のテキストのコントラストを強め視認性を確保。
・コピー部分もシャドウを強くして視認性を確保。

3回目の提出はこちら

3回目のデザインは78.5点でした。

フィードバックとしては、以下。
・パーソナルトレーニング、トレーニングメニュー考案、食事管理の3つの部分デザイン性を持たせたい

上記フィードバックを受け、以下の修正を行いました。
・四角から六角形に変更。塗りを入れました。明朝体だと視認性が悪くなったため、
ゴシックにして、さらにサイズを大きくし視認性を確保。

4回目の提出はこちら

4回目のデザインは79点でした。

フィードバックとしては、以下。
・パーソナルトレーニング、トレーニングメニュー考案、食事管理の3つの部分視認性が悪い

上記フィードバックを受け、以下の修正を行いました。
・サイズとコントラストを大きくし、視認性を確保。

5回目の提出はこちら

5回目のデザインは80点でした。

・コントラストの確保ができていなかった。figmaで確認できるツールがあるので、簡単にチェックできることを知りました。
・グルーピングができていなかった。グループとして余白を気にする。
・無駄に写真を邪魔しない。（グラデーションで顔を隠していた。）