During my time at Conergos one of the most exciting projects was building a brand new ordering process system.
The tool aims to be easy to use and dynamic to make it user friendly and convert the user into a customer. First it fetches the tariff based on the post code and usage inputted by the user. Afterwards the user is guided through the order process step by step. This tool will be used as a base by Conergos’ clients for all order processes to come. Currently it’s implemented for Citiwerke.
The responsive tool is built using Bootstrap and jQuery UI as the two main frameworks and makes use of AJAX requests to send and receive data from the server, such as: sending the post code, receiving tariff data, validating IBAN, validating address, validating device and finally signing up the user.
Quick release cycle and easy maintenance were two key points. To achieve this, the whole order process is injected into the page on page load from a server managed by Conergos, thus Conergos can make changes to the tool without needing client intervention.
The tool had to be encapsulated and run on any page where it was injected smoothly and stably. To avoid conflicts and overrides, both Bootstrap and jQuery UI were modified, prefixes were added to normalization, to classes as well as to jQuery UI’s native methods and properties – this means that the tool can run its own version of Bootstrap and jQuery UI parallel to another instance of both running on the parent page.
