Een centrale financiële instelling ontwikkelt een nieuw e-commerceplatform op Drupal 11 voor de onlineverkoop van numismatische producten. Als Senior Front-End Drupal-ontwikkelaar zet u goedgekeurde Figma-ontwerpen om in toegankelijke, responsive catalogus-, product-, checkout-, klantenaccount- en redactionele pagina’s met Twig, moderne CSS en vanilla JavaScript. De MVP is volop in ontwikkeling en koppelt Drupal aan een intern ERP voor catalogus- en ordergegevens, onlinebetalingsdiensten en cloudhosting op Pantheon.
De missie
Het platform draait op Drupal 11 met PHP 8.3 en gebruikt een themearchitectuur met twee niveaus: een parent theme voor het design system en een child theme. De site moet Franstalige, Engelstalige en Duitstalige inhoud en interfacevertalingen ondersteunen, met templates die op desktop en mobiel consistent blijven. De front-end moet bovendien voldoen aan de verwachtingen van WCAG 2.2, compatibel zijn met moderne browsers en goede laadprestaties bieden. Zo beschikt de instelling over een onderhoudbaar, publiek toegankelijk verkoopkanaal voor numismatische producten, gekoppeld aan de operationele catalogus- en orderprocessen.
U werkt binnen een bestaand ontwikkelingsteam, onder coördinatie van de tech lead. Uw belangrijkste opdracht is de front-endimplementatie, van Figma via nagekeken merge requests tot de release naar productie. Dat omvat herbruikbare componenten, Drupal-templates, CSS- en JavaScriptinteracties en de integratie met reële back-endgegevens. U neemt deel aan Agile-ceremonies, draagt bij aan code reviews en deelt uw kennis over componenten met het interne team.
Uw verantwoordelijkheden
- Goedgekeurde Figma-ontwerpen vertalen naar pixelnauwkeurige Drupal-templates voor catalogus-, product-, checkout-, klantenaccount- en redactionele pagina’s.
- Herbruikbare design-systemcomponenten bouwen en documenteren binnen het parent theme en het child theme, om de consistentie doorheen het e-commerceproces te verbeteren.
- Responsive, mobile-first CSS en Tailwind CSS implementeren, aangevuld met vanilla JavaScript ES6+ en Ajax-interacties voor carrousels, galerijen, formulieren, laadstatussen en fouten.
- Semantische HTML5 en toegankelijke flows voor toetsenbordgebruik en screenreaders opleveren, in lijn met WCAG 2.2 en de toepasselijke normen voor de publieke sector.
- De prestaties van de front-end verbeteren via beeldoptimalisatie, lazy loading en gecontroleerd laden van assets, met behoud van browsercompatibiliteit.
- Samenwerken met back-endontwikkelaars om templates te koppelen aan door het ERP aangestuurde catalogus- en ordergegevens, deelnemen aan Agile-ceremonies en code reviews, en kennis overdragen aan het interne team.
Uw profiel
Essentiële vaardigheden
- Beschikken over minstens vijf jaar ervaring in front-endontwikkeling, waarvan minstens drie jaar met Drupal theming op Drupal 8, 9, 10 of 11.
- Drupal theming toepassen met Twig, preprocess functions, libraries, render arrays en het Drupal theme system.
- Onderhoudbare, moderne CSS bouwen op basis van architectuurprincipes, Flexbox, Grid, responsive design, mobile-first layouts en animaties.
- Degelijke vanilla JavaScript ES6+ schrijven zonder afhankelijk te zijn van een front-end framework, met inbegrip van Ajax-interacties.
- Figma- of gelijkwaardige designbestanden integreren met een hoge pixelnauwkeurigheid over desktop en mobiele breakpoints heen.
- Semantische HTML5 en toegankelijke interfaces opleveren met WCAG 2.2, toetsenbordnavigatie en screen-reader patterns.
- Git gebruiken in een teamworkflow met merge requests, code review en rebase, en vlot overweg kunnen met Drupal-projecten die door Composer worden beheerd.
- Duidelijk communiceren met back-endontwikkelaars en designers, en tegelijk zelfstandig en nauwgezet werken in een omgeving met hoge beveiligingseisen.
Talen
- Frans: C1 of hoger, als vlotte werktaal.
- Engels: B2 of hoger, voor technische communicatie.