Update and improve the existing beta iteration of the United Nations Development Programme’s (UNDP) microsite highlighting climate action. Improvements to UI/UX, integrate an interactive 3D globe, streamline the climate choice voting system, optimise for mobile devices and include 6 languages. The app needed to automatically detect user location and preferred language. It also had to integrate with Playmob internal Event api to capture user data.
We created the app using Angular and WebGL for the 3d interactive globe and Ipstack provides the IP based user location detection for the app. The location detection is primarily used to pinpoint the user location on the globe and for the Playmob game launcher to determine if the user is in a live game market by comparing the country code with a country collection from the Playmob server. If the user is within a live market, we will automatically generate the correct link to the live market game.
Users can interact with the globe and view game data such as how many players and climate choices have been made in the selected live market territory.
The app detects browser language automatically and supports more than the 6 official UN languages, but we only provide those additional language options if the users browser language is a match and if a language is not found, the app will default to English. Arabic presented a challenge for the UX design and implementation as the language text direction has to change.