20デザイン · サンプル
メイン・特集バナー 36種
同じキャンペーンを、PCメイン、スマホメイン、特集の帯バナーの3サイズで作り直したバナー一式。
1課題
PCのバナーを縮めてそのままスマホに使うと、文字が小さくなり、ボタンが親指から遠くなります。
画面幅が狭くなると左右が切れますが、切れる位置に価格やボタンがあると、バナーが役目を果たせません。
2進め方
- 01PCバナーは、要のコピーと価格、ボタンを中央1200pxの中に置きました。
- 02スマホバナーはPCバナーを縮めずに上から下へ組み直し、価格とボタンを親指が届く下のほうにまとめました。
- 03特集の帯バナーは高さ400pxの中で特典と期間がひと目で読めるよう、番号と箇条書きで整理しました。
3結果
- 36枚PCメイン12、スマホメイン12、帯バナー12
- 3サイズ1920×700、750×1000、1200×400
商品ページと同じ架空ブランド12社で作ったサンプルです。
PC メインバナー 1920×700
モバイル メインバナー 750×1000
特集の帯バナー 1200×400
