Pixel-perfect migration and website development for Haptik

What is Haptik.ai all about?

Haptik is a Jio-Google-Facebook subsidiary. They are an Indian enterprise conversational AI platform that dreams of taking AI to the next level and have businesses and brands communicate through messaging or digital voice interfaces daily. Earlier they used the HubSpot portal for Haptik.ai, which they consolidated with conversation.ai. 

Purpose

Haptik.ai was originally using WordPress CMS. However, once they explored HubSpot CRM and marketing tools, they were intrigued and wanted to move their website to HubSpot CMS. Our target was to execute the migration without any fallouts or loopholes.

Thus, our goals were:

• To conduct a pixel-perfect migration
• To enhance the flexibility of the web design
• To include additional modules
• To clone the master templates
• To increase the scope for customizations

Challenges

Haptik was built on WordPress. As we all know, WordPress uses plugins and templates for basic functionalities. These plugins or modules are open source and can not be changed seamlessly. When we try to move to a new content management system, we come across some predominant challenges. The following were the most prominent ones for our team: 

• Limited use of pages
• Dependencies on plugins
• Restricted to using a pre-built theme
• Difficulty in carrying out modifications
• Lack of elements for drag and drop functionality

Solutions

Ensured a pixel-perfect migration

Since WordPress offers open-source plugins, it becomes challenging to clone a site's pages for the mockup UX. Despite the challenges, we were able to conduct the migration with utmost perfection.

Enabled Haptik to clone the master templates for internal pages

The master template is the starting point for all the other pages of a website. In order to conduct the desired customizations, it is essential that the master template, it's UI and UX is high quality. Since Haptik already has a pre-built design, we had to take care of the cloning. Our team assisted the client in doing the same without any disruptions.

Kept the quality intact 

Migrating from one CMS solution to another, while maintaining the same web design is indeed a significant task. With collective effort and focus, we made sure the quality was intact.

Created custom header and modules

The client had many products and services that they wanted to display to their clients. To serve this purpose we created a custom header in each page with all the products and services listed. We also made sure the header was responsive and worked just as fine on the mobile.

Many of the client teams were working on the website and they also needed custom modules so the Haptik teams could create web pages and landing pages on their own. We made sure of this by creating a custom, multipurpose module.

Consolidated the website to remove limitations

Having multiple stand-alone modules can restrict the streamlined mode of operations that the users desire. Haptik has the same existing problem which our web designers and developers solved by integrating the modules and removing limitations on the back-end.

Enabled Haptik to create Templates

We enabled Haptik to create tailor-made templates which were not originally offered by WordPress. Our team provided them with the access they needed to carry out the changes or develop something from scratch.

Enabled customizations

WordPress limits the freedom of customization for the website owners. While migrating to HubSpot CMS, we had to make sure we made way for our client to add customizations if required. 

Making the site interactive and attractive

There were many parts of the website that needed to be interactive in order to grab the attention of the visitors and encourage them to respond to CTAs. 

This included three pages of webinar listing, details, and registration page. The listing page displayed all the webinars, the second page had the webinar video and content and finally the registration page had the forms.

They also wanted a separate module for the career page, where the candidates can come and apply for the job openings. For this we developed a tabbing based module as per the job vacancies. 

To keep the website interactive, we used animation.

Results

We successfully conducted the migration and consolidated the website to remove limitations and unlocked newer functionalities. We also developed responsive and editable modules to enhance the functionality of the website. Our client was rather impressed with the quality of work we delivered and praised us for our dedication and expertise as well.

The new website of Haptik.ai is up and running.

Feedback