Pierre-Alain Lombard

Renfort estival sur des projets Ibexa, avec développement d'un mini-site et maintenance d'applications pour différents clients de l'agence. 💻 Développement & intégration • Développement d'un mini-site Open CNP respectant la charte graphique et les exigences d'accessibilité RGAA. • Maintenance évolutive et corrective de sites existants. ⚙️ Stack technique HTML, Twig, Sass, JavaScript, Bootstrap, Git, Figma, Ibexa, Claude Code.

Évolution d'un Design System interne basé sur des Web Components, destiné à être utilisé dans des applications React, Vue.js et WeWeb. 🧩 Design System & composants • Évolution du Design System et de ses composants, en intégrant les enjeux d'accessibilité RGAA dès la conception. • Développement de wrappers pour faciliter l'utilisation des composants dans React et Vue.js. • Intégration du Design System dans WeWeb. 👁️ Accessibilité Prise en compte de la sémantique HTML, de la navigation au clavier, de la gestion du focus et des attributs ARIA dans les composants interactifs. 🤖 Documentation & IA Utilisation de l'IA générative pour accélérer le développement et la documentation du Design System avec VitePress, en s'appuyant sur le contexte du projet et en validant les résultats produits. ⚙️ Stack technique JavaScript, Web Components, Vue.js, React, Tailwind CSS, WeWeb, VitePress, Storybook, Git, GitLab, GitHub, Claude Code.

Refonte du tableau de bord de l'application avec React, avec un objectif de modernisation, de maintenabilité et d'amélioration de l'expérience utilisateur. 💻 Développement & composants • Refonte du dashboard en React, avec HeroUI et Tailwind CSS. • Développement de composants réutilisables, conformes aux exigences d'accessibilité. • Conception d'interfaces responsive selon une approche mobile-first et mise en place du mode sombre. 🤖 Qualité & IA • Structuration de la documentation du projet pour encadrer l'utilisation de l'IA générative dans le développement. • Utilisation de Claude Code comme outil d'aide au développement. ⚙️ Stack technique React, JavaScript, TypeScript, HeroUI, Tailwind CSS, Git, GitLab, Claude Code.

Développement et maintenance d'un écosystème web multi-marques à fort trafic (Le Figaro, Madame Figaro, Gala, Le Particulier…), avec de enjeux de performance, de SEO et d'accessibilité. 💻 Développement & intégration • Conception et maintenance de composants Twig mutualisés entre plusieurs marques. • Refactorisation du code existant pour améliorer sa maintenabilité et sa réutilisabilité. • Développement d'interfaces responsive à partir des maquettes et du Design System. 👁️ Accessibilité • Contribution à la mise en conformité RGAA des composants, à la suite d'un audit externe et d'une formation dispensée par un cabinet spécialisé. • Analyse des recommandations de l'audit et identification complémentaire de problèmes d'accessibilité, avec création des tickets associés. • Correction des problèmes de sémantique HTML, de navigation au clavier, de gestion du focus, d'attributs ARIA, de liens d'évitement et d'autres non-conformités d'accessibilité. ⚡Performance & qualité • Optimisation des performances Web : chargement différé, préchargement des ressources critiques et optimisation du JavaScript. • Amélioration continue des métriques de performance, notamment CLS, Speed Index, LCP et FID, avec un suivi régulier via Lighthouse. • Mise en place de tests fonctionnels automatisés avec Playwright. ⚙️ Stack technique HTML, Twig, Sass, JavaScript, Playwright, Lighthouse, Git, Bitbucket.

Développement et maintenance d'un framework Front-End interne, avec une attention portée à l'accessibilité, à la réutilisabilité des composants et à la qualité du code. 💻 Développement & intégration • Développement et maintenance de composants Twig réutilisables au sein du framework interne. • Prise en compte des exigences du RGAA et des standards W3C dans la conception de composants accessibles. • Documentation et présentation des composants avec Storybook. • Participation à la réduction de la dette technique et à la maintenance du code existant. ✅ Qualité & tests Mise en place et maintenance de tests fonctionnels avec Behat. ⚙️ Stack technique Twig, JavaScript, Sass, Less, Storybook, Behat, Git, GitLab, Jira.

Évolution et refonte progressive des interfaces du site e-commerce, avec une migration vers Vue.js et des enjeux de performance, de responsive design et de réutilisabilité du code à l'aide de composants. 💻 Développement & architecture • Migration progressive d'interfaces Twig vers Vue.js. • Développement de composants réutilisables avec Vue.js, Bootstrap et Storybook. • Conception et évolution d'un framework d'emails responsive décliné sur 6 pays et 14 locales. • Développement de composants d'interface et de fonctionnalités pour le site e-commerce et les opérations marketing. ⚡Performance & expérience utilisateur • Optimisation des performances : amélioration du chargement des scripts, généralisation du lazy loading et optimisation des images responsive via Cloudinary. • Développement d'interfaces adaptées aux différents supports et contextes d'utilisation. ⚙️ Stack technique Vue.js, Nuxt.js, Twig, JavaScript, Sass, Bootstrap, Storybook, Git.

Conception et réalisation de sites web, de la maquette à l'intégration et au développement, avec une montée en autonomie sur Drupal et les technologies Front-End. 💻 Conception & développement • Création de maquettes et conception d'interfaces web. • Intégration responsive en HTML et CSS/Sass, avec JavaScript et jQuery. • Développement et évolution de sites sous Drupal et WordPress, avec intégration de templates Twig. • Création d'emailings et adaptation des interfaces aux besoins des clients. ⚙️ Stack technique HTML, CSS/Sass, JavaScript, jQuery, PHP, Twig, Drupal, WordPress, Bootstrap, Mailchimp, Adobe Creative Suite.

Conception graphique et intégration de sites web, avec une première expérience en développement Front-End et une découverte approfondie de Drupal. 💻 Conception & développement • Création de maquettes et conception d'interfaces web. • Intégration de pages web en HTML et CSS, avec JavaScript et jQuery. • Découverte et utilisation de Drupal 7 pour l'intégration et l'évolution de sites web. ⚙️ Stack technique HTML, CSS/Sass, JavaScript, jQuery, PHP, Twig, Drupal, WordPress, Bootstrap, Adobe Creative Suite.