Parcours professionnel
Spécialiste du HTML / CSS passé par les cases designer UX/UI en agence, développeur PHP, développeur front-end en start-up aux commandes d’un guide de styles — on ne parlait pas encore de design system ! —, chef de chantier sur une refonte technique front-end chez un éditeur dans un environnement Java, puis spécialiste front-end et CMS en ESN, je suis actuellement référent accessibilité et expert HTML / CSS / SVG chez Onepoint.
Et ne le répétez pas, mais j’ai commencé en 2007 par faire du Flash — et j’aimais ça !
Onepoint
à aujourd’hui
Lead tech front et référent accessibilité chez Onepoint.
Depuis quatre ans, j’ai eu l’occasion de travailler sur des sujets variés :
- une bibliothèque de Web Components basée sur Lion avec une couche de styles basée sur Bootstrap ;
- un design system complet :
- une bibliothèque de composants HTML / CSS, Angular « maison » et Material ;
- le site de documentation, statique, généré sur la base de scripts Node avancés pour compiler les contenus en Asciidoc, les spécifications générées par Compodoc, les notes de versions automatisées sur la base des conventional commits, etc.
- une extension navigateur, Orange Confort+, rénovée techniquement en première intention puis totalement refondue ensuite pour respecter Manifest V3 et utiliser des technologies modernes (Typescript, Web Components, web-ext…) ;
- et des audits RGAA, des interventions correctives, de l’accompagnement…
Actions
- Constituer une équipe d’expertise accessibilité et des communautés de pratique autour de l’accessibilité et de l’intégration HTML / CSS ;
- Évangéliser sur l’assurance qualité web avec Opquast, jusqu’à ce que Onepoint devienne partenaire ;
- Sensibilisation et formation à l’accessibilité de plus de 250 personnes ;
- Mise en place (en cours) du schéma pluriannuel d’accessibilité et d’une stratégie de mise en œuvre de l’accessibilité ;
- Participation au comité de traduction des Web Content Accessibility Guidelines (WCAG) 2.2 coordonné par Access42 ;
- Contribution au cercle d’expertise nantais : commité éditorial, conférences internes avec accompagnement des orateurices, programme de mentorat…
Orange
à
Développeur intégrateur web chez OAB, une filiale d’OBS faisant partie du groupe Orange.
Initialement engagé pour renforcer les équipes PHP sur les projets WordPress et l’intégration HTML / CSS, je suis progressivement devenu référent accessibilité pour OBS, référent technique HTML / CSS et WordPress et animateur des communautés de pratique front-end, accessibilité et éco-conception. J’intervenais en conseil dans tous ces domaines pour la plupart des projets de mon pôle, et en expertise sur la capitalisation des développements via la documentation et l’élaboration de référentiels.
Je fus également mainteneur, pendant plus de deux ans, de Boosted, le fork de Bootstrap du groupe Orange — et ai intégré l’équipe de Bootstrap à force de reversions de qualité. Ce projet était extrêmement riche : collaboration étroite avec l’équipe londonienne de la marque Orange (en charge du design system) et avec l’équipe EASE, la cellule d’expertise accessibilité du groupe Orange.
Ornikar
à
Développeur front-end chez Ornikar.
Ma mission est d’améliorer la partie HTML / CSS jusqu’à l’état de l’art actuel. Il a pour cela fallu refondre le précédent site — intégré à l’emporte-pièce avec Bootstrap — et travailler conjointement avec un directeur artistique pour concevoir une charte graphique et un guide de styles complet qui doit pouvoir supporter les itérations sur le design et l’UX, et à disposition de l’équipe technique.
Un effort conséquent a également été produit pour améliorer l’accessibilité et optimiser le référencement naturel, qui sont des prismes primordiaux pour un travail permanent d’amélioration de l’expérience utilisateur.
Environnement
- Laravel / Angular avec Gulp, sur GitHub.
Kosmos
à
Développeur front-end chez Kosmos.
Ma mission principale consiste à rembourser la dette technique accumulée sur le front-end et l’UI en plusieurs années de développements fonctionnels, mais aussi à apporter des solutions efficaces et modernes pour les nouvelles fonctionnalités. J’interviens également en tant que conseil dans les domaines de l’ergonomie et du graphisme, et suis référent d’équipe pour l’accessibilité.
Environnement
- Java dans IntelliJ Idea avec SVN, sur Ubuntu.
1-ter-net
à
Graphiste, intégrateur web et développeur WordPress au sein de l’agence 1-ter-net — disparue depuis.
Ma mission initiale était la création graphique, puis s’est étendue jusqu’à ce que ma mission principale soit l’intégration et le développement WordPress. Je couvrais ainsi l’ensemble de la chaîne de production de sites sur WordPress. J’ai également réalisé plusieurs prestations en tant que sous-traitant pour des ESN sur des sujets d’intégration et d’ergonomie, avec parfois une bonne dose d’accessibilité.
Mes missions
- Création graphique (logos, chartes graphique et maquette) avec Gimp et Inkscape ;
- Conception ergonomique et fonctionnelle, prototypes fonctionnels sur Axure et Balsamiq ;
- Intégration HTML, CSS et JS — responsive et mobile first — avec un focus sur la sémantique et des performances pour le référencement ;
- Développement : WordPress spécifiques (thèmes et extensions), Prestashop et Magento, industrialisation des bonnes pratiques, plugins jQuery.
Zéni
à
Infographiste en alternance chez Zéni, l’agence web du groupe Keyrus — devenue Spikly puis disparue ?
Mon rôle consistait principalement à réaliser des déclinaisons de maquettes, des animations Flash ainsi que des supports publicitaires web et print.
Projets associatifs
Au-delà de quelques fugaces contributions pour créer les sites web d’association de quartier ou d’un club de rugby,
Paris Web
Après six interventions en sept ans, il était temps que je laisse la place et que je contribue différemment : me voilà donc dans le staff de Paris Web pour la troisième année, en responsabilité du pôle design et contributeur des pôles sites et applications notamment.
J’y ai découvert le CMS Kirby, un petit bijou — mais aussi, de plus loin, l’écosystème Python et Django en particulier, et Ruby On Rails.
WP-Tech
Après avoir été orateur lors de la première édition en 2014, j’ai contribué à l’organisation de la deuxième édition en 2015. J’étais très impliqué dans l’écosystème WordPress nantais à ce moment-là, animant également quelques meetups. L’événement a sauté quelques années avant de renaître à Lyon en 2018, où j’ai également été orateur.
Projets open-source
Je contribue dès que possible aux projets open-source que j’utilise, que ce soit pour signaler des bugs (dans Chromium ou WebKit récemment), améliorer la documentation ou proposer des corrections. Mais certains projets prennent plus de place que les autres, notamment quand j’en suis à l’initiative.
a11y.css
a11y.css est une feuille de styles pour évaluer la qualité de votre HTML — très orientée accessibilité et assurance qualité web — et traduite en dix langues ! Elle est embarquée dans une extension navigateur qui ajoute quelques fonctionnalités utiles, comme l’inspection des alternatives aux images et l’affichage des langues déclarées dans la page.
chaarts
Chaarts est un projet expérimental visant à transformer un tableau HTML en graphique de données interactifs et accessibles, sans JavaScript. L’occasion de plonger dans la trigonométrie en CSS, entre autres choses !
Bootstrap
Ma position de mainteneur de Boosted pendant plus de deux ans m’a permis de contribuer largement à Bootstrap et d’être intégré à la core team. J’ai notamment implémenté le RTL dans la v5 de Bootstrap à l’aide de RTLCSS, déjà utilisé dans la v4 de Boosted.
Formation
- 2022 : Formation Audit RGAA chez Access42 ;
- 2018 : Formation Référent Qualité Web chez Opquast — certifié expert avec 965/1000 ;
- 2008 — 2009 : licence professionnelle ATC à l’IUT de Bobigny ;
- 2006 — 2008 : BTS communication visuelle option Multimédia au lycée Eugénie Cotton à Montreuil ;
- 2003 — 2006 : Bac STI Arts Appliqués au lycée Albert Claveille à Périgueux ;