01

Farm Discovery

Built at Neotix

There is a 3D experience that allows you to learn about the work of Canadian dairy farmers.

There's a lot to discover when it comes to sustainably producing high-quality Canadian milk. Our interactive farm helps users explore how dairy farmers are working towards net-zero.

Technologies

  • React
  • React Three Fiber
  • Tailwind

ROLE & CONTRIBUTIONS

My responsibilities

  • Built interactive 3D scenes using Three.js and React Three Fiber to present educational farm environments.
  • Used GSAP for smooth transitions and scroll-driven animations between scene states.
  • Collaborated with designers to translate visual references into immersive web experiences with consistent branding.
  • Optimized WebGL performance for cross-device compatibility, reducing load time and improving frame rates.
  • Created modular 3D-component architecture to enable reuse across different farm scenes and content modules.

Project Impacts

  • Delivered a visually immersive, interactive 3D web experience for learning about Canadian dairy farming.
  • Improved rendering performance and user engagement through optimized 3D pipelines and animation flows.
  • Enabled scalable reuse of 3D modules across multiple educational sections of the platform.