CASE STUDY | 8 MINUTEs de LectURE

Eurométropole de Strasbourg 

Une usine à sites boostée par Liferay DXP pour optimiser la communication digitale et l'engagement citoyen
Image
Logo
Usine à site
Sites web disparates
33
Communes
500 000
habitants
75
sites consolidated
Outline
Jump to Section
Outline
Jump to Section

Key Takeaways

xxxxxxx.

Contexte

L'Eurométropole de Strasbourg (EMS)

Territoire dynamique au cœur de l'Europe, l'Eurométropole de Strasbourg (EMS) regroupe 33 communes et plus de 500 000 habitants. En tant que collectivité territoriale de premier plan, l'EMS s'engage à offrir des services de qualité et une information transparente à ses citoyens, mais aussi à ceux qui la visitent et y travaillent. Son écosystème numérique est vaste et complexe, incluant des sites d'information institutionnels, des portails de services aux usagers, des plateformes dédiées à des thématiques spécifiques (météo, activités culturelles …), ainsi que le back-office de son application mobile "StrasApp".

Pour gérer cette diversité de services, plusieurs directions sont impliquées : la communication numérique, la participation citoyenne, l'urbanisme et les territoires, ou encore la culture. L'objectif de tous ces pôles est de faciliter l'accès à l'information, de simplifier les démarches ainsi que d’encourager l'engagement des habitants à travers des sites accessibles.

 

Liferay Solutions
Ready to see what Liferay can do?

Défis

Risus in hendrerit gravida rutrum quisque non tellus orci. Feugiat nibh sed pulvinar proin gravida hendrerit lectus a. Massa placerat duis ultricies lacus sed turpis tincidunt id. Rutrum tellus pellentesque eu tincidunt tortor aliquam nulla. 
  1. Face à un écosystème digital en constante expansion, l'Eurométropole de Strasbourg a été confrontée à plusieurs défis majeurs :

  2. Une gestion fragmentée et coûteuse : la multiplication de sites web distincts, plus d’une quinzaine, développés sur des technologies disparates, entraînait des coûts de maintenance (TCO) élevés, une complexité technique accrue, des difficultés à assurer une cohérence d'image pour la collectivité et une expérience utilisateur confuse.

  3. Manque d'agilité pour les directions métiers : le processus de création de nouveaux sites ou de mise à jour de contenus était souvent long et nécessitait l'intervention constante d'équipes techniques, limitant l'autonomie et la réactivité des différentes directions métiers.

  4. Complexité de l'engagement citoyen : malgré une volonté forte d'interagir avec les citoyens (recueil de propositions, pétitions, budgets participatifs, retour d’expérience sur les commentaires), les outils existants ne permettaient pas toujours de gérer ces processus de manière fluide, transparente et sécurisée, ni de les lier efficacement aux autres services.

  5. Exigences techniques et réglementaires : la nécessité d'interfacer les plateformes web avec le Système d'Information (SI) existant, d'assurer une haute performance, une accessibilité numérique (RGAA) irréprochable et une conformité stricte au RGPD, représentait une difficulté technique et organisationnelle de taille.

  6. Performance et qualité : garantir des performances optimales, un référencement naturel efficace (SEO) et une démarche d'écoconception tout en assurant une haute performance pour l'ensemble des services numériques était une priorité.

Faucibus pulvinar elementum integer enim. At risus viverra adipiscing at. Consequat semper viverra nam libero justo laoreet sit amet cursus. Sagittis purus sit amet volutpat consequat mauris nunc.

Liferay est devenu la colonne vertébrale numérique qui alimente non seulement nos sites web, mais aussi notre application mobile StrasApp. Cela nous permet de garantir une information cohérente et à jour sur tous nos canaux, tout en respectant les normes d'accessibilité et de protection des données.

Mathias Treffot
Chef de projet strasApp et refonte Strasbourg.eu, Eurométropole de strasbourg
Image

Implémentation

Les solutions Liferay DXP : Une usine à sites mutualisée

Pour relever ces défis, l'Eurométropole de Strasbourg a choisi de s'appuyer sur la plateforme DXP de Liferay, implémentée par son partenaire intégrateur Sully. La stratégie centrale a été la mise en place d'une usine à sites, permettant de rationaliser la création et la gestion de l'ensemble de son parc numérique.

« Notre ambition était claire : maîtriser nos coûts, gagner en agilité et offrir une expérience utilisateur optimale tout en répondant aux enjeux d’un numérique responsable », explique Djelali Hedjerassi, Directeur du Numérique et des Systèmes d'Information (DSI) de l'EMS. « Liferay DXP, une solution flexible, capable de mutualiser les ressources, s'est imposée comme la solution idéale. »

1. Réduire le TCO avec une usine à sites

Liferay DXP a permis à l'EMS de centraliser la gestion de son écosystème numérique. En mutualisant le socle technique, les coûts d'infrastructure, de maintenance et de développement ont été significativement réduits.

  • Mutualisation des ressources : Fragments de contenu, thèmes et un "StyleBook" centralisé permettent de déployer de nouveaux sites avec une homogénéité graphique et fonctionnelle préétablie, tout en laissant une marge de personnalisation.

  • Déploiement rapide et économique : La création de nouveaux sites est devenue une opération standardisée, réduisant les délais et les coûts associés.

  • Mises à jour centralisées : Les évolutions techniques ou graphiques sont appliquées une seule fois au socle commun puis s’appliquent automatiquement à l’ensemble des sites.

« Avant Liferay, le développement d’un nouveau site était un projet lourd avec des coûts spécifiques. Aujourd'hui, grâce à notre usine à sites, nous pouvons déployer de nouvelles plateformes à moindre coût et avec une rapidité indéniable. Le retour sur investissement est flagrant », témoigne Djelali Hedjerassi.

 

2. Créer facilement de nouveaux sites et simplifier les contributions

L'usine à sites Liferay simplifie l’activité des directions métiers, en permettant davantage d’autonomie dans la création et la gestion de leurs contenus.

  • Bibliothèque de composants : Des modules réutilisables permettent d'assembler rapidement des pages et des sites.

  • Personnalisation graphique : Le StyleBook et les thèmes garantissent une homogénéité visuelle tout en offrant des options de personnalisation.

  • Contribution simplifiée : L'interface de back-office intuitive et la fonctionnalité "Edit in place" permettent aux contributeurs de modifier le contenu directement sur la page.

  • Gestion fine des droits : Les permissions sont gérées avec précision, garantissant la sécurité avec des accès vérifiés et la pertinence de chaque contribution.

« En tant que webmaster, mon quotidien a été transformé. L'utilisation de fragments partagés et du StyleBook nous permet de déployer un nouveau site en quelques jours, là où il fallait des semaines auparavant. Les directions métiers sont plus autonomes, et cela se traduit par une meilleure réactivité et une plus grande satisfaction des utilisateurs », souligne Sébastien Quedville, webmaster à l'EMS.

 

3. Faciliter l'engagement citoyen avec des workflows sur mesure

Pour la Direction de la participation citoyenne, Liferay a fourni les outils nécessaires pour structurer et dynamiser l'interaction avec les usagers.

  • Gestion de workflows : Mise en place de circuits de validation précis pour les propositions citoyennes (projets de budget participatif, pétitions, aménagements urbains), assurant traçabilité et transparence.

  • Affichage dynamique : Gestion des actualités, agendas et recherche dynamique pour informer les citoyens des initiatives en cours.

  • Lien avec son compte MonStrasbourg : Intégration avec le compte MonStrasbourg, espace qui regroupe plusieurs dizaines de démarches en ligne pour les usagers de l’EMS, afin d’assurer une expérience citoyenne fluide et personnalisée.

« Nous avons pu mettre en place des outils concrets pour le budget participatif, par exemple, où chaque proposition citoyenne suit un workflow précis de la soumission à la publication, en passant par la revue et la modification. Cela nous permet de gérer des centaines de contributions chaque année de manière efficace et transparente », explique Laurine Kretz, Cheffe de projet numérique à la Direction de la participation citoyenne.

 

4. S'interfacer avec le SI : Une colonne vertébrale numérique

Liferay DXP sert de hub central pour les interconnexions avec les systèmes d'information de l'EMS, y compris l'application mobile phare, StrasApp. Cette application regroupe l’ensemble des informations diffusées par les différents services de l’EMS (agenda, stationnement, transports, météo …)

  • Back-office de StrasApp : Liferay gère le paramétrage des données envoyées à l'application mobile et le back-office des notifications personnalisables par direction métier.

  • Authentification centralisée : Lien direct avec le compte MonStrasbourg pour une authentification unique et des démarches administratives simplifiées.

  • Intégration SI : Connexion avec des jeux de données open data, les données de transports en temps réel, la gestion des lieux (horaires), la cartographie et les bureaux de vote issues du site principal de l’EMS, Strasbourg.eu

  • Conformité réglementaire : Les exigences d'accessibilité web (RGAA), primordiales pour une collectivité s’adressant à des citoyens disposant de compétences numériques disparates, et de protection des données (RGPD) sont prises en compte dès la conception.

« Liferay est devenu la colonne vertébrale numérique qui alimente non seulement nos sites web, mais aussi notre application mobile StrasApp. Cela nous permet de garantir une information cohérente et à jour sur tous nos canaux, tout en respectant les normes d'accessibilité et de protection des données », précise Mathias Treffot, Chef de projet StrasApp et refonte Strasbourg.eu au sein de la Communication numérique.

L'expertise de Sully

Le succès de cette transformation numérique repose également sur l'expertise et l'accompagnement de Sully, partenaire intégrateur de longue date de l'EMS. Le partenaire garantit la performance, le SEO et l'écoconception des plateformes. Le site strasbourg.eu affiche ainsi un excellent score RGAA, un score qui évalue l’accessibilité d’un site web selon différents critères. D’un point de vue technique, Sully assure la capacité de la plateforme à supporter un trafic élevé et des services multiples ainsi qu'à maintenir le socle à jour et anticiper les évolutions futures.

« Notre rôle avec Liferay est d'assurer la robustesse, la performance et l'évolutivité de l'ensemble du dispositif. Grâce à la mutualisation et à une architecture bien pensée, nous gérons aujourd'hui 15 sites avec des fragments et thèmes partagés, tout en garantissant une personnalisation graphique via le StyleBook. Nous nous sommes engagés sur des scores RGAA élevés pour strasbourg.eu, et nous tenons nos promesses », affirme Christophe Goudey, Directeur de projet et responsable ressources pool Liferay chez Sully. « La confiance et l'agilité avec l'EMS nous permettent de travailler efficacement et de délivrer un produit de haute qualité. »

Image

Résultats

Ce qu'a apporté Liferay DXP aux services de l'EMS

La mise en œuvre de la solution Liferay DXP par l'Eurométropole de Strasbourg, avec l'expertise de Sully, a généré des bénéfices concrets et durables :

  • Réduction significative du TCO : grâce à la mutualisation et à la centralisation, l'EMS maîtrise désormais ses coûts opérationnels et de développement.

  • Agilité et autonomie : les directions peuvent créer du contenu et gérer leur site plus rapidement, sans dépendance technique excessive. Le temps de développement des nouveaux sites a été drastiquement réduit.

  • Amélioration de l'engagement citoyen : des outils performants et intuitifs facilitent la participation et la gestion des contributions, renforçant la démocratie participative. Le nombre de contributeurs et de contributions a augmenté.

  • Cohérence de l'expérience utilisateur : une identité graphique unifiée et des parcours utilisateurs simplifiés sur l'ensemble de l'écosystème digital.

  • Performance et qualité garanties : des sites rapides, accessibles (Score RGAA élevé pour strasbourg.eu), performants et conformes aux réglementations (RGPD).

  • Intégration SI réussie : une connexion fluide avec les systèmes d'information existants, y compris le back-office de StrasApp et les services MonStrasbourg.