20디자인 · 견본
메인·기획전 배너 36종
같은 캠페인을 PC 메인, 모바일 메인, 기획전 띠배너 세 규격으로 다시 짠 배너 묶음.
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
