🎯 Contexte de mission

Au sein d’une Digital Factory, vous intégrerez l’équipe en charge d’un Design System utilisé par de nombreux produits digitaux à travers l’entreprise.

Votre rôle sera central dans la conception, l’évolution et la mise à l’échelle des fondations techniques partagées par des centaines de designers et développeurs à travers le monde.

Vous travaillerez en étroite collaboration avec les designers, les ingénieurs et le responsable du Design System afin de faire évoluer la bibliothèque de composants Angular, renforcer les fondations techniques et favoriser l’adoption du Design System par les différentes équipes.

L’objectif est de garantir une expérience digitale cohérente, accessible, performante et de haute qualité sur l’ensemble de l’écosystème produit.

🛠️ Missions principales et rôle

🏗️ Architecture & développement

• Définir et faire évoluer la feuille de route technique du Design System.
• Prendre les décisions d’architecture garantissant la scalabilité et la maintenabilité de la solution.
• Collaborer avec les designers afin de traduire les composants et design tokens issus de Figma en composants Angular fiables et réutilisables.
• Concevoir, développer et maintenir des composants avec des API claires et cohérentes.
• Garantir une couverture de tests robuste.
• Promouvoir une architecture propre et des bonnes pratiques de développement.
• Veiller à la performance et à la qualité des packages distribués.

🎨 Design System & expérience utilisateur

• Faire évoluer la bibliothèque de composants Angular.
• Travailler sur les design tokens, systèmes de thèmes et architectures CSS évolutives.
• Garantir la cohérence des composants avec les principes du Design System.
• Intégrer les enjeux d’accessibilité dès la conception et le développement.
• Accompagner la déclinaison du Design System sur différents cas d’usage et plateformes.
• Anticiper les besoins liés à des architectures multi-marques ou multi-thèmes.

📦 Packaging & CI/CD

• Gérer le packaging et la distribution des packages NPM.
• Optimiser les processus de build et de déploiement.
• Maintenir les pipelines CI/CD avec Nx, NPM et GitHub Actions.
• Participer à l’industrialisation des processus de versioning et de publication.
• Contribuer à l’automatisation des pipelines liés aux design tokens et à la synchronisation design-to-code.

📚 Documentation & accompagnement

• Rédiger et maintenir la documentation technique et fonctionnelle du Design System.
• Documenter les composants, leurs usages et leurs bonnes pratiques d’intégration.
• Animer des ateliers auprès des équipes de développement et de design.
• Accompagner les équipes dans l’adoption et l’intégration du Design System.
• Faciliter le partage de connaissances et les bonnes pratiques au sein des communautés de développeurs.

🤝 Collaboration transverse

• Collaborer avec plusieurs équipes produit et techniques.
• Garantir la compatibilité du Design System avec des environnements, plateformes et technologies variés.
• Faire le lien entre les enjeux de design et d’ingénierie.
• Accompagner et encadrer techniquement les autres développeurs.
• Contribuer à la stratégie d’évolution du Design System avec les différentes parties prenantes.

🎯 Objectifs

• Faire évoluer une bibliothèque de composants Angular robuste et scalable.
• Garantir la qualité, la maintenabilité et la réutilisabilité des composants.
• Faciliter l’adoption du Design System auprès des équipes produit.
• Industrialiser le packaging, le versioning et la distribution des composants.
• Renforcer l’accessibilité et la cohérence de l’expérience utilisateur.
• Assurer une bonne synchronisation entre les designs Figma et les implémentations techniques.
• Construire des fondations techniques capables de répondre aux besoins d’un écosystème digital à grande échelle.

💻 Compétences requises

Frontend & développement

• Angular.
• TypeScript / JavaScript.
• CSS / SCSS.
• Node.js.
• Conception de bibliothèques de composants à grande échelle.

Design System

• Design tokens.
• Systèmes de thèmes.
• Architecture CSS scalable.
• Storybook.
• Style Dictionary.
• Expérience avec des environnements multi-marques ou multi-thèmes appréciée.

Qualité & tests

• Jest.
• Cypress.
• Tests unitaires et tests d’intégration.
• Bonnes pratiques d’accessibilité.
• Standards WCAG.

Packaging & DevOps

• NPM et packaging de librairies.
• Nx.
• Git / GitHub.
• GitHub Actions.
• Versioning et distribution de packages.
• Pipelines automatisés.

Design & collaboration

• Figma.
• Jira.
• Confluence.
• Collaboration étroite entre designers et développeurs.

Compétences complémentaires appréciées

• React et/ou React Native.
• Python.
• Terraform.
• AWS.
• Contributions à des projets Open Source ou à des communautés internes de développeurs.
• Expérience dans des écosystèmes produits à grande échelle.

🌍 Langues

• Anglais professionnel, à l’écrit comme à l’oral.

👤 Profil recherché

• Ingénieur Logiciel Senior spécialisé en développement frontend et/ou Design System.
• Solide expérience en Angular, TypeScript, JavaScript et CSS/SCSS.
• Expérience significative dans la conception et la maintenance de bibliothèques de composants à grande échelle.
• Forte sensibilité aux enjeux d’architecture, de qualité, d’accessibilité et de performance.
• Capacité à prendre des décisions techniques et à porter une vision d’architecture.
• Capacité à accompagner et faire progresser les autres développeurs.
• Excellent relationnel et goût pour la collaboration transverse.
• Capacité à faire le lien entre les équipes Design et Engineering.
• Autonomie, rigueur, esprit d’initiative et sens du partage.