Azael AC
← Back to projects
Professional · Demodern

WWF Germany - Augmented Reality & GIS data visualisation

WebAR experience for WWF Germany: no native app—users access AR directly from the mobile browser, maximising reach and accessibility. Built with Google’s open-source model-viewer for high-quality 3D and AR on the web, and React for a fluid, intuitive UI. Includes a GIS-based data-visualisation module showing real animal habitats, high-fidelity animated 3D animals (lynx, wolf, European bison, elk) optimised for mobile, and interactive hotspots that trigger educational content.

Award: Lovie Awards Bronze for “Best use of Augmented Reality”

Key achievements

  • Shipped WebAR experience with no native app; users access AR from the mobile browser, increasing reach and avoiding app-store friction.
  • Delivered multiplatform experience: AR on mobile and 3D viewer on desktop using a single codebase with model-viewer.
  • Integrated GIS-based data visualisation to show real animal habitats within the experience.
  • Shipped high-fidelity, animated 3D animals (lynx, wolf, European bison, elk) optimised for real-time rendering on mobile browsers.
  • Implemented interactive hotspots on 3D models to surface educational content and scientific data at 1:1 scale.

Technologies

  • REACT
  • TYPESCRIPT
  • ZUSTAND
  • MATERIAL UI
  • MODEL-VIEWER
  • WEBAR
  • GIS / DATA VISUALISATION
View project →