Work

This website, from concept to server

This portfolio is a project in its own right: an experience designed to tell a story while demonstrating my product, UX, art direction, engineering, SEO and infrastructure skills.

Verified facts

Original experience designed and developed from the ground up
Bilingual architecture with built-in technical SEO
Containerised infrastructure with isolated staging and production
Automated checks from source code to Docker image

A portfolio you can experience

A portfolio can easily become a list of claimed skills. This website makes them tangible: a clear journey demonstrates UX thinking, the visual identity shows creative direction and the quality of execution reveals technical depth.

Every decision therefore serves two purposes: helping visitors understand my journey and showing, through the experience itself, how I design a digital product.

Turning a journey into a story

The home page is not a CV summary. It starts with who I am today, returns to the early screens that made me want to create, then connects that story to real products and outcomes.

The Living Screen brings those periods together in one continuous short film. Work, Products, Lab and About then provide different levels of detail without mixing professional evidence, product presentation and experimentation.

UX and accessibility

The story must remain understandable on mobile and large screens, with a keyboard, without animation and when reduced motion is preferred. Visual effects enrich the journey but never carry essential information on their own.

Hierarchy, contrast, action areas and concise copy are designed together. A static version of the story remains available when JavaScript or animation is not.

Art direction with a purpose

Portraiture, light, typography and motion form a restrained, personal identity. The central screen changes shape to connect television, computer, iPhone, applications and present-day work.

The visual language is not decoration added after the content: it directs attention, gives the story a rhythm and makes the progression memorable without getting in the way of reading.

A product-minded technical foundation

The website is built with Next.js, React and TypeScript. Content, localised routes and publishing states are structured and typed so the system can evolve without duplicated logic or exposing content that should remain hidden.

Components favour server rendering and progressive enhancement. The most ambitious interactions remain isolated, testable and paired with an accessible fallback.

SEO and performance from the start

Every French and English route has metadata, a canonical URL and consistent hreflang alternatives. Structured data, the sitemap, indexing rules and redirects are part of the architecture rather than a layer added at launch.

System fonts, lightweight CSS or SVG motion, optimised images and a limited dependency set help preserve fast loading despite the rich visual experience.

From repository to server

The application is built as a multi-stage Docker image, runs without elevated privileges and is monitored by a health check. Caddy handles HTTPS, compression, security headers and routing to isolated staging and production environments.

The same image validated in staging can be promoted without rebuilding. A server-side gate keeps the full website behind the holding page until publication has been explicitly authorised.

Quality and evolution

Formatting, linting, types, tests, the application build and Docker image construction are checked automatically. These controls protect the visible experience as well as SEO, routes, content and publishing behaviour.

The website remains a living product: its story, components and infrastructure can evolve incrementally, with staging validation before any publishing decision.