Template development for exclusive ads

In order to provide client with options beyond “rectangles and squares” I helped develop an assortment of creative templates using standard web languages (HTML, CSS, JavaScript) to provide a bit of novelty to the viewing experience. As a result, many of these templates experienced higher than average rates of interaction than the typical banner ad.

Full screen

This ad flexed to the full size of the screen, no matter what device it was viewed on. The foreground information and the background information resized independently in order to provide an immersive experience.

Interactive samples: Sample 1 | Sample 2

You can see the full screen action if you look at the ads on desktop and drag to resize the window.

Hang tag

This was always described as small, but mighty. It is a tag that sits at the bottom of the screen, even when the user scrolls. Because of its ticket-like appearance, it was often used to promote events, like concerts or street festivals.

Though it was among the smallest ad units it was also very effective, which lead to increased sales and increased engagement.


This ad has three elements that slide up and down the page depending on the user’s scrolling, providing an eye-catching and playful experience for the user.

This was a tricky one to develop because it requires some knowledge of how iframes interact within the page, and how to work with web security to transfer the necessary positioning information between them.

Interactive samples: Sample 1 | Sample 2 | Sample 3

In-article video

This allows OnMilwaukee to show video content between paragraphs of an article. This had previously required third-party services, but with this new template OnMilwaukee could publish the ad spot themselves.

The video ads were also accompanied by a logo, a brief paragraph, and a call-to-action, which was helpful in conveying information to those who did not want to stop and watch an entire video.

Shortly after inception, I also insisted all video be captioned to increase effectiveness for those who were not able to listen to audio.