Interactive 3D Map
Three.js, VueJS, Cinema4D
This project involved finding a 3D model of the city of Geneva that we could slice to extract the buildings hosting any of the included organizations, as well as modeling and texturing in high detail some of the most salient such as the Palais des Nations.
The city's model was parsed and prepared to be loaded within a ThreeJS scene. Below the 3D architecture we used a custom-made texture featuring the main roads, parks and other distinguible locations.
Floating panels and menus make it easy to find specific organizations as well as highlighting those that are working on any of the SDGs 2030.