# A digital farm that makes sustainability playful

> A bilingual 3D experience for Dairy Farmers of Canada about the road to net-zero by 2050, built with React Three Fiber to replace a dull page.

Canonical page: https://andersonmancini.dev/blog/dairy-farmers-of-canada-digital-farm

Published: 2026-09-24 · 1 min read · Tags: react-three-fiber, webgl, sustainability, brand-experience, launch

Institutional topics are hard to make interesting. Sustainability is one of the hardest: it is important, it is dense and it is easy to preach. This project was made for **Dairy Farmers of Canada** to show their advances on the road to **net-zero by 2050**, and it replaces an older section of their site that told the same story but felt dull to navigate.

![The digital farm](https://andersonmancini.dev/images/dfc.webp)

## A farm you walk through

The experience is built fully in 3D with React Three Fiber and WebGL. It is **bilingual** and interactive: you explore the farm, discover practices and understand sustainability in a way that feels playful and not preachy.

The goal was simple: turn a dense institutional topic into something visitors actually want to explore.

## Videos from the production

I recorded the project while it was being built. There is an [update video](https://andersonmancini.dev/videos/dairy-farmers-of-canada-threejs-project-update.md), a look at the [flock of birds](https://andersonmancini.dev/videos/threejs-farm-project-flock-of-birds.md) and the [cornfield](https://andersonmancini.dev/videos/threejs-cornfield-crop-project-farm-using-react-three-fiber.md).

## Try it

The experience is live at [threejs-digital-farm.vercel.app](https://threejs-digital-farm.vercel.app/), and the details are on the [project page](https://andersonmancini.dev/projects/farm-discovery.md).

## Related projects

- [Farm Discovery](https://andersonmancini.dev/projects/farm-discovery.md) — Bilingual 3D sustainability experience for DFC