code • information design • art direction
Micro-mobility Brazil Platform
The Micro-mobility Brazil Platform is coordinated by the Sustainable Mobility Laboratory [Laboratório de Mobilidade Sustentável] (LABMOB) from the Federal University of Rio de Janeiro (UFRJ) with support from the Climate and Society Institute [InstitutoClima e Sociedade] (iCS) and performed in partnership with the Institute for Energy and Environment (IEMA). The Platform’s objectives are to map public micro-mobility systems, to promote data transparency, and to quantify CO² savings.I’ve worked on the project website – the whole front-end – with the visual and creative coordination of Estudio Nono in Brazil. Website
Screenshots
![](https://freight.cargo.site/t/original/i/4529690bd086330e32903a97a6d780a6d1647edb6550a974912442a8eb3c504a/micromobilidadebrasil.org_index.htmlLaptop-with-HiDPI-screen.png)
![](https://freight.cargo.site/t/original/i/c119bfc749a8edab31b5e0e5e04056485b7c38bcceb7920b161559897b9a8303/micromobilidadebrasil.org_index.htmlLaptop-with-HiDPI-screen-1.png)
![](https://freight.cargo.site/t/original/i/706318cf99d5907b912c6ed809a8f5c398dbbcf3fc1596ce7e1dab2f56858730/micromobilidadebrasil.org_index.htmlLaptop-with-HiDPI-screen-2.png)
![](https://freight.cargo.site/t/original/i/3438ccc9eef53ec2283415221ed2d61b059ecf726cfab9966957e394c43c4b71/micromobilidadebrasil.org_index.htmlLaptop-with-HiDPI-screen-3.png)
App in use
Roles
- Coding: the whole front-end and interactivity. Done with vanilla JS, Flexbox, D3 and Leaflet. Also developed a system for the researchers to convert/automate manual XLS sheets to JSON files read statically by the website using a Jupyter Notebook.
- Visual adaptation: worked closely with the studio to develop their sketches into what could be achieved with HTML/CSS technologies. Also developed most of the UX/UI details regarding the main interactive pieces, such as how the map technology would work, and also how the app state work between inputs from the user.
Team
- Estudio Nono (https://www.estudionono.com.br/)
- Labmob (https://en.labmob.org/)