UOB Heartbeat Globe

3D interactive banner of a globe displaying the campaign's regional reach

The project outcome is an interactive banner that show visitors all the good that the UOB Heartbeat campaign has done in different regions. Countries can be picked either from using the select dropdown, or from hovering over the hotspots on the globe itself. 

A texture of a world map that is formed from radial dots that is generated from an algorithm

An image of the world map used as a texture for the globe. The image is formed from radial dots that is generated from an algorithm in a script created by my colleague, Siah.

Visit the live project here!

Built using React, Typescript, Three.js and React Three Fiber.

Project done under Good Work for UOB

Keen to collaborate?

Email me at lauryn@dipdeep.space