Propre, par défaut.
Hugo Delacour
Développeur Front-End.
- Basé à
- Caen, France
- Stack
- Next.js · TypeScript · React Native
- Spécialités
- Accessibilité · SEO technique
- Formation
- École 42 · BUT MMI
Je conçois et je développe des interfaces web accessibles, rapides et faites pour durer, de la structure à la mise en ligne.
Les projets
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 :
Atlas — Un monde entier, engendré par sa géologie
Un générateur procédural de mondes : tectonique, relief, érosion, climat, fleuves et biomes, puis villes, pays, cultures, religions et routes commerciales. Chaque graine produit une planète différente et reproductible, rendue comme un atlas peint.
Lire le cas d’étudePlum — L’assistant mémoire qui rassure
Une application mobile pour les personnes qui vivent avec des troubles de la mémoire : installée sur leur téléphone, configurée par un proche, elle ne leur montre qu’une routine à la fois.
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’étudeCorpus Delta — L’annuaire de la recherche climatique
Un annuaire de publications scientifiques sur le climat et les risques naturels : cent une études référencées avec leurs métadonnées d’origine, un glossaire de cinquante et un termes, et des parcours de lecture pour entrer dans la littérature sans s’y perdre.
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, la poser au départ n’a pas alourdi le produit : cela a imposé de choisir. Une routine à la fois, aucun geste, des cibles bien au-delà des 44 points recommandés, l’énoncé lu à voix haute.
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.
- 11 novembre 2026AccessibilitéCe que lit un lecteur d'écran : l'arbre d'accessibilitéUn lecteur d'écran ne lit pas la page : il lit un arbre que le navigateur en tire, où chaque élément se réduit à un rôle, un nom et des états. Comment cet arbre se construit, comment le nom d'un élément se calcule, et pourquoi le HTML natif bat presque toujours ARIA.7 min
- 4 novembre 2026Performance16 millisecondes : ce qui fige une pageUne page ne gèle pas parce que le JavaScript est lent, mais parce qu'il garde la main. Comment tourne la boucle d'événements, ce que coûte une tâche longue, et comment découper, déléguer ou animer sans bloquer l'image suivante.7 min
- 28 octobre 2026SEOCe que Googlebot voit vraiment d'un site Next.jsExplorer, rendre, indexer : trois étapes, et trois façons de perdre une page sans le moindre message d'erreur. Ce que Google lit dans le HTML brut, ce qu'il attend du JavaScript, et comment une seule adresse doit l'emporter sur ses doublons — avec la Metadata API de Next.js.8 min
Un projet, une refonte, un système d’interface à poser ?
Je travaille depuis Caen, 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é à
- Caen, France