Sector(s)

Visit the site

Visit the site

Organizations Involved

Drupal powers Quebec’s official tourism portal, BonjourQuébec.com. The website integrates all the resources needed for exploring the regions and seasons of the province, from hotel and tour operator listings to selections of restaurants and parks to enjoy. The advantage of Drupal is that it offers the capability to build one’s own tech stack. In this case, Bonjour Quebec had the opportunity to develop a custom search interface, using Elasticsearch, and an interactive map that pulls data from numerous proprietary API sources.

About the project

Back to top

Goals

The purpose of this redesign was, first and foremost, to improve the end-user experience to better showcase the province’s wealth of tourism opportunities and provide useful tools to help visitors get the most out of their trip. Surfacing relevant, up-to-date information at the right time to optimize content search and discovery was also a priority.

In addition to providing public information via its portal, Tourism Québec oversees a network of 240 physical locations across the province where staff offer documentation and assistance to visitors, with the ability to access more data than the general public. They were looking for the redesign to centralize that data within a restricted section of the site for use by Tourism Quebec staff.

Back to top

Challenges

With the emergence of a global pandemic and its ensuing travel restrictions, the BonjourQuébec.com platform became even more vital for the province’s tourism providers. Restaurateurs, entertainment venues, tour operators and hospitality establishments need a strong, unified digital presence that enables them to connect with new, often more local audiences in innovative ways.

Redesigning the Bonjour Québec website had its share of intricacies, including:

  • A highly complex information architecture comprising more than 30 distinct content types
  • Content editors required a great deal of flexibility for data entry 
  • The cutting-edge visual design of the site, created by partner agency LG2, introduced a host of development complexities
  • A large number of animations presented significant challenges on the accessibility front
  • The need to centralize data from a multitude of APIs and deliver it seamlessly throughout the platform
Back to top

Solution

Evolving Web held a dual role in this large-scale project. In addition to leading the development work and migrating the original site from Drupal 7 to the latest version of Drupal, we performed extensive functional analysis for key features such as the interactive trip planner.

Evolving Web work included:

  • Custom, fully searchable interactive map system integrating data from numerous API sources
  • Full integration of rich, up-to-date data from various API sources, such as the province’s alliance of tourism establishments and different provider associations (e.g. golf courses, hotels, restaurateurs)
  • Powerful custom search engine with custom filters, using Elasticsearch as the search engine
  • An interactive trip planner that offers powerful features to the public, including a drag-and-drop itinerary builder, custom calendars, and personalized maps created with Mapbox
  • Permissions-based access allows tourism operators to log in and access privileged information on the platform
  • Chatbot implementation to assist visitors dynamically
  • Full multilingual capabilities, including a complex fallback system that ensures relevant results even when an exact translation is unavailable
  • Audience-based content prioritization showcases different activities and establishments to different visitors according to relevant market data

Image removed.

Back to top

Results

The final website shines a bright light on the diversity of Quebec’s tourism landscape and makes finding and discovering relevant, practical information easy—and enjoyable—for end users. It has the ability to deliver contextually relevant content to visitors of all types, from residents looking for their next day trip to international travellers in search of adventure (or leisure) in the province. The platform allows users to interact with the content via features such as fully customizable mapping and a drag-and-drop itinerary planner, which were designed for maximum user-friendliness despite their underlying technical complexity.

For Tourism Quebec and its partner associations, the ability to aggregate and serve data from such a large number of API sources ensures the accuracy and timeliness of all content. Content editors now have tools that allow them to publish a wide variety of content according to their needs without requiring technical assistance. Establishments gain better representation, and Tourism Quebec operators are able to better respond to visitor inquiries by accessing a centralized repository of reliable, up-to-date information. 

Back to top

Why Drupal was chosen

Drupal is the perfect fit for this type of large-scale, complex platform, which needs to be able to pull data from a broad range of source APIs. Its drag-and-drop content editing interface gives the Government of Quebec staff the ability to create, publish, and edit content in a flexible way, personalizing the content for different audiences and languages. Drupal’s adaptive handling of translated content was another clear fit for the platform, which targets a multilingual audience from around the world.

Screenshot of the BonjourQuebec website on different platforms

Technical Specifications

Drupal version:

A series of screenshots from the BonjourQuebec mobile view