E-commerce banner design and social packs for every sale

Retail never stops. There are new arrivals, partner launches, seasonal sales, flash sales and the everyday product posts in between, and each one needs a banner for the site, posts for the feed and a story or two. Designed one at a time, those pieces drift: a different headline style here, a new button there, until the store’s own feed looks like several companies.

The fix is to design the system before the pieces. We decide once where the headline, the products, the discount badge, the button and the logo sit, how the type pairs, and how backgrounds vary. After that, a new promotion is mostly product selection and staging — faster to produce, and consistent without anyone policing it.

The display banners all use one layout: an “Upto 50% off” headline, a hand-drawn arrow pointing to the products, a yellow Shop Now button and the babystore logo, on soft pink, peach, lilac or gray grounds. Products are grouped by use — travel, sleep, feeding, ride-ons, outdoor play — so each banner tells one small story instead of listing the catalog.

The social feed keeps the logo at the top and a small Shop Now or Buy Now button at the bottom of every post. Its recurring signature is a clean capitals headline paired with a handwritten script line — “Stroll with Ease”, “Ride with Fun” — while the backgrounds change per product, from pastel washes to room sets and outdoor scenes, so consecutive posts never look the same.

Partner promotions — Kidzroom, Maby, Mima, Bentgo, Eitech, Chicco, Teknum — run across four slot sizes, each re-composed rather than cropped, with discount badges kept large enough to read in a 600×140 mobile strip. The Monster Jam and hauck promotions follow the same rule from a 3840×800 hero strip down to a square post.

Product brands need the same discipline at a smaller scale. For Glitify’s tough phone cases, each printed with a 3D zodiac character, we made a 3000×3000 lifestyle mockup, a 1080×1080 social post, a 4500×3000 flat-lay of gold and silver cases and a 601×360 web banner, all carrying one message: “Protect your phone in custom style with this tough phone case.”

Marketplace sellers are judged at thumbnail size, next to competitors. The gig thumbnails for a data-services freelancer put the service name in large condensed capitals on the left and the presenter on the right of every 1280×800 card, with the same proof badges and Order Now button along the bottom — so the whole storefront reads as one seller.

Most of the cost of e-commerce creative is in the number of sizes, so it pays to list them before design starts. Your store theme decides its hero and promo-bar sizes; check them in the theme settings or send us the store link and we will measure.

• Store: hero banner, mid-page promo and the mobile version of each.
• Social: 1080×1080 posts, 1080×1350 portrait posts and 1080×1920 stories.
• Ads and link previews: 1200×628 is the common landscape size.
• Marketplaces: each one publishes its own image rules — follow them exactly.