AdBrite
Design work at AdBrite was iterative and collaborative, however, each of the designers owned a certain product. I was generally in charge of the publisher pages and the ad format presentations (how our ad units displayed on our publishers’ sites). I was also involved in “AdBrite 2.0,” the shift from flat-rate purchasing of ads to per-click and per-impression buying based on various targeting specifications. This shift included an overhaul of the site information architecture and ad-buying process, which is still used to today.
Below are screenshots of a few of the projects I worked on during my tenure at AdBrite.
Manage Zones
This was a combination of two existing pages, the zone stats page and the zone listing page. The former a table of statistics, the later a list of zones with various action links. The actions were consolidated into a “More >” dropdown menu with the statistics visible at all times. The table columns were based on grid design. And we added more information about the zone to help identify it.
Creating a Zone, Step 1
This was the first page a user saw when they began to create a new ad zone. The goals here were to communicate the difference between the newer IAB sized zones versus the older zones. The differences were not intuitive and were a result of legacy. The second goal here was to also upsell and explain to publishers the features of AdBrite’s interactive advertising units.
Creating a Zone, Step 3
Often times publishers would set up different zones for the same site. They became weary of having to copy and paste all their site information and keywords every time they created a new zone. Ideally we would have had a one-to-many database schema but that was too big of an architectural change to be justified. Instead we added an option that let users copy their information from another zone, leaving only the zone name empty, highlighting the input field to remind them to put in a descriptive title for the ad zone.
Since users were involved in a several page process, we decided to remove the top navigation tabs, really only allowing users to cancel for keep going. The change increased the number of users who finished the process.
Full Page Ad Header Creation
In an attempt to better the user experience of site browsers and to encourage publishers to employ the Full Page Ad, AdBrite added a customizable header feature. Publishers were not only allowed to upload a logo, change the background color and choose from a list of buttons, they were also allowed to upload a background image and set the CSS positioning. It was very interesting to see how users used this feature, often uploading their logo as the background image because they wanted the logo to be bigger or they wanted it centered. Users also saw a real time preview of what their header would look like.
Publisher Zone Statistics
For this project I integrated PHP/SWF charts, customizing the look & feel to match the rest of the site.
Publisher Earnings
