I want to share a smaller but fun project: a set of website banners I designed for a few different clients and product lines. The brief was different every time — a laptop, a hair-loss treatment, a skincare device, another laptop — but I wanted to see if I could bring the same design thinking to all of them: one clear product shot, one clear headline, one clear call to action, no clutter.
Each banner follows the same underlying structure. There’s a rounded, framed container that holds the whole composition — it gives every banner a consistent “card” feel no matter what’s inside it. Inside that frame, the layout is always the same three ingredients: a hero product shot large enough to actually see detail, a short headline paired with supporting tags or subtext, and a single, high-contrast call-to-action button so there’s never any doubt about what to click.
“The hardest part wasn’t designing one good banner — it was designing four that all feel like they belong to the same system, even though the products have nothing in common.”
The four banners
- ReapairNStore — Apple MacBook Air 13″: a dark, textured stone backdrop with the MacBook Air floating above it, its wallpaper doing the visual heavy lifting, paired with quick spec tags (M4 Chip, 16GB, 256GB SSD) and a blue “Jetzt kaufen” button
- Regaine — Hair Loss Campaign: a bold blue banner built around a strong headline (“NR. 1 bei Haarausfall!”) with the product lineup — pump bottle, foam tubes, and packaging — arranged on simple white podiums for contrast
- Dr.Pen — Ultima A6S: a teal, high-energy banner led by oversized typography and a glowing LED display on the device itself, aimed at grabbing attention fast for a skincare tool
- ReapairNStore — Lenovo ThinkBook 16 G7: a lighter, cooler blue background that lets the laptop and its Snapdragon/Copilot branding sit clean and legible, with the price called out boldly on its own line
What I liked most about this set was working within constraints. Every banner needed to work as a horizontal strip — something that reads at a glance, since that’s how banners actually get seen. So instead of trying to cram in more information, I kept pushing the opposite direction each time: one headline, one visual anchor, one action. The product photography and brand colors did the differentiation; the layout logic stayed identical underneath.
The Regaine and Dr.Pen banners were the two that pushed me the hardest, since both needed to feel urgent and attention-grabbing without tipping into looking cluttered or overly “salesy.” I leaned on scale and contrast instead of adding more elements — bigger type, a tighter color palette, and letting the product itself take up more of the frame. The MacBook and Lenovo banners, by comparison, could afford to be calmer, since the products themselves already carry a premium, familiar look.
Taken together, this set was a good exercise in restraint — proving to myself that a strong layout system can flex across very different products and still feel intentional every time.