Esraa Hossam
All work
Beauty & Cosmetics / Web Banner Design

BeautyBanners

Hot magenta at browser width

Client
Web Banner Set
Pieces
5
Palette
Hot Magenta
Disciplines
Art Direction, Web Banner Design, Photo Compositing, Typography

Challenge

At 1942x809 a banner is almost all horizon — about two and a half times wider than tall, with no room to stack a layout. The set also had to absorb supplied product photography shot for different ranges, where bottles, caps and gloss all read at different scales, and still look like one shelf rather than five unrelated crops.

Approach

Every banner runs the same three-zone grid: headline left, product cluster right, a magenta-to-pink gradient sweeping between them. Products were cut out, re-lit with a soft edge glow and grounded on reflected floors so photography from different sources sits in one light. Display type is set tight and centred on the optical midline, with a small-caps subline holding the baseline.

Outcome

Five banners that read as one campaign: the same gradient, the same type scale, the same product-to-copy ratio across the set. Because the grid carries the composition rather than any single product shot, a swapped bottle or a new headline drops into place without redrawing the layout.

Feed Posts

5 pieces

Barbiecore Hero Banner

The opening banner: gradient at full saturation, headline at the largest step in the scale.

Gloss Lineup Banner

A row of glossy cosmetics composited along the right third against a soft pink falloff.

Body Mist Feature Banner

A single bottle held at scale on the right, leaving the left half clear for the headline block.

Shade Story Banner

Shades arrayed across the wide crop so colour carries the banner and the copy stays short.

Offer Callout Banner

The promotional variant, where the display type takes the centre and the products fall back to supporting weight.

Next project

Pochinki Salon

Barbershop Campaign