Project overview
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.