Billups DOOH Platform

Change the planning process experience for OOH advertising campaigns

Objective

First major challenge was to educate the major players in the industry. I touched on this before, but training media planners internal / external in how to change their process was not an easy task. Next you would need to get the suppliers of the OOH units to provide updated Grids (Excel spreadsheets) for all their units so that information could feed into the map API. This would require an intuitive and accessible experience for uploading this type of data. The last bg part of this was working with the data scientists to integrate designed filters that mapped to the data types.

Outcome

Design an experience that gives media planners and suppliers the ability to search OOH units in real time ie billboards, bus sheters, posters, transit across the country using Billups proprietary data science intelligent engine and remove the friction between client, planner and the supplier. By achieving this business challenge it will increase unit proposals, cut time in half and provide Media Planners with up-to-date inventory for their clients.

  • 25%
  • Media Planner adoption
  • 20%
  • Media planner productivity
  • 15%
  • Supplier adoption
  • 25%

  • Media Planner adoption
  • 20%

  • Media planner productivity
  • 15%

  • Supplier adoption
    Director Product / Marketing Design
  • Provide a Demand Supply Platform (DSP) for the business to improve internal processes and productivity for internal and external Media Planners, Agencies and Outdoor advertising (OOH) supply chains. This platform would integrate a seamless exchange experience between all parties by providing a map to navigate OOH units, share units and then purchase those units for existing and upcoming campaigns.
Team
  • Zac Bates
  • Oscar Font
  • Shawn Spooner
Disciplines
  • Senior Product Designer
  • Junior Product Designer
  • Director of Data Science
Building user stories / personas
The team used the recorded findings to create three personas / user stories. These consisted of Media Planner, Media Buyer (Agency or Brand Direct), and Supplier
This allowed the team to map out the campaign planning process and touchpoints. This took time and effort, but showcased the areas that we first needed to focus on to remove the friction within the planners work-flow.
Stop gaps in the planning process

This flow shows the planners tedious back and forth with the supplier (Lamar, Clear Channel, Outfront Media) and then checking back with the client to get approval on proposed units for the campaigns. It also shows the email touchpoints where communication takes place.

  • Pros
  • There was definitely a process that was in place to model designs after
  • Communication and relationships were important in the process
  • The infrastruture of the process could easily be simplified with technology
  • Cons
  • Too much back and forth betweewn the client and planners
  • Each person in the process is a bottleneck, because they work within their own silo'd processes
  • All efforts of the campaing planning userbase could be streamlined
Team brainstorm sessions
We begin this process with first looking at what comeptitors are doing within Outdoor advertising. This allows the team to decide on what the billups DSP app needs to do. Some of these competitors offer tools that are focused in specific areas of planning and buying OOH Media Competitive analysis allowed the team and leadership to take a close look at what we needed to provide from an internal company perspective and a business perspective.
We began looking at some of the major requirments we needed to craft our product. Some of these features would use third party data sources such as Neustar and Esri. Knowing this ahead of time allows the design team to design experiences that utilize these data sets. Let the sketching begin!
Wire-framing out the mobile experience

The Team starts this process off by workin with the signup part of the flow. The goal was to create a frictionless experience so the signup sign in process should follow that model. The Team uses a phone to pin pattern for our validation requirement

Wireframes tested through user segments
Our Leadership team wanted to quickly start on design, so we did not end up doing lo-fidelity proto types which is normally done before moving into the design phase. So the team had to pivot and go directly into the design. They felt they would get better reponse and support from the internal planners.
The team worked through the map experience and displaying what filters would be the most common used for our v1 deliverable. They also began to look at how the unit view would appear, we used similar patterns that are used in products, this way we could utilize the resources available to us and not have to re-invent any interactions and functionality.
Implementing the new Billups branded design system into the platform
It was time to start implementing the design so we could then test and get feedback for our v1 app with our media planners, buyers and suppliers. This was also the point in the project where we started deining typography, colors, controls and building a design system for the app in Figma. This would allow our dev team to work faster and was a problematic area within billups that I observed. Pre joining Billups th had no structure in how to implement designs into their builds. This had led to "one-off components"that could not be utilized. So by building a design system library it put the structure in place that was missing.

Billups DSP Prototype
  • What worked
  • We are ready to build our v1
  • We addressed all challenges and designed something that functions and saves time and money for the business
  • Dev teams are happy with the design system library and platform components that our team put in place
  • What needs work
  • Lack of functionality and data pools
  • Connecting with non-dated supply is seeming challenging for some of the suppliers
  • Data algorithym takes time to be accurate enough and useful for planning