The Shoppable Ad Engine
I created an ad format that turns every display impression into a mini storefront. No 3-day creative cycle. No design team. Product feed in, interactive ad out, in under 2 hours.
The Creative Wall
Retail brands wanted to run programmatic campaigns featuring specific products on premium publisher sites - ESPN, Yahoo, major news outlets. The problem: getting interactive ad creative produced took 3 days minimum. Brief the design team, mock up 4 ad sizes, get client approval, revise, re-approve, traffic to the DSP.
When you're managing 200+ simultaneous accounts running cobrand deals, 3 days per campaign is a bottleneck that kills momentum. I needed a way to go from product feed to live interactive ads on premium sites in hours, not days.
Feed in. Ad out. Under 2 hours.
It's alive
This is a real, working shoppable ad. Swipe through the products. Every element is interactive.
Adaptive DCO
The engine tracks which products you dwell on and re-sorts them on the next impression. The ad literally learns your preferences.
Zero-Friction Deep-Links
Every product links directly to the retailer's SKU page. No homepage. No search. One tap, you're on the product.
4 IAB Sizes
300x250, 336x280, 320x320, and 300x600 - all generated from a single product feed upload.
Your products. On ESPN. Right now.
These aren't banner ads buried on low-quality sites. They're interactive storefronts served through programmatic DSPs onto premium publisher inventory - ESPN, Yahoo, major news outlets, lifestyle sites. A consumer reading a sports article sees your ad, swipes through your products, checks the price, and taps "Buy Now" to land directly on the product page. The path from discovery to purchase happens without ever leaving the content.
Same product feed. Four IAB-standard ad units.
Each one is live - swipe through the products.
From product feed to live ad in 4 steps
Client provides a product feed - Shopify export, CSV, or XML. The Python/Pandas backend normalizes it into a standard JSON schema, verifying image resolution, price formatting, and product metadata. Bad data gets flagged before it ever touches a template.
The ad builder offers 9 industry presets and 7 animation templates. The operator selects a template, customizes brand colors, CTA text, and layout. The engine renders a live preview in real-time - what you see is what the DSP gets.
This is the intelligence layer. An IntersectionObserver with a 0.6 threshold detects when a user dwells on a product for more than 0.5 seconds. That data is persisted in localStorage. On the next impression, the ad re-sorts to show the user's preferred products first. The ad literally learns.
The engine exports DSP-ready HTML5 ad tags in all 4 IAB sizes. Each tag includes zero-friction deep-linking (detects mobile vs desktop, links directly to SKU pages), a custom pixel for conversion tracking, and regulated-industry compliance if needed.
What happened when we shipped it
The engine eliminated the creative bottleneck for cobrand deals. A retail client wanted to promote products in a partner store on premium publisher sites - we had their interactive ads running across multiple DSPs the same day. Not 3 days later. The same day.
The engine didn't just save time - it changed how clients thought about advertising. When you can go from "I want to promote these 6 products" to "here's your interactive ad running across multiple DSPs" in the same meeting, the conversation shifts from "can we do this?" to "what else can we run?"
What the engine does
Adaptive DCO
Tracks user dwell time via IntersectionObserver. Re-sorts products by interest on the next impression. The ad gets smarter every time it's seen.
Zero-Friction Deep-Linking
Detects mobile vs desktop. Bypasses the homepage entirely. Sends the user directly to the SKU page - one tap from ad to cart.
9 Industry Presets
Retail, fashion, auto, food, electronics, luxury, wellness, regulated industries, and general. Each with its own color scheme, typography, and layout logic.
7 Animation Templates
Story, carousel, grid, hero, minimal, retro, and neon. Distinct transition effects and timing curves tuned for engagement.
A/B Testing
Split test templates, CTAs, and product ordering within a single campaign. Data feeds back into the DCO layer to auto-optimize winners.
Regulated-Industry Compliance
Built-in disclaimers, license numbers, and legal text for regulated verticals. Toggled on per-client, rendered directly into the ad tag.