Conception de la plateforme institutionnelle bilingue d’EM² Data & AI Lab

Vue d’ensemble

De l’identité numérique à la plateforme publique

Entre janvier et juin 2026, j’ai conçu et développé la plateforme institutionnelle bilingue d’EM² Data & AI Lab, depuis le cadrage initial jusqu’à sa mise en production.

Le projet accompagnait la transformation de CaSEG en une structure au positionnement plus large, couvrant la statistique, l’ingénierie des données, l’intelligence économique, le management et la gouvernance, ainsi que la construction de produits analytiques.

L’objectif n’était pas uniquement de créer un nouveau site. Il fallait transformer une vision encore peu structurée en une identité numérique cohérente, une offre de services lisible et une plateforme capable de soutenir le développement futur du cabinet.

Situation initiale

Une première présence web devenue limitée

CaSEG disposait auparavant d’un site réalisé avec Google Sites en 2021. À l’époque, cette solution semblait satisfaisante, notamment en raison de notre expérience limitée en développement web et en stratégie numérique.

Après mes formations en développement et en fondements professionnels auprès d’ALX, j’ai réévalué cette première présence numérique. Le site existant apparaissait alors limité sur plusieurs dimensions : positionnement institutionnel peu affirmé, identité visuelle insuffisamment différenciée, offre de services difficile à structurer, faible capacité d’évolution, architecture peu adaptée au bilinguisme, et contrôle technique et éditorial limité.

Cette analyse a conduit à reprendre entièrement le projet plutôt qu’à améliorer progressivement l’ancien site.

Problème

Rendre lisible une offre multidisciplinaire

Comment transformer une offre multidisciplinaire complexe en une plateforme institutionnelle claire, crédible, bilingue et suffisamment flexible pour accompagner de nouveaux services, formations et publications ?

Le travail devait également rendre visible la continuité entre CaSEG et EM² Data & AI Lab sans créer de rupture artificielle avec l’histoire de l’initiative.

Rôle et responsabilités

Conception produit, contenu et développement frontend

J’ai assuré seul la conception et la réalisation du projet, avec Claude Code comme assistant de développement.

Mon intervention a couvert : analyse du besoin, stratégie produit, repositionnement de l’identité numérique, architecture de l’information, structuration des divisions, conception des services et formations, rédaction, traduction français-anglais, direction artistique, UX/UI, développement frontend, responsive, SEO technique, configuration du domaine, déploiement et contrôle qualité.

Les autres membres d’EM² sont intervenus comme parties prenantes internes pour donner leurs avis et retours.

Structuration de l’organisation

Une organisation en trois divisions

L’organisation autour de trois divisions résulte d’une décision interne correspondant aux trois profils principaux de la structure : Statistique et ingénierie des données, Intelligence économique, et Management et gouvernance.

La plateforme devait rendre cette organisation immédiatement compréhensible tout en conservant une expérience unifiée.

Conception de l’offre

Formaliser l’offre en construisant l’interface

Les services, les formations, les catégories d’intervention et les messages institutionnels n’étaient pas encore formalisés.

Le projet a donc inclus : définition des domaines d’intervention, organisation des prestations, conception des offres de formation, clarification des publics cibles, hiérarchisation des informations, rédaction institutionnelle et adaptation bilingue.

La plateforme est ainsi devenue à la fois un support de communication et un outil de formalisation de l’offre d’EM².

Architecture de l’information

Des parcours bilingues pour plusieurs publics

L’architecture a été pensée pour les institutions publiques, partenaires au développement, organisations financières, entreprises, chercheurs, professionnels et étudiants recherchant une formation.

La navigation devait permettre d’accéder rapidement aux divisions, services, formations, à la présentation de la structure et aux canaux de contact. Le bilinguisme français-anglais a été intégré dès la conception.

Système visuel

Profondeur institutionnelle, clarté et distinction

La charte graphique repose sur un bleu sombre pour la crédibilité, la profondeur et le caractère institutionnel; une teinte dorée pour l’accent, la valeur et la distinction; et le blanc pour la respiration et la lisibilité.

Le système a été décliné dans la hiérarchie typographique, les boutons, les cartes de services, les divisions, la navigation, les états interactifs et les versions mobile et desktop.

Choix techniques

Une base Next.js évolutive

La plateforme utilise Next.js, TypeScript, Tailwind CSS, Vercel et Hostinger.

Next.js fournit une architecture évolutive pour de futures publications, formations, ressources et services interactifs. Aucun CMS, backend métier ou système de base de données n’est encore intégré.

Contraintes

Domaine, hébergement et disponibilité des contenus

Deux contraintes ont particulièrement structuré le projet : l’hébergement et la configuration du domaine, avec une application déployée séparément du domaine; et la disponibilité des contenus, les principaux éléments éditoriaux n’existant pas encore sous une forme directement publiable.

Il a donc fallu concevoir simultanément l’organisation, les services, les formations, les messages institutionnels, les contenus bilingues et leur représentation dans l’interface.

Développement assisté par l’IA

Claude Code comme assistant de développement

Claude Code a été utilisé comme assistant de développement pour accélérer certaines tâches de production, d’exploration et de correction.

Les décisions relatives au positionnement, aux contenus, à l’architecture, au design, aux fonctionnalités et à la validation finale sont restées sous ma responsabilité.

Résultat

Une plateforme institutionnelle publique pour EM²

Le projet a abouti à une plateforme institutionnelle bilingue présentant la nouvelle identité EM² Data & AI Lab, les trois divisions, les principaux domaines de services, les offres de formation, le positionnement institutionnel, les parcours de contact et une architecture prête à accueillir de futurs contenus.

Le site constitue désormais la principale présence numérique publique d’EM² Data & AI Lab.

Limites et évolutions

Une base prête pour les prochains développements

La plateforme pourra évoluer avec un système éditorial, une gestion plus avancée des formations, des formulaires connectés à un backend, une base de données, des automatisations, un espace de ressources et des produits analytiques interactifs.

Technologies

Stack et environnement de production

Next.js · TypeScript · Tailwind CSS · Vercel · Hostinger · Claude Code