The goal
Present my freelance developer business with a site that demonstrates what I can do: a bold design, smooth animations, fast pages and SEO that makes me findable across France.
The motion design
The name reveals letter by letter on arrival, headings appear behind a mask, projects stack like cards as you scroll and figures count up when they enter the screen. Scrolling is smoothed with Lenis and synced with GSAP, while a custom cursor and magnetic buttons react to the mouse.
Every animation is disabled for visitors who prefer reduced motion: content then shows up directly in its final state.
A truly bilingual site
Every page exists in French and English with its own URL, hreflang tags and share image. Project and service data is centralised, so a single source feeds the home page, the articles, the sitemap and the structured data.
Tech stack
- Next.js 16 & React 19Pre-rendered pages, FR and EN routes, generated metadata
- GSAP & ScrollTriggerScroll-linked animations: revealed headings, stacked cards, counters
- LenisSmooth scrolling synced with the animations
- CSS ModulesCSS-variable design system, no framework
- next/ogShare images generated for each language
SEO & performance
- Every page pre-rendered at build time: full HTML from the first byte
- Dedicated service pages with FAQ, breadcrumbs and schema.org structured data
- A single JSON-LD graph linking the person, the business and the website
- Bilingual sitemap with hreflang links, canonical URLs and 1200×630 share images
- WebP images and self-hosted fonts for fast loading
