Portfolio Personnel
Ce site, conçu et développé pour présenter mon parcours et mes projets. Une identité bleu électrique, un accueil animé avec Three.js, une galerie filtrable et des fiches avec navigation par chapitre et lecteur d'images intégré. Disponible en français et en anglais.
Le projet
J'ai construit ce portfolio en 2024, puis revu son design en 2026 pour mieux raconter mon passage du marketing à l'ingénierie IA. L'accueil met mon nom, mon portrait et mon parcours au premier plan, sur un fond de lignes bleues animé avec Three.js. La navigation est transparente sur le haut de l'accueil, puis devient opaque au défilement. Les projets prennent ensuite le relais avec leurs images, leurs résultats et des fiches détaillées.
Les projets, par l'image
La page d'accueil présente une sélection de projets en grandes images. La galerie complète ajoute une recherche par mots-clés, des filtres par domaine et trois ordres de tri. On peut passer en vue liste pour parcourir les titres plus vite. Les captures et photos des projets sont prioritaires ; les couvertures conceptuelles sont identifiées comme telles dans les fiches.
Des fiches faites pour être lues
Chaque fiche commence par un résumé et une image aux dimensions contenues, puis détaille le travail par chapitre. Le sommaire reste accessible et met en évidence la section en cours de lecture. Les images conservent leurs proportions, et la largeur des textes reste limitée pour faciliter la lecture.
Les images dans la page
Le bouton Agrandir ouvre un lecteur intégré : images précédente et suivante, compteur, légende et zoom. Les flèches du clavier permettent de parcourir la galerie ; Échap la ferme et rend le focus au bouton d'origine. On retrouve sa position de lecture en refermant l'image.
Deux langues, du mobile au bureau
Le contenu et les commandes existent en français et en anglais, avec des thèmes clair et sombre. Les mises en page s'adaptent au mobile. Le fond animé peut être mis en pause ; il devient statique lorsque la réduction des animations est activée et s'arrête hors écran. Switzer et Fragment Mono sont hébergées directement sur le site.