Personal Portfolio
This site, designed and built to present my background and projects. An electric-blue identity, a Three.js animated introduction, a filterable gallery and case studies with chapter navigation and an integrated image viewer. Available in French and English.
Overview
I built this portfolio in 2024, then redesigned it in 2026 to better tell the story of my move from marketing into AI engineering. The home page puts my name, portrait and background first, over a field of blue lines animated with Three.js. The navigation is transparent at the top of the home page and becomes opaque on scroll. Projects follow, with their images, results and detailed case studies.
Projects through images
The home page presents selected projects through large images. The full gallery adds keyword search, category filters and three sort orders. A list view makes titles quicker to scan. Actual project screenshots and photos take priority; concept covers are labelled in the case studies.
Case studies made for reading
Each case study opens with a summary and a compact supporting image, then breaks the work into chapters. The contents stay accessible and highlight the section currently being read. Images keep their proportions, and text width is limited for comfortable reading.
Images within the page
The Enlarge button opens an integrated viewer with previous and next images, a counter, captions and zoom. Arrow keys browse the gallery; Escape closes it and returns focus to the original button. Closing the image restores the reading position.
Two languages, mobile to desktop
Content and controls are available in French and English, with light and dark themes. Layouts adapt to mobile screens. The animated background can be paused; it becomes static when reduced motion is enabled and stops running offscreen. Switzer and Fragment Mono are hosted directly on the site.