Portfolio V3 — refonte visuelle & technique
Après plusieurs semaines de travail, le portfolio passe en version 3. Cette refonte touche autant l'identité visuelle que l'architecture front-end — l'occasion de repartir d'une page blanche et d'assumer une direction artistique cohérente de bout en bout.
Un nouveau design system
La V3 adopte le design system Brio : une palette construite autour d'un orange brûlé chaleureux, des tokens de couleur cohérents entre chaque page, et un mode sombre natif via variables CSS — sans une ligne de JavaScript supplémentaire.
La typographie suit une hiérarchie en trois niveaux :
- Bricolage Grotesque pour les titres d'impact — expressif, dense, distinctif
- Hanken Grotesk pour le corps de texte — lisible, neutre, contemporain
- JetBrains Mono pour les éléments techniques et le code
Un formulaire de contact repensé
Fini le formulaire classique en trois champs. Le visiteur complète désormais une phrase naturelle dans un format mad-lib : « Bonjour, je m'appelle … et je veux parler de … ». Le résultat est plus engageant et différenciateur, tout en restant pleinement fonctionnel côté serveur — validation Symfony, honeypot anti-bot et rate limiting à trois messages par heure par IP.
Architecture front-end simplifiée
La V3 abandonne webpack pour l'Asset Mapper natif de Symfony 7.4 : zéro configuration Node.js, les modules ES sont importés directement par le navigateur via une importmap. Stimulus 3 gère l'interactivité légère, Turbo Drive accélère la navigation sans rechargement complet. Le build de production se résume à une seule commande Symfony.
Moins d'outillage, plus de contrôle. La stack devient lisible par n'importe quel développeur Symfony sans courbe d'apprentissage front.
SEO & performance
- Données structurées JSON-LD (schema.org/Person) sur toutes les pages
- Balises Open Graph complètes pour un partage soigné sur les réseaux
- Sitemap XML dynamique et robots.txt contrôlés via contrôleur Symfony
- Cache HTTP sur toutes les routes publiques via l'attribut #[Cache]
Panel d'administration
L'interface EasyAdmin intègre désormais la charte graphique complète : logo Brio, polices du site, palette cohérente. L'authentification inclut une double validation 2FA par code email avec expiration à cinq minutes et rate limiting sur les tentatives.