Sector(s)
Verifone is a global FinTech corporation that offers end-to-end electronic payment transaction solutions and value-added services at the POS and online. It sells merchant-operated, consumer-facing, and self-service payment systems to multiple industries.
About the project
Objective
Verifone was in the process of rebranding. As a multinational enterprise, it had several websites on separate domains, each optimized for a specific location and language. That presented some problems:
Delivering content from the global website to local country sites was challenging.
Permission distribution to each local site was inconvenient.
Besides, the old websites didn’t match the company’s new brand vision. They also had issues with the user experience: website visitors often couldn’t find information about the company's products, which resulted in lower conversions.
Verifone required a solution reflecting its revamped brand identity while offering the functionality the previous sites lacked. Importantly, the website had to be optimized for multiple countries, but this time, instead of having multiple sites on separate domains for different locations, the company wanted a single-domain solution translated into several languages.
Challenges
Since the task was extensive, it required the attention of different teams. Overall, the following teams were involved: Nord, Mediacurrent, Bluecadet, and AnyforSoft.
The project encompassed an extensive scope, demanding strict adherence to tight deadlines and maintaining a high technological proficiency and quality standard. Our internal team was substantial in size, and we also had to establish a collaborative workflow with the other teams. With over 30 stakeholders involved, effectively managing their diverse inputs required considerable time and effort.
Technologies
Solution
Our joint efforts with the teams resulted in the creation of a robust website that not only embraced an entirely novel user experience but also reflected Verifone's new brand identity. We enhanced the user flow and helped users effortlessly access the information they required from the site.
The content management system was customized for Verifone’s needs. The following capabilities were added: a landing page generator, reusable content blocks, content cloning, conditional fields for accurate content management, cross-linked content blocks, flexible hero banners, image bulk upload, and Workbench.
To help users find the content they’re interested in faster, we implemented an advanced search engine that supports autosuggestions, autocomplete, and recommendations. We also added various filtering options, allowing visitors to filter the search results by insight type, topic, and media type. Our team also developed the “comparison mode” feature, enabling users to compare two or more Verifone products to make an informed decision.
An obstacle emerged when we attempted to integrate Bluecadet's Fractal environment with the Drupal framework. This integration proved to be complex and posed many challenges, but thanks to the expertise of our developers, they were successfully resolved.
Last but not least, our team implemented a widget where Verifone can display the text of the program code, formatted and highlighted according to the syntax. It is aimed at Verifone partners who want to integrate the company’s services.
Project Features
To improve the user experience and make the site convenient, our team developed various functions using Storybook and Fractal development tools as well as other solutions.
Third-party integrations: Our team integrated the site with multiple third-party tools, such as Pardot Lightning, Zapier, Google Analytics / Google Tag Manager, Hotjar, Sleeknote, and more.
Filters: We added filtering options, allowing visitors to filter the search results by insight type, topic, and media type.
Content translation and redirects: Content translation solutions were implemented and location-based redirects were set up to land the visitor on the right version of the website based on their language and location.
WCAG 2.0 AA: Our team made the WCAG 2.0 (AA) website compliant, ensuring its accessibility for people with disabilities and allowing Verifone to target a wider audience.
Deep caching: We implemented deep caching, allowing for faster page load times.
Search bar: We added a convenient search bar with autosuggestions, autocomplete, and recommendations to help users find the information they want more easily.
Modern design: In collaboration with Bluecadet, we created a modern design with 3D images, adaptive UI, parallax and soft scroll, blur effects, mobile-optimized sliders, responsive media, and animated SVG icons.
Customized CMS: We customized the CMS, adding various features: landing page generator, reusable content blocks, content cloning, flexible hero banners, image bulk upload, and more.
Product comparison mode: A product comparison mode was developed, allowing users to compare two or more Verifone products with each other to make an informed decision.
Streaming of local video files: We added the video streaming functionality for marketing purposes.
Why Drupal was chosen
Speaking from the technical perspective, we decided to build the new website on Drupal 10, as this CMS offered the best opportunities in terms of scope, time, and budget. Besides, Drupal has multilingual support out of the box, which was critical for our goal.
We used Verifone’s old global website as a reference to retain its original features. However, due to a new user flow and additional features requested by the client, we also needed to expand the site's capabilities. To achieve this, we incorporated the latest Drupal contribution modules and also implemented custom solutions.
Additionally, we used Drupal’s content translation solutions, translating the website into more than 20 languages. We set up all the essential location-based redirects, ensuring that each user lands on the site's version optimized for their country.
Technical Specifications
Drupal version:
