Web Development

Cover Price needed a website to educate users with many different backgrounds - from home-based businesses to contractors providing specialty services - and help them discover the right type of policy. With this essential functionality at the core of the design and site structure, Data Driven Design was tasked with developing a website that was flexible and powerful.

We built a homepage carousel to keep Cover Price's products front and center, with a hover effect that displays additional information to help users to determine whether a particular type of policy might be right for them. Each of these types of services also has an individual page developed to provide additional details, with parallaxing images to add interest.

Both of these areas of the site - the homepage carousel and the individual pages - are managed in Craft CMS' powerful and easy-to-use framework, with each of the service offerings set up to contain all of the common elements including a set of unique icons which lend visual continuity to a user's journey.

To be able to correctly submit quotes to two separate insurance providers - Chubb and Hiscox - Data Driven Design needed to integrate with both companies' APIs to be able to provide accurate quotes to users. Most APIs we have worked with are well-documented and tested. However, what we received were unique sets of questions and logic for each of the two providers - in excel docs. Our challenge became finding a solution to allow a user to ask for a quote using a single process when the two separate insurance providers used differing questions and unique logic to issue quotes.

In order to accomplish this goal, we created a system that would support both providers' needs. Data Driven Design translated 1000+ rules provided in excel document format by the insurance companies and standardized them to a single JSON format. We built a Mongo Database to store all of the relevant insurance questions from both providers in a standardized format, as well.

An API wrapper was created in Node.js to format the requests from the form in JSON, and based on the provider they needed to be sent to, the structure of the request is uniquely formatted depending on whether it will be sent to Chubb or Hiscox. This approach allows for the two providers to be able to accurately receive the information they needed to provide a quote to a user using a standard form but different requests to the separate APIs.

On the front end of the site, Data Driven Design created a multi-step, dynamic quote form that will correctly populate questions based on a user's selections, such as provider, location and type of business. After receiving a response from the insurance providers' APIs and reformatting it into a uniform output, the final quotes are provided in a single style whether they come back from Hiscox or Chubb. For example, if you chose a business owner's policy, the results will display between one and three coverage options that can be purchased on the site. If you selected "additional policy types" on the form, additional form sections are built to allow the purchase of those policies as well.