Aller au contenu
Hugo Delacour

Propre,
par défaut.

Développeurfront-end&interfaces
minimalespourproduitsdurables

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 :

01 — 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.

01

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.

02

Structurer

Poser la grille, les composants atomiques, les états et la hiérarchie typographique avant d’écrire une page.

03

Construire

Implémenter en TypeScript, avec des composants accessibles au clavier et testés. Environnement reproductible, déploiement continu.

04

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.

Voir les 8 articles
Oui, c’est faisable.Oui, c’est faisable.Oui, c’est faisable.Oui, c’est faisable.

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
Basé à
Paris, France