Développement de design system et Web Components en freelance
Je construis des bibliothèques de composants partagées entre plusieurs équipes, 100 % à  distance. J'ai été le développeur principal du design system de Sciences Po, en Web Components StencilJS pour React et Angular.
Design systems et bibliothèques de composants
Un design system pour une institution publique, des composants pour celui d'un groupe de distribution et pour l'interface d'une startup, tous documentés dans Storybook.
Design system institutionnel pour React et Angular
Une seule bibliothèque de Web Components pour les applications React et Angular de l'école, rendue côté serveur et développée selon les exigences RGAA 4.1 et WCAG 2.1 AA
Composants du design system Vitamin
De nouveaux composants Svelte pour le design system commun aux applications e-commerce du groupe, documentés et testés pour que ses équipes les adoptent
Une bibliothèque, plusieurs équipes et plusieurs frameworks
Un design system devient rentable quand des équipes sur des frameworks différents utilisent les mêmes composants. Les Web Components le permettent, avec un rendu côté serveur comme côté navigateur et des design tokens alignés entre Figma et le code.
Le contrat compte autant que le code : ce que chaque composant accepte et affiche, comment Storybook le documente et comment une modification atteint les applications dépendantes. L'accessibilité fait partie de ce contrat, car un défaut dans un composant partagé se répète dans chaque produit qui l'utilise.
J'adapte le packaging à vos équipes : Stencil, Lit ou Web Components natifs, ou une bibliothèque headless comme Radix UI quand toutes utilisent React.
Fondamentaux
- Custom elements
- Shadow DOM
- Slots
- Propriétés CSS personnalisées
- Motifs ARIA
Exemples de livrables
- Bibliothèque de composants en Web Components, utilisable depuis React et Angular
- Documentation Storybook et exemples d'usage pour chaque composant
- Chaîne de design tokens synchronisée entre Figma et le code
- Composants développés selon vos exigences d'accessibilité, comme le RGAA 4.1 ou les WCAG 2.1 AA
- Rendu côté serveur et surcouches React et Angular
- Mission
- Renfort d'Ă©quipe, projet ou reprise
- Rythme
- DĂ©fini selon la mission
- Tarif indicatif
- 550 € HT / jour (octobre 2026)
- Collaboration
- 100Â %Â Ă Â distance
- DĂ©marrage
- À convenir
Quatre ans de composants partagés
Je définis avec les designers le contrat de chaque composant, puis je le développe selon les exigences d'accessibilité du projet, je le documente et je le teste avant qu'il n'atteigne les applications qui en dépendent.
Avec jCode, j'accompagne des institutions publiques, des entreprises Ă©tablies et des startups. Mes propres produits, WorkoutGen et Ragmir, m'ont appris ce qui suit une mise en production.
- de développement web
- 10 ans
- missions réalisées sur Malt (novembre 2026)
- 80+
- en freelance
- 7 ans
- sur 47 Ă©valuations clients Malt (novembre 2026)
- 5,0/5
Mes autres expertises
Ce qu'en disent mes clients et collègues
“On top of being very up-to-date with all techs and stacks front, he is a very creative software engineer who will use his curiosity to try and offer the best solution possible for the problem, without sticking to his guns.”
LinkedIn“Jean-Baptiste nous a aidé dans le développement frontend de notre outil Sweez. C'est un développeur talentueux et hautement compétent. Son expertise technique et sa capacité à résoudre les problèmes de manière créative font de lui un atout précieux pour toute équipe de développement. Il est fiable, consciencieux et démontre une grande attention aux détails dans son travail. Il communique bien et est force de proposition. La qualité de son code et sa capacité d'adaptation sont remarquables.”
Malt“Nous avons collaboré sur le projet Suzuki France avec Jean-Baptiste, et ce fut une très bonne expérience. Toujours pertinent dans ses réflexions et à l'écoute, il sait mener les projets avec sérieux et rigueur. Il m'a aussi été d'une grande aide lors de la réalisation grâce à ses connaissances du projet mais aussi ses compétences techniques avancées. Je recommande chaudement JB, et lui souhaite une pleine réussite en tant que freelance.”LinkedInParlons de votre projet.
Présentez ce que vous souhaitez créer ou améliorer, votre budget et l'échéance envisagée.
- 100Â %Â Ă Â distance
- Français ou anglais
- France · Royaume-Uni · États-Unis
Questions fréquentes
Pourquoi des Web Components plutôt qu'une bibliothèque par framework ?
Pour éviter de maintenir deux fois le même composant. Chez Sciences Po, une seule implémentation sert React et Angular : c'est ce qui rend un design system viable à l'échelle des applications de l'école.
Pouvez-vous développer des composants selon les exigences RGAA et WCAG ?
Oui. Le design system de Sciences Po a été développé selon les exigences du RGAA 4.1 et des WCAG 2.1 AA, dont un formulaire d'authentification critique utilisable sans JavaScript. L'étude de cas du design system de Sciences Po détaille ce travail.
Comment les design tokens restent-ils alignés avec Figma ?
Par une étape de synchronisation entre le fichier de design et le code, afin qu'un token modifié par les designers parvienne aux composants sans être ressaisi à la main.
Cela garantit-il la conformité en accessibilité ?
Non. Développer les composants selon les exigences RGAA et WCAG réduit les problèmes à la source, mais une déclaration de conformité porte sur un produit entier et demande un audit mené par un auditeur spécialisé, ce que je ne fais pas.