Home > Javascript > Online Ad Designer Tool

Online Ad Designer Tool

March 9th, 2010

I’m looking for a simple interface to simulate designing online ads. Online advertisements in websites/blogs have ads which contain an Ad Title, Ad Image and Ad Body Copy. When I create ads for websites I need to be able to test different looks of an ad by changing the combinations of Ad Titles, Ad Images and versions of Ad Copy.

I want the ability to type in titles and body text for the ad and then toggle the images being pulled from a folder full of test images for the Ad . The images being pulled from an /images folder need to be resized/cropped on the fly to 110×80 pixels (height must be no more than 80 pixels, add white bars on left and right if necessary). I want to be able to save the versions of ads to a group (a folder) and have a delimited text data file written and copy of the image saved to an /images folder under the group folder.

As typing the ad title or body text in the fields there should be a number of characters left count down, I need the sample ad to change in realtime as typing. Google Adwords and Yahoo Ad tools do this.

The user interface can be designed as an .html/javascript document running in an actual web-browser if it’s easier than designing in a desktop Windows GUI. Personally, I feel this can be easily accomplished as an .html page/JavaScript using web form fields running on a local machine.

I have included a graphical mock-up of what I’m looking for in this project along with
annotations describing features.

This a simple project and should only take a few hours to complete.


Online Ad Designer Tool

Comments are closed.
Bear