Développeur Frontend - Design System, Accessibilité & Web Components

Venu au développement web par curiosité et engagement terrain, j’ai construit une expertise à l’intersection du design et de l’ingénierie frontend. Je contribue à l’industrialisation d’un design system basé sur des Web Components, sous contraintes d’accessibilité et de performance. Un parcours qui m’a amené à porter ces sujets en tant qu’orateur à Paris-Web 2025

Expérience professionnelle

Développeur Frontend - MGDIS (2019 – aujourd’hui)

Membre de la core team, 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, depuis 2013 (Github)

Stack monorepo fullstack JS native et serverless : Jekyll, vanillaJS, Node, TypeScript, Supabase. CI et scraping automatisé via GitHub Actions. 7–10k visiteurs mensuels.

nicolasjouanno.com - Hub éditorial personnel, depuis 2008 (Github)

Stack native web : Jekyll, monorepo. Approche IndieWeb et ownership du contenu. Minimalisme comme contrainte technique et éditoriale.

J’explique ma démarche dans ce post.

Compétences

• Frontend : JavaScript (ESNext), TypeScript, StencilJs, Vue.js, Web Components, SASS, HTML5, CSS3.
• Architecture : micro-frontends, Jamstack, monorepo, PNPM.
• Qualité & accessibilité : a11y, performance web, Green IT.
• Outils & DevOps : GitHub Actions, ViteJS, Jekyll, Cloudflare.

Conférences & publications

• Paris-Web 2025 — Accessibilité et Web Components (orateur).
• Participation régulière : Paris-Web 2023 & 2024 (auditeur).

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).

Valeurs et approche

• Discipline & endurance issues du sport de haut niveau.
• Minimalisme & frugalité numérique.
• Goût pour l’innovation et l’expérimentation.