Inside Corentin Bernadou’s Portfolio: Swiss-Inspired Layouts, WebGL Geometry, and Thoughtful Motion

A creative developer shares a detailed case study of their redesigned portfolio, built after six years without a refresh. The portfolio blends Swiss-style editorial design with WebGL experiments using Three.js and GLSL shaders. Built entirely in vanilla JavaScript with PJAX routing, SCSS/BEM, and JSON-based page data, it avoids frameworks for full control. Key technical highlights include GSAP-powered animations, Lenis smooth scrolling, a dynamic navigation mask that follows cursor hover, interactive grid rules inspired by design tools like Figma, and a toggleable layout grid. The case study walks through the project structure, specific animation implementations with code snippets, and the design philosophy of balancing 3D experimentation with clean editorial aesthetics.