Le portfolio comme objet de design
Un univers.
Des règles claires.
Ce site met en forme un fil conducteur : relier le terrain à l’interface. Voici les décisions qui lui donnent sa cohérence.
01 / Direction visuelle
Précis dans la structure.
Libre dans la composition.
L’ivoire laisse respirer les projets. L’encre structure la lecture. Le violet signale les points d’entrée, les accents et le focus clavier. Les compositions légèrement inclinées évoquent une table de travail ; une grille stable garde les contenus lisibles.
02 / Typographie & langage
Le message
donne la mesure.
Titres, textes et interfaces
Repères, numéros et légendes
Deux familles hébergées localement. Une échelle typographique fluide selon l’écran. Des titres courts pour entrer dans le sujet, puis un vocabulaire concret pour expliquer les décisions.
03 / Composants & interactions
Un comportement
fait aussi partie du design.
Navigation, boutons, métadonnées de projet et captures agrandissables partagent les mêmes règles. Les interactions fonctionnent au clavier : focus visible, fermeture par Échap et retour au déclencheur pour les captures.
La démonstration du dépôt permet de rencontrer des états utiles : saisie invalide, liste vide, doublon, vérification et succès. Elle utilise uniquement des données fictives.
04 / Sobriété & accès
Ne charger que
ce qui sert la visite.
Pages statiques générées avec Astro, images WebP, chargement différé sous le premier écran et JavaScript limité aux interactions. Les polices et les images sont locales ; aucun traceur, aucune vidéo automatique ni service tiers ne sont nécessaires à la consultation.
Le site prévoit les petits écrans, une navigation clavier et le réglage système de réduction des animations. Ces choix et les contrôles techniques ne constituent pas une certification RGAA ni un audit d’écoconception.
05 / Fabrication & attribution
Montrer le travail.
Préciser son origine.
Ce portfolio a été construit avec une assistance IA pour la direction de présentation, la rédaction, le code et les vérifications, à partir des documents et des captures de mes projets. Il constitue une nouvelle présentation de ces travaux.
Les captures Trolet, TroStock et WILEGAL proviennent des applications et prototypes existants. Les captures TroStock fournies le 6 septembre 2026 sont converties en WebP sans perte, à pixels identiques. La démonstration du dépôt a été réalisée pour expliquer le parcours et reste distincte de son interface historique.
Pour concevoir les interfaces de mes projets, je m’appuie principalement sur Gemini et la génération d’images de ChatGPT. J’utilise Figma occasionnellement. Les parcours et les choix d’interface relèvent de ma conception ; pour les pages clients Trolet, la typographie reprend l’identité de marque existante. J’utilise aussi l’IA pour développer, relire et documenter.