Ad Measurement & Verification Platform Complete Redesign

Adloox partnered with Clearcode to fully redesign their ad verification and measurement platform, with the goal of providing a first-in-class dashboard with an ultra-granular interface and maximal measurement flexibility for their clients.

Below is an overview of our partnership with Adloox and details about the redesign of its measurement and verification platform.

Key points:

  • Adloox partnered with Clearcode to help them redesign their ad-verification & measurement user interface.
  • The Adloox solution integrates with the industry’s main DSPs, SSPs and ad servers, to provide advertisers, agencies and publishers with a full and detailed view of the results of their programmatic campaigns.
  • The reporting interface consists of various components, including a homepage with several monitoring panels — reporting, viewability, brand safety & suitability, invalid traffic filtration and geography — an ultra-customizable reporting tool for users, as well as an account and access management tool.
  • The main technological work involved creating the API system that connected to Google Cloud Platform’s BigQuery data warehouse to feed the user interface with the huge amount of data processed by Adloox (more than 500M daily tracked ads).

We wanted to keep the focus of our engineering teams on our proprietary technology, and therefore made the choice to partner with Clearcode to carry out the redesign of our interface, a role that Clearcode fulfilled wonderfully, with proactive and long-term support.

Léo Boukou-Poba, Head of Data & Compliance at Adloox

Download the PDF

Download the PDF version of the Adloox case study to learn more about the project.

DOWNLOAD PDF NOW

What We Did

The project combined Adloox’s expertise in ad verification and our expertise in programmatic technology development and UI/UX design to create an efficient and modernized AdTech platform that meets all industry standards and an interface able to seamlessly showcase Adloox’s main features.

Development teams from Adloox and Clearcode took advantage of this complete overhaul to migrate Adloox’s platform to Google Cloud Platform (GCP). This, in addition to the redesign, allows Adloox to offer faster, more in-depth insights to its customers, while reducing the time it spends on infrastructure management.

The whole project was completed with special attention to the communication between the backend and frontend parts of the product, as well as the display of data on the user interface.


How We Delivered a Successful Project


The MVP Scoping Phase

We started by scoping and planning the project to identify the main challenges, select the main features, and choose the tech stack — programming languages, frameworks, libraries etc.

We then set up a 2-week sprint routine, aligned with the Adloox team's needs.

 

This made it possible to list, contextualize and iterate the functional specs necessary for the realization of the project. The first big step was setting up joint workshop sessions to sketch out the design of the future interface.

This allowed us to create a complete mockup, along with all the expected functional specs.

Once the final design was approved by Adloox, we moved the project into the MVP Development Phase.

The MVP Development Phase

During the MVP Development Phase, we focused on building the frontend (user interface) of the reporting dashboard according to the designs, features for the platform (e.g. the user management component) and set up the connection between the frontend and backend parts of the platform.

To speed up development time, we worked with Adloox on the designs of the new reporting dashboard and matched them with existing frontend libraries.

In parallel, the technical integration began with the creation of an API system connected to BigQuery, which allowed Adloox to adapt its tech and data stack to the new interface.

While Adloox adapted the backend, we developed the frontend and provided key information to Adloox’s engineers to improve the communication between the frontend and backend.

To help keep the infrastructure costs to a minimum, we avoided adding any additional services.

 

Throughout the MVP Development Phase, Adloox provided us with constant feedback. Both teams regularly monitored the project to ensure it was running according to the schedule and within budget.

We made improvements to the MVP over time, always in the form of bi-weekly sprints.

MVP Release and Post-MVP Development

We designed and built the MVP within the required timeframe, which allowed Adloox to successfully launch its new interface at the beginning of 2022.

Adloox tested the MVP and provided us with feedback for the Post-MVP Development phase, where we extended the platform with new features.

In addition to the delivery of a turnkey user interface, we designed and built the platform with the future in mind, meaning the Adloox team can make cosmetic changes easily and independently.

The final product is clean, very easy to use and up to date.

Keys Results

A Fast User Interface

A very fast user interface as you can query billions of data points within a few seconds.

2FA

Effective implementation of 2FA.

Frontend & Backend Integration

An excellent and smooth interaction between front and back.