Étude de cas · Plateforme de voyage

Donatello.fr, une plateforme de voyage conçue pour la performance.

Faire évoluer un site WordPress vers une plateforme headless capable d’orchestrer des services métier nombreux, un parcours de réservation complexe et des exigences élevées de performance.

Client
Dertour · Donatello
Collaboration
La Suite & Co
Intervention
Direction technique, architecture, développement, cloud et maintenance

Le point de départ

Contexte

Faire évoluer l’existant sans perdre ce qui fonctionnait.

Le site Donatello.fr existait déjà sous WordPress, dans une première version réalisée par Le Pulsar. Pour cette nouvelle étape, Dertour souhaitait confier la gestion éditoriale à Drupal tout en portant plus loin les performances et les capacités métier de la plateforme.

Le projet ne se résumait pas à une refonte de site. Donatello.fr devait réunir les contenus éditoriaux, les données voyage issues d’un PIM et d’un DAM, les services business de Worldline ainsi que les APIs de devis et de réservation.

Le défi

Faire travailler ensemble l’éditorial, la donnée voyage et la réservation.

La plateforme devait absorber des flux hétérogènes, conserver des parcours rapides et rendre chaque dépendance maîtrisable. La performance ne pouvait donc pas être traitée à la fin : elle devait guider l’architecture dès le départ.

Page d’accueil de Donatello.fr présentant une destination en Italie et le moteur de recherche de voyages
Page d’accueil — une entrée immédiate par la destination et l’envie de voyage.

Des responsabilités clairement réparties

Une collaboration où chacun porte son expertise.

01

Client

Dertour

Porte les objectifs métier, l’écosystème de services et les exigences opérationnelles de la plateforme Donatello.fr.

02

UX, UI et parcours

La Suite & Co

A conçu l’expérience utilisateur, les parcours, les interfaces et l’ensemble des maquettes du projet.

03

Direction technique et réalisation

Le Pulsar

A assuré la direction technique de l’ensemble du projet : architecture, frontend, intégrations, infrastructure AWS, intégration continue, qualité technique, puis maintenance et évolutions.

Les choix structurants

Architecture

Découpler pour mieux orchestrer.

Le Pulsar a proposé de séparer le frontend de Drupal. Next.js devient la couche d’expérience et d’orchestration entre le navigateur, le CMS et les nombreux services métier.

  1. 01

    Adopter une architecture headless.

    Drupal conserve son rôle de back-office éditorial tandis que Next.js porte le rendu, les interactions et la logique nécessaire à l’expérience du site.

  2. 02

    Placer l’orchestration au plus près du frontend.

    La couche Next.js agrège les réponses du CMS, du PIM, du DAM et des APIs métier. Cette séparation permet de traiter chaque source selon ses contraintes plutôt que d’imposer une stratégie unique.

  3. 03

    Piloter finement le cache des données.

    Les contenus éditoriaux, les données produit et les informations transactionnelles n’ont ni le même rythme de mise à jour ni la même criticité. L’architecture permet d’adapter précisément leur mise en cache.

  4. 04

    Industrialiser les déploiements sur AWS.

    Le Pulsar a mis en place une chaîne d’intégration continue avec SST afin de rendre les déploiements reproductibles et de fiabiliser les évolutions de l’infrastructure comme de l’application.

  5. 05

    Intégrer la mesure, le SEO et l’accessibilité.

    Un important travail de plan de tagage structure la mesure des parcours et des actions clés. Le SEO technique et l’accessibilité ont également été traités comme des exigences de conception et de réalisation, et non comme des vérifications ajoutées après coup.

Au cœur du produit

Un funnel de réservation qui relie l’interface au métier.

Le parcours de réservation concentre une grande partie de la complexité du projet. Il réunit des formulaires riches, des règles de validation et plusieurs étapes dépendantes des APIs de devis, de réservation et des services Worldline.

Le travail de développement a consisté à transformer cette complexité en un parcours cohérent : préserver les informations d’une étape à l’autre, restituer clairement les états et les erreurs, et maintenir la continuité entre les écrans imaginés par La Suite & Co et les contraintes des services métier.

RechercheDevisVoyageursRéservation
Première étape du tunnel de réservation Donatello.fr avec choix des chambres, itinéraire, assurance et récapitulatif
Funnel de réservation — des formulaires complexes rendus lisibles tout au long du parcours.

Ce que l’architecture permet

De la performance aujourd’hui. Une plateforme qui peut évoluer demain.

95/100Performance desktop
100/100Accessibilité desktop
100/100SEO mobile et desktop

Audit Lighthouse 13.5 réalisé le 7 octobre 2026 sur la page d’accueil publique de Donatello.fr. Mesures de laboratoire ponctuelles : les scores peuvent varier selon les conditions du test. La seconde mesure mobile a relevé 85 en performance, 97 en accessibilité et 100 en SEO.

01

Des performances au rendez-vous

Le découplage et les stratégies de cache donnent à chaque type de donnée un traitement adapté, sans faire dépendre tout le frontend du temps de réponse d’un système unique.

02

Un écosystème de services maîtrisé

CMS, PIM, DAM, devis, réservation et services business sont réunis derrière une expérience cohérente, avec une responsabilité claire pour chaque couche.

03

Des évolutions plus sûres

L’intégration continue et l’infrastructure décrite avec SST rendent les mises en production plus reproductibles et facilitent les évolutions régulières de la plateforme.

Exploitation et évolution

Le Pulsar assure toujours la maintenance et les évolutions de Donatello.fr. Cette continuité permet de suivre la plateforme dans le temps, d’ajuster ses intégrations et de faire évoluer les parcours à mesure que les besoins métier progressent.