The making
of.
The posting asks for AI-tool fluency with known limits. Here are both, in the open: this site was built by Claude Code (Fable 5), directed by Yohann Lesueur, and reviewed line by line — one of two variants created for this application, after ten earlier portfolio sites in ten different design languages.
SCENE 1 — THE CONCEPT
Dailymotion is video; a candidacy for it should feel like a screening. So the page is a premiere in three acts: the craft (skills), the plot (the legacy-to-clean-architecture rebuild, typeset as an actual screenplay), and the studio (the honest job-fit, GraphQL gap included). The stack rolls as end credits. Recruiters who stay get a post-credits scene.
SCENE 2 — THE EFFECTS
- The floating film strip is three.js: two ribbons of frames flowing along parametric curves, each frame a procedurally generated canvas texture (gradient, glow, scanlines, play button) — no image files anywhere.
- Frames orient themselves along the path with
lookAt, fade at the ends, and drift at different speeds and depths; additive dust and fog give the theater air. - Camera = mouse parallax + scroll descent, eased.
prefers-reduced-motiongets a still frame; no WebGL gets a gradient fallback. - Type: Instrument Serif for the marquee voice, Hanken Grotesk for reading, Fragment Mono for slug lines. Palette: cinema black, Dailymotion blue
#0066DC, ice, and one champagne gold reserved for the premiere itself.
SCENE 3 — THE RULES
Every claim traces back to the CV or to a real, verifiable codebase. The screenplay
dramatizes the tone, never the facts. Three critique passes on Playwright screenshots
(desktop + mobile) before release. Static files, no build step, deployed with
netlify deploy --prod.