The Problems

The monetization team would be losing the unique tool that allowed them to work effectively and flexibly because of a migration. We needed to duplicate it and this was the perfect opportunity to improve the tool.

There was also an opportunity to share this API with other Bauer website operating in Europe. The tool had to be intuitive and easy-to-use.

The Wireframes

These wireframes show a quick-n-dirty layout of the new Monetization API.

This is the new admin screen. The original admin required scrolling, scrolling and more scrolling through all available ad placement permutations that could be toggled on and off. It was bulky, confusing, and difficult to navigate. The new admin featured a more intuitive layout, drag-and-drop placements, and refresh rates available at a glance.

mon-admin

As this API facilitates making changes to ads on the fly, a change log would be beneficial for the team to see changes and updates. Future versions would include branch creation and version control to quickly roll back or revert to previous states.

MVP:

mon change log 1

Version 2

mon change log 2

Version 3

mon change log 3

The sensitive nature of advertising required the CMS have a new login and user admin feature.

user admin

There would also be a new dashboard to monitor everything.

mon dashboard

The CMS was plain ol' bootstrap. Making it prettier was to come after improving the functionality.