Project:

Web Development

scroll icon

Born in the Digital Age

Cover Price reinvents shopping for insurance through their new website.

Cover Price seeks to take a necessary business task - shopping for insurance coverage - and turn it upside down by allowing businesses to get a quote for coverage without calling a slew of local agents. Like many insurance providers, Cover Price partners with respected insurance companies to provide quotes to business of all sizes. However, they have taken their mission one step further, simplifying the process to make it easier for business owners to shop for the insurance coverage they need, day or night.

Technology:

Custom API integrations with Insurance Providers

Craft CMS

HTML/LESS

Node.js

Mongo DB

Roles:

Frontend Development

Backend Development

DevOps

Technical Direction

Project Management

Finding the right kind of insurance coverage for your business can be confusing.

Cover Price needed a wesbite 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 wesbite that was flexible and powerful.

We built a home page 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 home page 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.

Unique Hero Style with Sticky Nav

The new website for Cover Price features a unique hero style with sticky navigation. The site's menu is semi-transparent and sits on top of a carousel of hero images. As a visitor scrolls down the page, the menu follows with the semi-transparent background, visually separating the navigation from the page's content.

API Integrations with Hiscox and Chubb

To be able to correctly submit quotes to two separate insurance providers - Chubb and Hiscox - Data Driven Design needed to integrate with both company's 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 doccument 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.

Easy online quotes

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 re-formatting 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 "addtional policy types" on the form, additional form sections are built to allow purchase of those policies as well.

Insurance in the modern age means automation

After a user makes their selections, they are prompted to pay for them on the site. Data Driven Design integrated with Recurly to allow recurring payment processing in checkout steps. This makes the process simple, allowing payments to be automatically pulled from the company's bank account each month. After payment is completed, the site issues the appropriate policy immediately. An e-mail is sent to confirm the purchase and all of the details of the purchased policies are provided at the same time.

Get in touch.
Contact

We proudly serve
the Pacific Northwest