# A Canon 5D Mark IV concept page, featured on Three.js

> A concept product landing page for a camera, with studio lighting, glass reflections and a hero render, later featured on the Three.js homepage.

Canonical page: https://andersonmancini.dev/blog/canon-5d-concept-landing

Published: 2026-09-22 · 1 min read · Tags: three.js, webgl, product, concept, launch

This is not an official Canon release. It is a concept: a landing page for a Canon 5D Mark IV, made to show what Three.js can do for **premium camera storytelling** in the browser.

![The camera hero render](https://andersonmancini.dev/images/canon_landing.webp)

## What it shows

- **studio lighting** that makes the metal and the plastic read correctly,
- **glass reflections** on the lens,
- a **hero product render** that holds up when you look closely,

in other words, the kind of page that brands imagine for a hardware launch.

## A milestone

It was later **featured on the Three.js homepage**, which for me proved that concept work on the open web can sit next to production-grade showcases.

## Videos

I documented the design and the build: the [landing page video](https://andersonmancini.dev/videos/threejs-dslr-camera-landing-page.md) and the [design process](https://andersonmancini.dev/videos/threejs-canon-landing-page-design-process.md).

## Try it

The page is live at [camera-webgi.vercel.app](https://camera-webgi.vercel.app/), and the details are on the [project page](https://andersonmancini.dev/projects/canon-5d-mark-iv.md).

## Related projects

- [Canon 5D Mark IV](https://andersonmancini.dev/projects/canon-5d-mark-iv.md) — Concept product landing page