Banner Management Redesign for Adform

fb-logo
Toughlex
  • Score Awaiting client review
    n/a
  • Date Published
  • Reading Time 5-Minute Read

The toughlex team implemented 4 new high quality & performance web pages integrated to massive Adform infrastructure.

Context

Adform is the independent and open full stack ad-tech platform that encompasses creativity, data, and trading, servicing media agencies, trading desks, brands and publishers globally. All of their solutions are modular, and easily inter-operate with all major technologies used throughout their digital advertising ecosystem.

Adform was founded in Denmark in 2002 and is among the world’s largest private and independent advertising technology companies. They have over 700 employees globally, with offices in 18 countries throughout Europe, North America, and APAC.

Project Goal

The main goal of the project was to create redesigned web pages under banners ecosystem that will have all the previous functionality as well as brand new user experience. Moreover, there were few challenging requirements:

  • Code readability and structure must meet all the general rules inside and outside of Adform
  • Performance is a priority
  • All the code must be covered with unit, integration and End-to-End tests
  • All the possible and probable edge cases must be handled

Solution

There were 4 different web pages and 1 backend solution recreated during our cooperation with Adform. In addition to that, a lot of mini user interface components were created. As all the projects demanded high-quality solutions we devoted extra attention to technical and architectural decisions. All solutions are greatly designed from different angles:

  1. All the application runtimes are based on strong and widely used technologies
  2. Best programming practices were used at all times
  3. Systems architecture allows easy addition of new features
  4. Fully test covered code makes it very simple to maintain

There is more information about technologies used for the project below.

Agile

To be able to keep project progress flexible we used Agile principles. We used Kanban methodology because it seemed to be the most productive method keeping in mind our and Adform’s cooperation. Adform was in need to provide its customers with incremental improvements. Moreover, one of the most popular Kanban’s alternative – Scrum – was seen as too structured and time-consuming for our mission at Adform. Kanban’s board let us efficiently organize the works at our side as well as Adform to see our progress and prioritize the tasks they needed the most.

Code Quality

Most of the time business needs outweigh technical needs. Adform’s case was different. Of course, the time to market was still a very important question, but what really comes to that market was even more important. Adform demanded quality, a very high quality in every aspect – from user experience to every line of code. Because of this, every developed solution is following just best practices. No “hacks”, no technical debts, just pure code that performs very well, as well as it is simply scalable, testable, maintainable and understandable to everyone. In addition to close-to-perfect code quality, all of it was additionally covered not only with unit but also with integration tests.

Fast Adaptation

Adform’s platform is huge. Active development with hundreds of developers since 2002 requires any developer to have lots of knowledge to make an impact without accidentally crashing the other end. The toughlex team was working with 4 different projects which all of them had many integrations with other projects and so on. The team’s fast adaptation to the big part of the system was the key to our successful cooperation together with Adform. It let us make a difference instantly and make our client happy.

Technologies

Banner Management Redesign was more of a UI project, so we can say that UI technologies were the most important during the period. AngularJS was the framework chosen for the new web pages. AngularJS’s component-based nature let us create various separate user interface components. That way we could reuse already error-prone code structures with the same functionality and user experience in the new web pages easily.

As part of the development processes, Node.js together with Gulp were used. Minifying, uglifying, compiling, preparing release packs, serving locally, running tests – everything that can be automatized during the development phase were done mainly using these 2 technologies.

Not only user interface projects were in development. The toughlex team had a couple of occasions to show it’s potential in creating some RESTful API projects. During backend development .NET was mostly used together with MsSQL databases. We created fast APIs that enabled applications to achieve great user experience.

Thanks to these technologies all of the developed solutions are blazing fast and easily maintainable.

Skills

  • AngularJS
  • MSSQL
  • Node.js
  • .NET
  • TeamCity
  • PowerShell
  • Requirements Analysis
  • System Architecture
  • System Integration
  • Enterprise Software
  • Project Management

Results

The toughlex team provided enterprise solution development services – full integration with the current system, performance improvements, new UI and API applications following best practices. Result – flawless experience for the end customer. Working together was smooth because we used Kanban processes for project management. Adform demands on ultra high quality and we are happy to fulfill its needs.