Works
Banner Design
チョコレート バナーデザイン(架空)
WEBデザイナーのこばやすさん(Twitterリンク:@kobayas_s)が、バナーデザインのお題を提供されているサイトを見つけました。そのお題をもとに冬限定チョコレート販売のバナーデザインを作成しました。
使用ツール | Adobe Photoshop |
---|---|
お題の内容 | バナー設置場所:自社ECサイトのサイドメニュー 商品概要:冬限定一口チョコ。普段高いが今だけ割引価格で売っている ターゲット:20〜40代の働く男女 イメージカラー:白、水色 バナーサイズ:W300×H280px --------------------------------- キャッチコピー:ちょっと一息。贅沢をお裾分け 割引期間:11月1日〜12月31日まで 割引価格:10~20%割引 |
ペルソナ概要 (お題をもとに設定) |
働く40歳前半の女性(夫・子供二人の家族持ち)。近々同僚家族の家に遊びに行く予定で、その際の手土産を検討中。仕事と子育てでお店に買いに行く暇が無いため、ECサイトで探し中。手土産なので、それなりの高級な品を考えている。 |
情報設計 | 美味しそうな一口チョコの写真(著作者:Freepik)を大きく表示し、目を惹く構成にしました。さらに、割引期間と割引情報(最大割引の20%)を大きく全面に出し、自社ECサイトを訪れ高い価格を目にしているユーザが、バナーに注目しやすいようにしました。 キャッチコピーの下部に「SPECIAL WINTER SALE」を追記し、セールである点を伝えると共に英語表記でより高級感が出るように工夫しました。 |
デザイン | 高級感を出すために紺色の筆記体を選びました。さらに紋章柄のようなモチーフでバナーを囲むことで、高級で格式のある雰囲気を出しました。「ちょっと一息」の文言のみ手書き風の書体を選び、硬くなりすぎず程よい抜け感が出るように心掛けました。 なお冬の雰囲気を出すために、雪の結晶のイラストを背景に入れ、チョコレートの写真の上に白い雪を散りばめました。 全体的に色はお題にある白や水色で統一していますが、割引情報のみ金色にして目立たせています。
|
制作期間 | 3日 |