Fabien Gues

Chaque élément, depuis la première propriété SCSS jusqu'aux composants complexes, est conçu pour une séparation claire des responsabilités. En suivant les principes SOLID, nous avons créé des composants avec des fonctions uniques, améliorant ainsi la maintenabilité et la testabilité du code. L'accent a été mis sur l'utilisation de composants HTML natifs pour une intégration fluide et efficace.

L'accessibilité est une priorité absolue. En visant les standards RGAA et AAA, nous avons assuré que les composants soient utilisables par tous, y compris les personnes en situation de handicap. Des fonctionnalités telles que la navigation au clavier et l'utilisation de balises ARIA ont été intégrées. Nous avons également mis en place des mécanismes pour prévenir l'utilisation incorrecte des composants, avec des retours directs aux développeurs via des messages d'avertissement et d'erreur. Des tests manuels et automatisés garantissent la conformité continue.

En collaboration étroite avec les designers, nous avons établi une cohérence visuelle pour toutes les applications BPIFrance. Les design tokens offrent une flexibilité et une facilité de gestion du design, permettant des modifications centralisées qui se répercutent sur l'ensemble des composants. Intégrés dans l'architecture SCSS, ils assurent une implémentation uniforme et facile à gérer.

Ce projet a été une opportunité exceptionnelle de développer un design system complet, adaptable à diverses technologies au-delà d'Angular, et conçu pour répondre efficacement aux besoins évolutifs de BPIFrance.

Hubspot avait besoin de l'aide d'un professionnel pour proposer un article pour leur blog concernant JavaScript. J'ai accompagné l'entreprise à répondre aux interrogations des lecteurs.

Glady propose une plateforme d'avantages salariés. Anciennement Wedoogift, toutes les applications ont fait l'objet d'une refonte.

Dans cette optique, mon travail a consisté à prendre le lead tech pour la refonte du site vitrine.

La stack technique est basée sur Angular pour la partie front et le headless CMS Prismic pour la partie back.

Étant un site vitrine, nous avons dû prendre en compte des problématiques spécifiques au référencement (SEO) qui se sont traduits, pour nous, développeurs, en l'utilisation d'un HTML adapté, un sitemap actualisé automatiquement et de manière indirecte en étudiant les Web Core Vitals pour améliorer l'expérience utilisateur.

Un autre point important a été la mise en place du SSR.

Glady souhaite que ses applications soient adaptées à tous. Nous avons donc développé tous nos composants en prenant en compte les nécessités des utilisateurs en respectant les normes RGAA proposées par le Gouvernement Français en matière d'accessibilité.

- User Experience

- Pixel Perfects

- SEO et Core Web Vitals

- Accessibilité

- Formation des employés

-----

D'un point de vue technique, nous avons créé une architecture basée sur la transformation de la donnée (de la récupération de celle-ci à son affichage) et inspirée de la CLEAN Architecture.