I designed and built this simple landing page template during my tenure at the World Resources Institute. Commissioned by six central African governments, the page introduces visitors to the Forest Atlas platform, a robust analytical tool powered by Global Forest Watch data.
From a technical standpoint, this project posed a few challenges. For one, I was asked to produce a single HTML/CSS template for all six sites, and then populate the site dynamically, using country-specific JS files. While this is a pretty inelegant abstraction strategy – one developer acquaintance compared this design architecture to “filming a movie, and then writing all the dialogue in post-production” – it ultimately worked. Additionally, the clients requested that the landing pages be bilingual, with the English and French (or Spanish – looking at you, Equatorial Guinea) translations both stored on a single page, rather than on two separate language-specific pages. I used a URL hash to distinguish between the two versions, and again used JS to populate the page with the appropriate content based on the currently selected language.
Unfortunately, the other pages of the project were designed and developed by two different subcontractors, and so the site’s design is somewhat inconsistent. My next major project is to redo the cartography of the actual map interfaces – a daunting task, given the number and complexity of datasets to be visualized simultaneously. Stay tuned for that. Here are the six different landing pages: