Ce portfolio
Making-of
J'ai tenu à illustrer ce portfolio entièrement à la main : les illustrations de personnages, mais aussi toutes les icônes, curseurs, loaders et logos. La police du corps de texte n'est autre que ma propre écriture manuscrite, que j'ai tracée à la main puis convertie en police utilisable sur le web.
Ce portfolio me représente par son aspect technique, créatif, mais surtout vivant ; il a pour objectif de vous transmettre qui je suis et ce qui fait de moi une ingénieure.
La stack technique
Il a été réalisé en Next.js 16 (App Router) et React 19, en TypeScript strict, avec des CSS Modules et des design tokens plutôt qu'un framework CSS. Toutes les pages sont générées statiquement, en français et en anglais : une traduction manquante fait échouer la compilation.
L'écran de sélection est un anneau 3D de personnages animé avec Motion ; les projets tournent autour de chaque personnage sur une orbite en vraie perspective, avec des cartes courbées. Le personnage choisi glisse de la sélection vers sa grille grâce aux View Transitions, et chaque carte se transforme en affiche à l'ouverture d'un projet.
La qualité compte autant que l'effet : navigation complète au clavier, lecteur d'écran, animations réduites sur demande, tests unitaires (Vitest) et de bout en bout (Playwright, axe) sur ordinateur et mobile, lancés à chaque push en intégration continue. Mes dessins passent par un petit script (sharp) qui en fait des icônes et des curseurs nets sur écran Retina.