Une institution financière centrale développe une nouvelle plateforme e-commerce sous Drupal 11 pour la vente en ligne de produits numismatiques. En tant que développeur Front-End Drupal senior, vous transformerez des maquettes Figma approuvées en pages accessibles et responsives consacrées au catalogue, aux produits, au passage de commande, au compte client et au contenu éditorial, à l’aide de Twig, de CSS moderne et de vanilla JavaScript. Le MVP est actuellement en plein développement et relie Drupal à un ERP interne pour les données de catalogue et de commandes, à des services de paiement en ligne et à l’hébergement cloud de Pantheon.
La mission
La plateforme repose sur Drupal 11 avec PHP 8.3 et une architecture de thèmes à deux niveaux : un thème parent de design system et un thème enfant. Le site doit prendre en charge des contenus en français, en anglais et en allemand, ainsi que la traduction de l’interface, avec des templates qui restent cohérents sur desktop comme sur mobile. Le front-end doit également répondre aux attentes de WCAG 2.2, être compatible avec les navigateurs modernes et garantir des temps de chargement raisonnables. Ce travail permettra à l’institution de disposer d’un canal de vente accessible au public et maintenable pour les produits numismatiques, relié aux processus opérationnels de gestion du catalogue et des commandes.
Vous travaillerez au sein d’une équipe de développement existante, sous la coordination du tech lead. Votre périmètre principal couvrira la mise en œuvre front-end, de la conception dans Figma à la mise en production, en passant par des merge requests relues. Cela comprend des composants réutilisables, des templates Drupal, du CSS et des interactions JavaScript, ainsi que l’intégration de données réelles du back-end. Vous participerez aux cérémonies Agile, contribuerez aux code reviews et partagerez vos connaissances sur les composants avec l’équipe interne.
Vos responsabilités
- Traduire des maquettes Figma approuvées en templates Drupal fidèles au pixel près pour les pages de catalogue, de produit, de passage de commande, de compte client et de contenu éditorial.
- Concevoir et documenter des composants réutilisables du design system au sein des thèmes parent et enfant, afin d’améliorer la cohérence de l’ensemble du parcours e-commerce.
- Mettre en œuvre un CSS responsive et mobile-first avec Tailwind CSS, ainsi que du vanilla JavaScript ES6+ et des interactions Ajax pour les carrousels, les galeries, les formulaires, les états de chargement et les erreurs.
- Livrer du HTML5 sémantique et des parcours accessibles au clavier et aux lecteurs d’écran, conformes à WCAG 2.2 et aux normes applicables au secteur public.
- Améliorer les performances front-end grâce à l’optimisation des images, au lazy loading et au chargement contrôlé des assets, tout en maintenant la compatibilité avec les navigateurs.
- Collaborer avec les développeurs back-end pour connecter les templates aux données de catalogue et de commandes issues de l’ERP, participer aux cérémonies Agile et aux code reviews, et transmettre vos connaissances à l’équipe interne.
Votre profil
Compétences essentielles
- Disposer d’au moins cinq ans d’expérience en développement front-end, dont au moins trois ans en Drupal theming sur Drupal 8, 9, 10 ou 11.
- Mettre en œuvre le Drupal theming avec Twig, des preprocess functions, des libraries, des render arrays et le Drupal theme system.
- Concevoir un CSS moderne et maintenable en appliquant des principes d’architecture, Flexbox, Grid, le responsive design, des mises en page mobile-first et des animations.
- Écrire du vanilla JavaScript ES6+ robuste sans dépendre d’un front-end framework, notamment pour les interactions Ajax.
- Intégrer des fichiers de design Figma ou équivalents avec une grande fidélité au pixel près sur les breakpoints desktop et mobile.
- Produire du HTML5 sémantique et des interfaces accessibles conformes à WCAG 2.2, avec une navigation au clavier et des patterns adaptés aux lecteurs d’écran.
- Utiliser Git dans un workflow d’équipe avec des merge requests, de la code review et du rebase, et travailler aisément avec des projets Drupal gérés par Composer.
- Communiquer clairement avec les développeurs back-end et les designers, tout en travaillant de manière autonome et rigoureuse dans un environnement soumis à de fortes exigences de sécurité.
Langues
- Français : niveau C1 ou supérieur, comme langue de travail courante.
- Anglais : niveau B2 ou supérieur, pour les échanges techniques.