20Design · Sample

36 main and promo banners

A set of banners where each campaign is reworked for three sizes: desktop main, mobile main and promo strip.

  • Commerce design
  • Banners
What we did
Planning, copy, design
Tech and specs
Desktop 1920×700, mobile 750×1000, strip 1200×400
36 main and promo banners main screen

1Problem

If you just shrink a desktop banner for mobile, the text gets tiny and the button ends up far from the thumb.

Narrower screens cut off the sides, and if the price or button sits there, the banner stops doing its job.

2Process

  1. 01On desktop banners, the key copy, price and button stay inside the center 1200px.
  2. 02Mobile banners are not shrunk desktop banners. They are restacked top to bottom, with the price and button down low where the thumb reaches.
  3. 03Promo strips use numbers and short lists so the offer and dates read at a glance in a 400px height.

3Result

  • 3612 desktop main, 12 mobile main, 12 strips
  • 3 sizes1920×700, 750×1000, 1200×400

Sample work made for the same 12 made-up brands as the product detail pages.

Desktop main banner 1920×700

Onsae Furniture desktop main banner
Furniture Onsae Furniture · The message, price and button sit on a paper-colored panel on the left, and the right side picks up the background color of the product photo.
Gyeolon desktop main banner
Apparel Gyeolon
Deulbyeot Mill desktop main banner
Food Deulbyeot Mill · The copy and price stay inside the center 1200px, so the key parts never get cut off on narrower screens.
Soyo desktop main banner
Skincare Soyo
Neulbareum desktop main banner
Supplements Neulbareum
Kkosun Kitchen desktop main banner
Pet food Kkosun Kitchen
Ailo desktop main banner
Small appliances Ailo · Just the product graphic and three key numbers on a black background.
Mallang Table desktop main banner
Baby tableware Mallang Table
Maren desktop main banner
Fashion accessories Maren
Jeongdam desktop main banner
Holiday gift sets Jeongdam
Deulme desktop main banner
Camping Deulme
Ppojjak Dang desktop main banner
Cafe desserts Ppojjak Dang · A hot pink polka-dot background with a price sticker stuck on at an angle.

Mobile main banner 750×1000

Onsae Furniture mobile main banner
Onsae Furniture
Gyeolon mobile main banner
Gyeolon
Deulbyeot Mill mobile main banner
Deulbyeot Mill
Soyo mobile main banner
Soyo
Neulbareum mobile main banner
Neulbareum
Kkosun Kitchen mobile main banner
Kkosun Kitchen
Ailo mobile main banner
Ailo
Mallang Table mobile main banner
Mallang Table
Maren mobile main banner
Maren
Jeongdam mobile main banner
Jeongdam
Deulme mobile main banner
Deulme
Ppojjak Dang mobile main banner
Ppojjak Dang

Promotion strip banner 1200×400

Onsae Furniture promotion strip banner
Onsae Furniture
Gyeolon promotion strip banner
Gyeolon
Deulbyeot Mill promotion strip banner
Deulbyeot Mill
Soyo promotion strip banner
Soyo
Neulbareum promotion strip banner
Neulbareum
Kkosun Kitchen promotion strip banner
Kkosun Kitchen
Ailo promotion strip banner
Ailo
Mallang Table promotion strip banner
Mallang Table
Maren promotion strip banner
Maren
Jeongdam promotion strip banner
Jeongdam
Deulme promotion strip banner
Deulme
Ppojjak Dang promotion strip banner
Ppojjak Dang

Want something similar? Tell us about it in one line in the chat.