Propre,
par défaut.
Next.js, TypeScript et accessibilité. Des interfaces sobres, structurées, construites pour tenir dans le temps.
Un point de vue court sur ma manière de construire — et sur ce qui ne change pas d’un projet à l’autre. Mais d’abord, quelques réalisations :
Noxus — La cartographie du savoir mathématique
Une plateforme d’apprentissage systémique qui visualise les mathématiques comme un graphe de connaissances interconnectées, du CP à l’université.
Lire le cas d’étudePlum — L’assistant mémoire qui rassure
Une application mobile double-interface conçue pour l’autonomie des personnes ayant des troubles de la mémoire, sécurisée par un mode aidant.
Lire le cas d’étudeFinalytics — Générer des rapports financiers automatiquement
Un SaaS qui transforme des données financières brutes en rapports lisibles, structurés et prêts à être partagés. Automatiser un processus long, répétitif et source d’erreurs.
Lire le cas d’étudeProject Climat — Informer, vulgariser et rendre visible
Un site éditorial dédié à la vulgarisation des enjeux environnementaux : une information claire et fiable, dans un design respectueux de l’attention du lecteur.
Lire le cas d’étude01 — Réduction
Une interface propre n’est pas une interface vide.
Retirer des éléments jusqu’à ce qu’il ne reste rien est facile. Retirer jusqu’à ce qu’il ne reste que ce qui compte demande de comprendre la tâche de l’utilisateur avant de dessiner quoi que ce soit.
Simplifier n’est pas enlever : c’est réduire l’interface à ce qui porte la décision. Sur Finalytics, cela voulait dire laisser la donnée respirer et guider l’attention vers les indicateurs clés. Sur Plum, cela voulait dire un écran, une tâche.
02 — Structure
Le framework n’est pas l’architecture.
Next.js décide de la manière dont les pages sont rendues. Il ne décide pas de la manière dont un système d’interface tient sur trois ans, ni de ce qui se passe quand quatre personnes ajoutent des vues en parallèle.
L’atomic design et une séparation nette entre composants, logique et données ne coûtent rien au démarrage et évitent le dossier « components » qui déborde six mois plus tard. C’est la différence entre un projet qui évolue et un projet qu’on réécrit.
03 — Accessibilité
L’accessibilité est une contrainte de départ, pas une option.
Ajoutée à la fin, elle devient une liste de correctifs. Posée au départ, elle oriente la structure sémantique, les contrastes, les tailles de cible et le parcours clavier — et elle produit de meilleures interfaces pour tout le monde.
Sur Plum, viser WCAG AAA et la grille Opquast n’a pas alourdi le produit : cela a imposé de choisir. Gros boutons, feedback explicite, hiérarchie lisible, animations désactivables.
La méthode
Clarifier.Structurer.Construire.Tenir.
Quatre temps, dans cet ordre. Le dernier est celui qu’on saute le plus souvent — c’est aussi celui qui décide de la durée de vie du projet.
Clarifier
Comprendre la tâche réelle, pas la fonctionnalité demandée. Identifier ce qui fait perdre du temps et ce qui produit des erreurs.
Structurer
Poser la grille, les composants atomiques, les états et la hiérarchie typographique avant d’écrire une page.
Construire
Implémenter en TypeScript, avec des composants accessibles au clavier et testés. Environnement reproductible, déploiement continu.
Tenir
Documenter, mesurer les Core Web Vitals, transmettre. Un projet livré mais intransmissible n’est pas terminé.
Le parcours
Deux ans à construire des produits, pas des maquettes.
Expériences
Fondateur & développeur front-end
- Développement d’un SaaS de génération automatique de rapports financiers.
- Architecture modulaire : atomic design et clean architecture front.
- Travail continu sur l’UX, l’optimisation, l’accessibilité et la cohérence visuelle.
Études
Développement logiciel
- Programme intensif axé sur la pratique et la collaboration, sans cours magistraux.
L’outillage
Front-end
Interfaces propres, cohérentes et maintenables.
- Next.js
- React
- TypeScript
- Tailwind
- React Native
Méthode
Ce qui fait qu’un projet survit à sa première année.
- Atomic design
- Accessibilité
- Clean architecture
- Core Web Vitals
- i18n
Workflow
Automatisation et environnements reproductibles.
- Docker
- Linux
- Git
- GitHub Actions
- Sentry
Les articles
Ce que j’écris quand je ne code pas.
Des notes longues sur l’architecture front, l’internationalisation et la performance — écrites pour être utiles six mois plus tard.
- 5 août 2026ArchitectureAtomic Design : structurer un projet Next.js qui tienne trois ansLe dossier components finit toujours par déborder. Voici comment l'atomic design pose une frontière nette entre les niveaux d'interface, comment le faire cohabiter avec shadcn/ui et les Server Components, et comment migrer un projet qui a déjà dérivé.12 min
- 15 juillet 2026i18ni18n & Next.js : traduire sans casser le SEO ni l'expérience développeurTraduire une application n'est pas remplacer des chaînes : c'est une décision d'architecture qui touche le routage, les métadonnées, le typage et le formatage. Le parcours complet sur l'App Router, pièges compris.13 min
- 10 juin 2026Next.jsCore Web Vitals : ce que Next.js fait pour toi, et ce qu'il ne fera pasLCP, CLS, INP. Trois mesures, trois causes racines, et une série de leviers concrets dans Next.js — y compris ceux qui dégradent les scores quand on les utilise mal.12 min
Un projet, une refonte, un système d’interface à poser ?
Je travaille depuis Paris, en français comme en anglais, sur des produits où la lisibilité et la durabilité comptent autant que la date de livraison.
Prendre contact- GitHub
- M-U-C-K-A
- hugo-delacour
- Basé à
- Paris, France