United Nations Development Programme - Mission 1.5

Biff New Media

Artist
Client Playmob
Added 18 June, 2020 - 10:57

The Brief

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.

The Solution

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.

Projects by

Biff New Media

Website
Marmalade Game Studio
View Project

Website
Firesprite Games
View Project

Website
Renaissance PR
View Project

Website
King
View Project


Success

Recently commissioned projects made via CC


Graphic design
All Time Low
View Project

Music video
Yusuf / Cat Stevens
View Project

Artwork
Cheat Codes
View Project

Live session
Joseph Lawrence & The Garden
View Project

Website
Good Soldier
View Project

Artwork
Vistas
View Project

Take Me Home
Take Me Home
Take Me Home
Take Me Home
Music video
Delta Heavy
View Project

Website
Rudimental
View Project

Lyric video
Cat Stevens
View Project

Lyric video
Beau Diako
View Project

Music video
Alaina Castillo
View Project

Music video
Kate Tempest
View Project

Animation
Two Door Cinema Club
View Project

Artwork
Knife Party
View Project

AR Filter
Lil Nas X
View Project