Missing Maps

What is Missing Maps?

Missing Maps is an open, collaborative initiative designed to map vulnerable areas and support humanitarian organizations operating in disaster- and crisis-prone regions. Established to assist Médecins Sans Frontières (MSF) / Doctors Without Borders, the project invites volunteers worldwide to contribute data that empowers aid workers on the ground.
Missing maps laptop 3 website

Web design

A refreshed, colourful palette and updated typography strengthen the brand’s digital presence, combining visual energy with clear, functional design. We designed a set of bespoke icons, created specifically for the Missing Maps identity to improve clarity and engagement.
Missing maps mobile 3

Web development​

Moving beyond the constraints of a traditional CMS, this project features
a custom static-first architecture built with Jekyll and hosted on GitHub Pages.
By utilizing a "content-as-files" model—using structured Markdown and YAML instead of a database—the entire site functions as a reproducible system where every update is managed through a transparent, Git-based workflow.

This approach replaces slow server-side rendering with a pre-rendered build pipeline, powered by GitHub Actions for automated CI/CD. While Decap CMS provides a user-friendly editorial interface, the underlying infrastructure remains database-free, significantly reducing the attack surface and eliminating maintenance overhead. We’ve layered API integrations on top of this rock-solid core, enabling dynamic data exchange with external services and supporting the collaborative nature of the project.

By maintaining the codebase in a version-controlled environment, the project ensures radical transparency. Every change is openly trackable and reviewable, fostering an open-source atmosphere where community contributions
are welcomed and the site remains highly portable, secure, and performant.
ARTD CO2 Device 020 website

Typography

For Missing Maps, we selected Satoshi to establish a clear and balanced visual rhythm. Its clean, geometric forms feel contemporary while remaining neutral and highly readable, supporting both clarity and accessibility.
Missing maps mobile website

Color palette​

The interface follows a light theme, using white as the primary base while incorporating a range of colourful accents. Most of the existing brand colours were retained and applied consistently to preserve visual familiarity.
Missing maps tablet

Project Management: Mia Pavlinovic
Web Design: Leona Rega, Fanni Dedeyan
Website Development: Monika Laurinaviciute