Quote

Si je pouvais recréer le Web,
j’en ferais un endroit merveilleux,
ouvert,
étonnant,
de partage,
sans pub,

accessible à tous.


Compétences

Web & UI Design

Je garde les yeux grand ouverts sur les tendances graphiques et design du Web depuis mes débuts en 2003. Aujourd’hui je me spécialise dans le design simple et épuré, voire minimaliste. Je conçois des interfaces Web et mobile (UI), pour tablette et smartphone. L’expérience me permet également d’apporter ma contribution en UX design, ergonomie et storytelling.

Intégration

Je code dans les règles de l’art en HTML (inc. HTML5), CSS (inc. CSS3), SVG et JavaScript (Vanilla ou jQuery), avec ou sans framework ou préprocesseur CSS (SASS ou Less) et valide W3C. Je prends en compte la rétrocompatibilité nécessaire au projet en fonction de sa cible, ainsi que l’optimisation des performances. Je code également des sites Web responsives (RWD) ou dédiés (desktop, tablette, smartphone, etc.).

SEO & A11Y Qualité

Je mets une attention particulière à délivrer le fruit de mon travail dans la meilleure qualité en fonction des contraintes inhérentes au projet. Maintenabilité, On-page SEO, accessibilité (A11Y), sémantique (microdata), performance, compatibilité, etc.

Formation HTML & CSS

Je dispense des formations en HTML et CSS en école privée à des étudiants de niveaux débutant à avancé, et à des professionnels ayant des besoins d’apprentissage ou de mise à niveau en développement front-end optimisé.


Personnalité

/me

J’aime le design, le code, les deux ensemble, l’expérimentation, la trance progressive, le jazz, la musique en général, le cinéma, la science-fiction, le fantastique, les jeux vidéos, les casse-têtes, les Rubik’s cubes, le tennis, le body pump, le roller, le ski, la randonnée, la pétanque, les bandes dessinées, les mangas, la japanimation, les jeux de société, les nouvelles technologies, les trucs de geek, le bon café…


Expérience professionnelle

Quelques projets auxquels j’ai contribué…


Redesign et développement de la nouvelle version d’un extranet de gestion de dossiers patients et comptabilité à destination des ostéopathes. L’enjeu est de rendre une interface à l’ergonomie simple et évidente pour des fonctionnalités complexes. Contexte multilingue, Vue.JS, Es6, TypeScript et SASS.

  • Propositions ergonomiques et d’organisation des contenus
  • Définition des chartes graphiques et Web design
  • Développement d’un design system en SASS, en plusieurs thèmes visuels
  • Développement front-end rétrocompatible MS Edge
  • Optimisations en performance, maintenabilité et accessibilité
  • Optimisations responsives pour tablettes, smartphones.
Interface de l’extranet osteo2ls v2, page de liste des patients
Interface de l’extranet osteo2ls v2, page d’édition d’un patient


En poste chez Dareboost, service d’aide à l’optimisation en performance et qualité de site Web, design et développement front du service. L’enjeu est de rendre l’interface complexe la plus ergonomique, maintenable, évolutive et accessible possible. Contexte internationnal, Java, Scala, AngularJS et SASS.

  • Création de wireframes et mise à jour la charte graphique établie
  • Adaptations pour l’accessibilité ergonomique
  • Développement front-end rétrocompatible MS Edge
  • Optimisations en performance, maintenabilité et accessibilité
Page d’accueil de Dareboost
Interface de l’extranet de Dareboost, page de détails d’un monitoring


En poste dans une startup de traduction pour grands comptes, développement d’une application Web pour la gestion des projets, devis et factures, la mise en relation des clients, traducteurs et administrateurs, et la traduction de documents. L’enjeu est de rendre l’interface complexe la plus maintenable, évolutive et compatible possible. Contexte internationnal, Ruby on Rails, CoffeeScript, AngularJS, Slim et skins graphiques.

  • Adaptations de wireframes à la charte graphique établie
  • Adaptations de l’interface et des interactions pour l’accessibilité ergonomique
  • Définition d’une architecture SASS maintenable (fonctionnalités évolutives, skins graphiques)
  • Développement front-end rétrocompatible IE11
  • Optimisations du code en accessibilité, performance, maintenabilité et qualité
Interface de l’extranet Worders, page utilisateurs
Interface de l’extranet Worders, page messagerie


Développement du nouveau site d’Opquast, en collaboration avec le designer Francis Chouquet. Considérant l’activité et la cible, il y a un enjeu important en terme d’accessibilité et de qualité de code. J’ai mis un effort tout particulier sur l’ajout de schémas de données structurées.

  • Développement front-end rétrocompatible IE8
  • Optimisations SEO et d’accessibilité (microdata, ARIA, etc.)
  • Optimisations des rendus d’images (SVG, etc.)
  • Optimisations des performances
  • Optimisations responsives pour tablettes, smartphones et pour l’impression
Le site Opquast, version desktop
Le site Opquast, version mobile


Conception d’un extranet de gestion de clients, consultations et facturations à destination des ostéopathes. Ce projet a demandé beaucoup d’attention à rendre l’interface simple, rapide, et utilisable en mobilité.

  • Direction artistique (wireframes, ergonomie, UX, etc.)
  • Définition du Web design
  • Développement front-end rétrocompatible IE10
  • Définition d’un framework HTML et CSS adapté aux besoins client
  • Optimisations des rendus d’images (iconfont, SVG, etc.)
  • Optimisations des performances
  • Optimisations responsives pour tablettes et smartphones
Dossier patient de l’extranet Osteo2ls
Osteo2ls version mobile


Création de sites d’assurance pour une communication de niches. Au vu des cibles, les sites doivent être simples et efficaces, performants, responsives et rétrocompatibles.

  • Direction artistique (wireframes, ergonomie, etc.)
  • Définition des chartes graphiques et Web designs
  • Développement front-end rétrocompatible IE6 par dégradations graciseuses
  • Optimisations SEO et d’accessibilité (microdata, ARIA, etc.)
  • Optimisations des rendus d’images (SVG, etc.)
  • Optimisations des performances
  • Optimisations responsives pour tablettes et smartphones
Assurance pour jeunes expatriés
Assurance pour professionnels expatriés


Intervention sur la refonte des sites e-commerce Casino Drive et Casino Express. Compte tenu du client et de sa large cible, l’optimisation SEO et de l’accessibilité sont primordiales.

  • Développement front-end rétrocompatible IE7
  • Optimisations SEO et d’accessibilité
  • Optimisations des performances
  • Prise en compte du « service rendu » (affichage, navigation) pour tablettes


Intervention sur la refonte graphique du site national de Century21, avec l’aide de deux confrères freelances, pour concevoir les interfaces et décliner toutes les pages nécessaires aux intégrateurs.

  • Propositions ergonomiques
  • Propositions et déclinaisons graphiques
Maquette de la page Ma sélection
Maquette de détail d’un département


Intervention sur la nouvelle stratégie mobilité de Cdiscount, en tant que prestataire externe par l’intermédiaire du groupe SQLI (SSII). Élaboration d’interfaces pour les applications iPhones, iPad et smartphones Android ; et également sur les sites e-commerce dédiés smartphones et tablettes.

  • Propositions ergonomiques
  • Propositions et déclinaisons graphiques
  • Conseils en performance
Le site version mobile
Le site version tablette

… et d’autres sites one-page, e-commerce, responsives ou dédiés, applications mobiles, etc.


Quote_2

Je veille à délivrer le fruit de mon travail
dans la meilleure qualité, et adapté au budget.


Article et conférences

Quelques articles, conférences et démonstrations…


À suivre

Twitter LinkedIn CodePen Speaker Deck Spotify


Contactez-moi