How De Nieuwe Zaak Improved Productivity Using The VWO API
About De Nieuwe Zaak
De Nieuwe Zaak is a leading full-service digital agency based in Zwolle, Netherlands. With a team of over 90 experts, they provide innovative, high-quality digital commerce solutions for retailers, wholesalers, and brands alike.
They have been using VWO since 2012 to conduct A/B tests and optimize websites for many of their clients. Being such an extensive VWO user, they are constantly investigating how they can make use of the platform to make their processes more efficient and produce faster results.
Download Free: A/B Testing Guide
De Nieuwe Zaak recently started using the VWO Application Programming Interface (API), which has drastically improved the productivity of their development teams with regard to building A/B test campaigns by using VWO. They recently published a blog post sharing their experience using VWO and the API; you can read it here.
Challenges Before Using VWO API
De Nieuwe Zaak has more than 12 years of experience in implementing and creating web applications. In these years, they have standardized their development process.
For them, setting up A/B tests is a collaboration between CRO & UX consultants and developers. The CRO & UX consultant analyzes the user research data and comes up with a hypothesis for an A/B test, and developers write the code for it.
Front-end developers work in their own Integrated Development Environment (IDE), such as Visual Studio, Sublime, or Webstorm, as these editors provide excellent support for writing code in HTML, SCSS, and JavaScript. After a piece of code is complete, it is stored in a version management system such as GIT and Bitbucket so that it is never lost.
Before the front-end developers at De Nieuwe Zaak started using the VWO API, they used to write the code for the test variations on the VWO code editor. However, they wanted to be able to write code in the IDE familiar to them for improved efficiency.
How VWO API Helped Improve Productivity
Developers at De Nieuwe Zaak used the VWO API to visualize tests in dashboards, analyze test results, and implement code changes in their campaigns. Here is how the process worked:
For any API to work, 2 applications are required. With one being VWO, developers at De Nieuwe Zaak wrote a small NodeJS application that now runs on their computers with the help of extensive documentation provided by VWO.
The NodeJS application communicates with VWO by using an automated task runner called GruntJS and an asynchronous request initiated by the browser, also known as an Ajax call.
Download Free: A/B Testing Guide
With the first version of the VWO API, front-end developers at De Nieuwe Zaak were able to retrieve the JavaScript and CSS code pieces from their version management system, and then push the changes to VWO. Further, they could accommodate using SCSS instead of CSS, which is easier to manage and write code in. Below is a schematic representation of the process:
Summary of Benefits
De Nieuwe Zaak is one of the first VWO customers worldwide that started using the VWO API. In addition to improving their efficiency and reducing the overall time spent from scratch till the end for implementing a test, the development team at De Nieuwe Zaak has been able to:
- Improve code quality by using SCSS, instead of plain CSS.
- Write code in an environment familiar to them.
- Ensure safety of their code by using version management.
- Create and extend the API link to further accommodate their use cases.
- Follow their existing processes and frameworks to develop websites.
The VWO API is very extensive and is very well documented. At De Nieuwe Zaak, we use the API for visualizing reports in dashboards and implementing test. Particularly, the process of implementing tests with the API made the implementation more sustainable.– Pascal Alferink, Developer at De Nieuwe Zaak