Prendre contact
MéthodeServicesCompétencesRéférencesCommunicationIAPortfolioMaquettesContact

CompétencesSix disciplines

Ce qui se voit, ce qui se dit, ce qui tient.

Art, communication visuelle, communication, développement, cybersécurité, LLM. Six disciplines, chacune exercée au niveau qu’on attend d’un spécialiste.

Voir les disciplines Prendre contact

Communication visuelleUne identité, déclinée sur chaque support.

CommunicationUn fait, trois publics, un seul discours.

DéveloppementÉcrire, tester, mettre en production.

CybersécuritéChaque tentative qualifiée, puis bloquée.

LLMTransformer 1 214 avis en trois décisions.

ArtLa structure d’abord, la matière ensuite.

01 · Disciplines1996 → 2026

Six disciplines, quarante-six compétences.

Chaque point est une compétence, placée à l’année où elle est entrée dans ma pratique professionnelle. Faites défiler : la grille se remplit jusqu’à aujourd’hui.

  • Art : Dessin, Composition.
  • Communication visuelle : Infographie, Montage, Vidéo, Affiche, Typographie, Identité visuelle, Son, Motion design, CGI.
  • Communication : Rédaction, Positionnement, Image de marque, Édition, Présentations, Éléments de langage, Charte éditoriale, Communication de crise.
  • Développement : HTML & CSS, Front-end, JavaScript, Back-end, Bases de données, API, Déploiement, Applications web, Design system, Applications mobiles, Logiciels sur mesure.
  • Cybersécurité : Hébergement, Sauvegardes, RGPD, Accessibilité RGAA, Durcissement, En-têtes & CSP, Authentification, Supervision.
  • LLM : Bots & automatisation, Modèles de langage, Contexte & consignes, Intégration API, Recherche documentaire, Agents, Modèles ouverts, Agents de code.

Les années de chaque compétence sont indicatives, à une ou deux années près. Les points de départ sont exacts : 1996 pour l’art, 1999 pour l’infographie, 2006 pour la communication visuelle, 2009 pour la communication, 2014 pour le développement, 2017 pour la cybersécurité, 2020 pour les LLM.

02 · Catalogue46 fiches

Chaque compétence, sa fiche.

Ce qu’elle recouvre, ce qu’elle produit, avec quels outils. Parcourez l’ensemble ou filtrez par discipline.

46 fiches affichées

Développement

Sites, applications, logiciels

11 fiches · depuis 2014

  • Développementdepuis 2014

    HTML & CSS

    Un balisage sémantique, des styles maintenables, l’accessibilité dès la première ligne.

    • Intégration
    • Responsive
    • Animations CSS

  • Développementdepuis 2014

    Front-end

    Des interfaces rapides, structurées en composants, conçues pour durer.

    • Sites
    • Applications web
    • Optimisation des performances

    OutilsAstro · TypeScript

  • Développementdepuis 2015

    JavaScript

    Des interactions précises et légères, qui ne bloquent jamais la lecture.

    • Interfaces
    • Animations
    • Composants

    OutilsTypeScript · GSAP

  • Développementdepuis 2016

    Back-end

    Logique serveur, formulaires, comptes : ce qui doit fonctionner sans se voir.

    • Logique métier
    • Espaces membres
    • Traitements

    OutilsNode.js · PHP

  • Développementdepuis 2017

    Bases de données

    Des données modélisées proprement, sauvegardées, interrogées sans détour.

    • Modélisation
    • Migrations
    • Requêtes

    OutilsSQL

  • Développementdepuis 2018

    API

    Des échanges entre services documentés, validés et limités.

    • API REST
    • Webhooks
    • Intégrations tierces

  • Développementdepuis 2019

    Déploiement

    Du dépôt à la production : tests, build, mise en ligne, retour arrière possible.

    • Intégration continue
    • Mise en production
    • Environnements

    OutilsGit · Linux

  • Développementdepuis 2020

    Applications web

    Espaces clients, back-offices, plateformes métier : des outils complets, utilisés chaque jour, sans rien à installer.

    • Espaces clients
    • Back-offices
    • Plateformes SaaS

    OutilsTypeScript · Node.js

  • Développementdepuis 2022

    Design system

    Des composants dessinés, puis codés, sans rien perdre entre la maquette et l’écran.

    • Bibliothèque de composants
    • Jetons de design
    • Documentation

    OutilsFigma

  • Développementdepuis 2025

    Applications mobiles

    L’outil de vos équipes ou de vos clients, installé sur leur téléphone, rapide et utilisable même sans réseau.

    • Applications installables
    • Notifications
    • Mode hors ligne

  • Développementdepuis 2026

    Logiciels sur mesure

    Des programmes écrits pour un besoin précis : traiter, convertir, synchroniser, là où aucun logiciel du commerce ne convient.

    • Outils internes
    • Traitements automatisés
    • Connecteurs

Cybersécurité

Durcissement, hébergement, conformité

8 fiches · depuis 2017

  • Cybersécuritédepuis 2017

    Hébergement

    Des serveurs choisis, configurés et situés en France.

    • Hébergement en France
    • Noms de domaine
    • Certificats TLS

  • Cybersécuritédepuis 2018

    Sauvegardes

    Chiffrées, externalisées, testées : une sauvegarde jamais restaurée n’en est pas une.

    • Plan de sauvegarde
    • Restauration testée
    • Rétention

  • Cybersécuritédepuis 2019

    RGPD

    Collecter moins, informer mieux, pouvoir prouver sa conformité.

    • Registre des traitements
    • Mentions et consentement
    • Aucun traceur

  • Cybersécuritédepuis 2020

    Accessibilité RGAA

    Contrastes, clavier, lecteurs d’écran : un site utilisable par tous, et conforme.

    • Audit RGAA
    • Corrections
    • Déclaration d’accessibilité

  • Cybersécuritédepuis 2021

    Durcissement

    Réduire la surface d’attaque : services, droits, dépendances, configurations.

    • Configuration serveur
    • Mises à jour
    • Dépendances surveillées

  • Cybersécuritédepuis 2022

    En-têtes & CSP

    Les en-têtes qui ferment la porte aux injections, à l’intégration abusive et aux fuites.

    • CSP stricte
    • HSTS
    • Politique de référent

  • Cybersécuritédepuis 2023

    Authentification

    Comptes, rôles et accès maîtrisés, de la première connexion à la révocation.

    • Authentification unique
    • Double authentification
    • Gestion des rôles

  • Cybersécuritédepuis 2025

    Supervision

    Voir ce qui se passe avant que quelqu’un d’autre ne le voie.

    • Journaux
    • Alertes
    • Disponibilité

LLM

Modèles de langage, agents, intégration

8 fiches · depuis 2020

  • LLMdepuis 2020

    Bots & automatisation

    Les tâches répétitives confiées à des scripts, des robots qui répondent juste.

    • Robots conversationnels
    • Scripts
    • Flux automatisés

  • LLMdepuis 2021

    Modèles de langage

    Choisir le bon modèle pour le bon usage, et en connaître les limites.

    • Choix du modèle
    • Évaluation
    • Cadrage des usages

  • LLMdepuis 2022

    Contexte & consignes

    Des consignes écrites comme un cahier des charges : précises, testées, versionnées.

    • Consignes système
    • Gabarits
    • Jeux de tests

  • LLMdepuis 2023

    Intégration API

    Les modèles branchés sur vos outils existants, coûts et quotas maîtrisés.

    • Intégration
    • Quotas
    • Suivi des coûts

  • LLMdepuis 2024

    Recherche documentaire

    Interroger vos documents en langage courant, chaque réponse avec sa source.

    • Indexation
    • Réponses sourcées
    • Recherche augmentée

  • LLMdepuis 2024

    Agents

    Des tâches qui s’enchaînent seules, supervisées et journalisées.

    • Agents métier
    • Outils connectés
    • Validation humaine

  • LLMdepuis 2025

    Modèles ouverts

    Un modèle installé sur vos serveurs : vos données ne quittent pas vos murs.

    • Installation locale
    • Hébergement en France
    • Confidentialité

  • LLMdepuis 2026

    Agents de code

    Le développement accéléré par des agents, relu et validé ligne à ligne.

    • Revue de code
    • Génération de tests
    • Refactorisation

Communication

Stratégie, rédaction, crise

8 fiches · depuis 2009

  • Communicationdepuis 2009

    Rédaction

    Des textes clairs, datés, vérifiables : écrire pour être cru.

    • Articles
    • Pages web
    • Discours

  • Communicationdepuis 2011

    Positionnement

    Établir ce qui distingue une offre, puis le dire en une phrase défendable.

    • Plateforme de marque
    • Proposition de valeur
    • Analyse concurrentielle

  • Communicationdepuis 2012

    Image de marque

    Ce que l’on dit de vous en votre absence, travaillé avec méthode.

    • Audit d’image
    • Recommandations
    • Plan d’action

  • Communicationdepuis 2014

    Édition

    Du chemin de fer au bon à tirer : des documents lus jusqu’à la dernière page.

    • Rapports annuels
    • Brochures
    • Journaux internes

    OutilsInDesign

  • Communicationdepuis 2016

    Présentations

    Une idée par diapositive, un récit qui convainc un comité en vingt minutes.

    • Présentations de direction
    • Gabarits
    • Pitchs

    OutilsPowerPoint · Keynote

  • Communicationdepuis 2018

    Éléments de langage

    Les phrases exactes à tenir, prêtes avant que la question ne soit posée.

    • Argumentaires
    • Questions-réponses
    • Préparation aux médias

  • Communicationdepuis 2020

    Charte éditoriale

    Un ton, un vocabulaire, des règles partagées par tous ceux qui écrivent.

    • Charte éditoriale
    • Guide de style
    • Lexique

  • Communicationdepuis 2022

    Communication de crise

    Qui parle, que dit-on, dans quel ordre : préparé avant, tenu pendant, expliqué après.

    • Dispositif de crise
    • Communiqués
    • Retour d’expérience

Communication visuelle

Identité, print, vidéo, motion

9 fiches · depuis 2006

  • Communication visuelledepuis 1999

    Infographie

    Des chiffres et des processus rendus lisibles d’un regard, sans rien sacrifier à l’exactitude.

    • Infographies
    • Schémas
    • Visualisation de données

    OutilsIllustrator · InDesign

  • Communication visuelledepuis 2002

    Montage

    Le rythme, la coupe, l’étalonnage : une histoire tenue jusqu’à la dernière image.

    • Montage
    • Étalonnage
    • Sous-titrage

    OutilsPremiere Pro · DaVinci Resolve

  • Communication visuelledepuis 2004

    Vidéo

    Une écriture visuelle pour les formats institutionnels comme pour les réseaux.

    • Films institutionnels
    • Formats réseaux
    • Interviews

    OutilsPremiere Pro

  • Communication visuelledepuis 2006

    Affiche

    Une idée, une hiérarchie, une lecture à trois mètres.

    • Affiches
    • Kakémonos
    • Visuels d’événement

    OutilsPhotoshop · Illustrator

  • Communication visuelledepuis 2008

    Typographie

    Familles, grilles, interlignage : la typographie donne le ton avant que les mots ne soient lus.

    • Systèmes typographiques
    • Grilles de mise en page
    • Titrage

    OutilsInDesign · Figma

  • Communication visuelledepuis 2010

    Identité visuelle

    Un signe, une palette, des règles : une marque reconnaissable sur chaque support.

    • Logotypes
    • Chartes graphiques
    • Déclinaisons

    OutilsIllustrator · Figma

  • Communication visuelledepuis 2012

    Son

    Prise de son, nettoyage, mixage : la moitié de ce que l’on retient d’une vidéo.

    • Mixage
    • Habillage sonore
    • Voix off

    OutilsAudition

  • Communication visuelledepuis 2013

    Motion design

    Le mouvement au service du message : animer pour expliquer, jamais pour décorer.

    • Animations de logo
    • Vidéos explicatives
    • Habillages

    OutilsAfter Effects

  • Communication visuelledepuis 2014

    CGI

    Des images de synthèse : objets, décors et volumes modélisés, éclairés et rendus en 3D.

    • Modélisation 3D
    • Rendus produits
    • Animations 3D

Art

Dessin, composition

2 fiches · depuis 1996

  • Artdepuis 1996

    Dessin

    La main avant l’outil : proportions, volumes, lumière.

    • Croquis
    • Études
    • Dessin d’observation

  • Artdepuis 1997

    Composition

    Placer chaque masse pour guider l’œil, sur le papier comme à l’écran.

    • Équilibre des masses
    • Hiérarchie visuelle
    • Cadrage

03 · CybersécuritéAudit en direct

Le terrain le plus exigeant : la cybersécurité.

Cabinets d’audit, plateformes d’entraînement, communautés d’enquêteurs : une partie de mes clients ouvre la console avant de lire la page. Leur exigence est devenue ma façon de livrer, pour tous les autres.

root@room303:~# ./audit --page competences

Prêt.

Ne me croyez pas sur parole : cette page s’audite elle-même.

Le terminal ci-contre ne joue pas une scène. Il interroge, dans votre navigateur, le serveur qui vient de vous envoyer cette page : protocole, en-têtes de sécurité, ressources tierces, cookies, poids. Ce qui manque s’affiche comme manquant.

  • Hébergement en France
  • En-têtes durcis
  • Aucun traceur
  • Dépendances surveillées
  • Sauvegardes chiffrées
  • Accessibilité vérifiée
  • 01

    Sites de cabinets

    Une vitrine sobre et rapide, qui inspire confiance à un public qui sait lire un en-tête HTTP.

    Hébergement FRAucun traceurCSP stricte
  • 02

    Consoles & espaces clients

    Alertes, rapports, comptes et droits : l’outil que vos clients ouvrent chaque matin.

    SSO & 2FARôlesJournaux
  • 03

    Rapports & documentation

    Un rapport d’audit se lit d’abord en trois minutes. La synthèse, puis le détail.

    SynthèseData vizMise en page
  • 04

    Communication après incident

    Le jour de la faille, chaque phrase compte. Préparé avant, tenu pendant, expliqué après.

    Éléments de langageCommuniquéRetour d’expérience

Ils m’ont confié leur image

  • BreacHunt
  • Hack The Box
  • Osint-FR
  • LXploit
  • RTFM
  • Verum Investigation
  • X41
  • YesIT
  • Bity Conseil

La même exigence, ailleurs

04 · ApplicationsLogiciels sur mesure

Applications et logiciels : l’outil exact de votre métier.

Quand aucun outil du marché ne correspond à votre façon de travailler, je le conçois et je le développe : l’interface, la logique, les données, la mise en production. Le même outil, dans le navigateur, sur le téléphone ou sur le poste de travail.

Décrire l’outil qui vous manque

05 · FormationsTransmettre

Ce que je sais faire, je l’enseigne.

Ce que je pratique, je l’enseigne aussi : je l’ai déjà fait, et je continue. Pas de programme sur étagère, chaque intervention se construit avec vous, à partir de vos propres cas.

Avant de communiquer sur un incident, il faut d’abord …

  • vérifier53 %
  • qualifier26 %
  • documenter13 %
  • alerter6 %
  • informer2 %

Un modèle de langage ne sait rien : il calcule la probabilité du mot suivant, puis il tire au sort. Plus la température monte, plus il s’écarte de la réponse la plus probable.

Le texte d’un site se lit sur tous les écrans, à toutes les heures, par tous les yeux.

4,5 : 1

  • AA · texte courant, 4,5 : 1
  • AAA · renforcé, 7 : 1

Le RGAA demande un contraste d’au moins 4,5 : 1 pour le texte courant. En dessous, une partie du public décroche, souvent sans que personne ne le remarque.

Bilan du projet de refonte

  • Nouveau formulaire de demande en ligne
  • Pièces justificatives vérifiées automatiquement
  • Suivi du dossier par courriel
  • Délai moyen de traitement passé de 12 à 4 jours
  • Formation de deux agents au nouvel outil
  • Prochaine étape : application mobile

Six informations, un seul résultat qui compte.

Une diapositive se regarde pendant que vous parlez. Si elle doit être lue, on ne vous écoute plus.

Quelques sujets, selon qui est dans la salle.

Directions
  • Comprendre les LLM
  • La sécurité sans jargon
  • Les premières heures d’une crise
Équipes communication
  • Écrire pour être cru
  • Une idée par diapositive
  • Exercice de crise
Équipes techniques
  • Intégrer les LLM à vos outils
  • Agents & automatisation
  • Accessibilité : l’essentiel

Durée, rythme et format se décident ensemble, après un premier échange.

Parler d’une formation

La suiteTrois façons de travailler ensemble

Il manque une compétence à votre équipe ? Parlons-en.