Client: Treetopia
Agency: Go Fish Digital
Role: Front-End Web Developer
Duration: 2016
Overview
Created an immersive, interactive 3D globe experience for Treetopia that showcased Christmas traditions from around the world. The project aimed to blend education and interactivity, offering users a fun, visual way to explore holiday customs from all seven continents through a rotatable, animated 3D environment.
My Role
As the front-end developer, I was responsible for designing and developing the interactive globe using Three.js, integrating smooth animations, and ensuring optimal performance across browsers and devices. My contributions included:
- Building a 3D-rendered globe with realistic lighting, textures, and continuous rotation for a visually captivating experience.
- Implementing interactive markers (pinpoints) at key geographic locations, each representing a unique Christmas tradition.
- Enabling user-driven interaction, allowing visitors to click, drag, and spin the globe fluidly on both desktop and mobile.
- Creating dynamic pop-ups that presented curated cultural information and festive imagery tied to each region.
- Ensuring responsive and accessible design for seamless performance across devices.
Technical Stack
Three.js, JavaScript (ES6), HTML5, CSS3, WebGL, JSON, Adobe Illustrator (map art assets)
Achievements
- Delivered a highly engaging 3D visualization that transformed static cultural data into an interactive learning experience.
- Increased Treetopia’s brand engagement and time-on-page metrics during the holiday season.
- Showcased the creative potential of Three.js for web-based storytelling and experiential marketing.
- Praised internally for combining technical innovation with visual charm, reinforcing Go Fish Digital’s creative reputation.
The Result
The Global Christmas Traditions 3D experience invited users worldwide to explore and celebrate cultural diversity through a playful, immersive digital experience. The project demonstrated how 3D interaction, animation, and thoughtful design can transform educational content into a memorable brand storytelling tool.
