Le 26 septembre dernier, avec Simon, nous nous sommes lancés dans le grand bain des conférences. C’est lors de la vingtième édition de Paris Web, la conférence francophone de référence sur les standards du web et l’accessibilité, que nous avons présenté notre sujet : Les Web Components et l’accessibilité. Depuis 2022, avec Simon et l’équipe de designers produit de MGDIS, nous développons un design system qui se veut accessible by...
Lead développeur frontend — design system & accessibilité RGAA
Aujourd’hui, je suis Lead développeur frontend dans la core team du design system de MGDIS. Mon quotidien : des Web Components (StencilJS), l’accessibilité RGAA comme exigence non négociable, et l’industrialisation du frontend à l’échelle. J’applique la vision de l’architecte frontend et j’accompagne les équipes qui l’implémentent. J’en ai parlé sur scène à Paris-Web 2025.
L’IA fait partie de mes outils de développement au quotidien. Le soir, en side project, j’explore les systèmes agentiques — orchestration d’agents, mémoire, observabilité, gouvernance par décisions. Je les construis pour comprendre comment ils tiennent.
Le fil
Le vélo d’abord. Cycliste professionnel sous les couleurs de Bretagne Schuller — cinq championnats de France, des courses 2.1 et 2.2. Voir le palmarès →
Une blessure en 2010 m’a mis hors course. C’est pendant cet arrêt que je suis venu au numérique. Entrepreneur d’abord : boutique physique, e-commerce vélo, P&L, management. Puis la communication digitale. Puis le code — appris sur le tas, appliqué en production.
En 2013, j’ai lancé vtt.bzh — un calendrier des randos VTT en Bretagne. Pas un projet éditorial : un outil de praticien, construit pour les pratiquants. Treize ans plus tard, 12 000 vététistes par mois, référence #1 sur Google pour l’intention calendrier VTT breton — et mon laboratoire d’expérimentation technique grandeur nature.
Le fil m’amène jusqu’au design system de MGDIS, depuis 2019, avec la même envie intacte : rendre le web plus simple, plus accessible et plus durable.
Écrits & conférences
-
-
Depuis deux ans, je participe à Paris-Web avec mon collègue Simon Duhem grâce à notre employeur MGDIS. Cette année, l’histoire est un peu différente : nous ne venons pas seulement écouter, mais aussi parler. Nous allons partager notre expérience autour des web-components et de l’accessibilité : comment construire des interfaces modernes, réutilisables, et inclusives. La candidature a été portée par Simon, avec qui j’ai la chance de travailler depuis plusieurs...
-
J’ai commencé à bloguer à l’époque des skyblog, ensuite j’ai découvert Wordpress un outil puissant, puis Medium un outil simple. Maintenant je blog grâce à Jekyll. Voici ce que vous pourrez (ou pas) faire avec chacun d’eux. Wordpress, pour l’equipe marketing Wordpress est par nature un CMS puissant, véloce et flexible. La création d’un site WordPress pose la question de l’hébergement pour son prix (en moyenne 30€ TTC) et sa...
Le parcours complet, étape par étape :
Expérience professionnelle
Lead développeur Frontend - MGDIS (2019 – aujourd’hui)
Membre de la core team : j’applique la vision de l’architecte frontend dans le design system et j’accompagne les équipes dans son implémentation. Responsable de l’outillage pour l’industrialisation du développement d’applications web basées sur des micro-services.
Missions principales
- Conception, maintenance et déploiement de librairies, dont un design system de Web Components (StencilJS, SCSS) et son outillage. (Github)
- Résolution des problématiques frontend en cohérence avec la vision de l’architecte.
- Garant de l’accessibilité, homogénéité et qualité des livrables.
- Accompagnement et sensibilisation des développeurs.
- Validation technique des choix ergonomiques et graphiques.
Stack : StencilJS, TypeScript, Vue, Jest, Playwright, CSS3/SCSS, NodeJS, GitLab, Docker…
Développeur Web - Design, Développement & Produit — REF SPORT PONTIVY (2016–2019)
Rôle d’agence interne : ownership complet des projets digitaux, de la conception au déploiement.
- Conception et développement d’applications web sur stack JavaScript (architecture MVC) : SaaS, e-commerce, outils métiers et intranet.
- Analyse des besoins, prototypage et design des interfaces.
- Mise en place d’un pipeline CI/CD : versioning GitHub, déploiement continu sur Heroku avec supervision de l’environnement de production, et environnement de test bêta.
- Production de supports de communication digitaux et print.
Entrepreneur - cyclesportnature.fr (2013–2016)
Reprise et développement d’un commerce indépendant : boutique physique et e-commerce national.
- Pilotage complet : stratégie, finance, budget, management (2–3 pers.), relation client et opérations.
- Développement et gestion de la présence digitale (Prestashop, WordPress) : e-commerce, SEO/SEA, réseaux sociaux, newsletters.
Responsable Communication & Digital - Twinner Sport (2011–2013)
Exécution de la stratégie communication et digitale définie par la direction.
- Opérations marketing : plan média, campagnes print & digital, événements, newsletters, réseaux sociaux.
- Management et coordination : équipe interne, prestataires et agence web.
- Gestion de projet digital : ownership du site WordPress (développement, design, contenus) et pilotage de l’agence web sur le site e-commerce.
- Suivi des performances : SEO, analytics, reporting.
Webmaster - Twinner Sport (2009–2011)
Première expérience professionnelle web, menée en parallèle de ma carrière sportive : création et ownership complet du site WordPress de l’entreprise.
- Mise en production, administration et maintenance technique (CMS, plugins, mises à jour).
- Définition et intégration du design (CSS/HTML, visuels, habillages graphiques).
- Stratégie et application de la ligne éditoriale : contenus, fiches produits, SEO de base.
Cycliste professionnel - Bretagne Schuller (2008–2010)
Découvrez mon palmarès sportif
Vendeur - Twinner Sport (2007–2008)
Projets
vtt.bzh — Calendrier communautaire VTT en Bretagne, lancé en 2013. (code source)
nicolasjouanno.com — Hub éditorial personnel, depuis 2008. (code source)
Systèmes agentiques (side project) — Un terrain d’expérimentation que je construis pour explorer l’orchestration d’agents, la mémoire, l’observabilité et la gouvernance par décisions.
Compétences
- Frontend : JavaScript (ESNext), TypeScript, StencilJs, Vue.js, Web Components, SASS, HTML5, CSS3.
- Architecture : micro-frontends, Jamstack, monorepo, PNPM.
- Accessibilité & qualité : RGAA (audit & mise en conformité), a11y, Web Components accessibles, performance web, Green IT.
- Outils & DevOps : GitHub Actions, ViteJS, Jekyll, Cloudflare.
- Systèmes agentiques (side project / veille) : orchestration d’agents, skills, MCP, observabilité.
Conférences
- Paris-Web 2025 — Accessibilité et Web Components (orateur)
- Paris-Web 2023 & 2024 (auditeur)
Articles
- Les Web Components et l’accessibilité — retour sur la conférence Paris-Web 2025
- M-1 avant Paris-Web — coulisses d’une préparation de conférence
- Wordpress vs Medium vs Jekyll — choisir sa plateforme en 2017 (toujours d’actualité)
- Retrouver le fil — pourquoi j’ai recentré tout sur un seul hub personnel
Formations
- Auditer l’accessibilité numérique — Empreinte Digitale (2024).
- Figma UI / prototypage — M2i Formation (2023).
- Design System — Usabilis (2022).
- TypeScript — Zenika (2022).
- Accessibilité multimédia — Access42 (2021).
- VueJS — Zenika (2020).
- Conception sites accessibles — Atalan (2020).
- BTS Management des Unités Commerciales (2008).
- Baccalauréat STT (2006).