2026 Portfolio ofCarey Davis
← All work
Product Design

Turning Webflow into a banner-ad production tool

A SaaS product I designed and built end-to-end — it converts Webflow exports into production-ready Google Display Network HTML5 banners in under 30 seconds.

Web to Banner — Product Design
Role
Founder · Product Design & Development
Year
2026
Type
SaaS Web App
Stack
Webflow → GDN pipeline · HTML5 · GSAP

Overview

Web to Banner is a SaaS product I designed and built end-to-end — strategy, brand, marketing site, dashboard, and the conversion engine itself. It turns Webflow into a banner-ad production tool: you design Google Display Network banners in Webflow, export the ZIP, and Web to Banner hands back a production-ready GDN package in under 30 seconds.

The Problem

Webflow was never built for banner ads, so banner production has always been a separate, slower workflow. Designers build a layout in one tool, then rebuild it from scratch in another just to get a working HTML5 file. And every ad size — 300×250, 728×90, 160×600, 320×50 — is its own manual rebuild, with no shared components and no single source of truth. A single campaign can eat half a day.

The knock-on effect: banner work gets underpriced because production is slow, and some projects aren’t worth taking on at all.

How It Works

The whole flow is three steps — no rebuilding, no reformatting, no extra tools. You design the banner in Webflow like any other section, tag the container with a data-banner-root attribute, and animate with GSAP. You export the project ZIP and upload it to the dashboard. The processor automatically detects every banner size, asset, font, and animation, then returns a GDN-ready ZIP — correct dimensions, embedded assets, click-tag wiring, and full Google Display Network compliance.

AnyAd size supported
<30sAverage processing time
100%Built for Webflow
7-dayFree trial to start

Under the Hood

The engine does the production work that used to be manual:

  • Automatic size detection — reads dimensions straight from the banner container, and handles multiple sizes in a single upload.
  • Click-tag injection — correct, GDN-compliant click tags written into every output file, so uploads don’t fail QA.
  • Asset embedding & path rewriting — images, SVGs, and fonts embedded; relative paths rewritten so nothing breaks in the final package.
  • Live in-browser preview — runs the actual HTML5 banner before download, so issues get caught before the client sees them.

Positioning

Every other HTML5 banner tool makes you design inside its own editor. Web to Banner is the only one that takes a Webflow ZIP and gives back a GDN package — meeting designers in the tool they already know.

The only tool purpose-built to convert Webflow exports into Google Display Network packages.

Outcome

Web to Banner collapses a half-day production task into seconds, turns Webflow into a single source of truth for banner campaigns, and makes banner work worth taking on again. It’s a complete product — marketing site, dashboard, conversion pipeline, billing, and docs — designed and shipped solo.