Missing Maps

Was ist Missing Maps

Missing Maps ist eine offene, gemeinschaftliche Initiative, deren Ziel es ist, gefährdete Gebiete zu kartieren und humanitäre Organisationen zu unterstützen, die in katastrophen- und krisengefährdeten Regionen tätig sind. Das Projekt wurde ins Leben gerufen, um „Médecins Sans Frontières“ (MSF) / „Ärzte ohne Grenzen“ zu unterstützen, und lädt Freiwillige weltweit dazu ein, Daten beizusteuern, die den Helfern vor Ort die Arbeit erleichtern.
Missing maps laptop 3 website

Webdesign

Eine aufgefrischte, farbenfrohe Farbpalette und eine überarbeitete Typografie stärken die digitale Präsenz der Marke und verbinden visuelle Dynamik mit klarem, funktionalem Design. Wir haben eine Reihe maßgeschneiderter Symbole entworfen, die speziell für die Identität von „Missing Maps“ entwickelt wurden, um die Übersichtlichkeit und die Interaktion zu verbessern.
Missing maps mobile 3

Webentwicklung​

Über die Grenzen eines klassischen CMS hinausgehend, basiert dieses Projekt auf einer individuellen, statisch-first ausgerichteten Architektur, die mit Jekyll entwickelt und über GitHub Pages gehostet wird. Durch ein „Content-as-Files“-Modell – mit strukturiertem Markdown und YAML anstelle einer Datenbank – funktioniert die gesamte Website als reproduzierbares System, bei dem jede Aktualisierung über einen transparenten, Git-basierten Workflow verwaltet wird. Dieser Ansatz ersetzt langsames serverseitiges Rendering durch eine vorgerenderte Build-Pipeline, die von GitHub Actions für automatisiertes CI/CD angetrieben wird. Während Decap CMS eine benutzerfreundliche Redaktionsoberfläche bietet, bleibt die zugrunde liegende Infrastruktur datenbankfrei, wodurch die Angriffsfläche deutlich reduziert und der Wartungsaufwand eliminiert wird. Auf diesem robusten Fundament haben wir API-Integrationen aufgesetzt, die einen dynamischen Datenaustausch mit externen Diensten ermöglichen und den kollaborativen Charakter des Projekts unterstützen. Durch die Pflege der Codebasis in einer versionskontrollierten Umgebung gewährleistet das Projekt radikale Transparenz. Jede Änderung ist offen nachvollziehbar und überprüfbar, was eine Open-Source-Atmosphäre fördert, in der Community-Beiträge willkommen sind und die Website hochgradig portabel, sicher und performant bleibt.
ARTD CO2 Device 020 website

Typografie

Für „Missing Maps“ haben wir die Schriftart „Satoshi“ ausgewählt, um einen klaren und ausgewogenen visuellen Rhythmus zu schaffen. Ihre klaren, geometrischen Formen wirken zeitgemäß und bleiben dabei neutral und sehr gut lesbar, was sowohl die Übersichtlichkeit als auch die Zugänglichkeit fördert.
Missing maps mobile website

Farbpalette​

Die Benutzeroberfläche folgt einem hellen Designkonzept, bei dem Weiß als Hauptfarbe dient und eine Reihe farbenfroher Akzente gesetzt wird. Die meisten bestehenden Markenfarben wurden beibehalten und einheitlich eingesetzt, um die visuelle Vertrautheit zu bewahren.
Missing maps tablet

Projektleitung: Mia Pavlinovic
Webdesign: Leona Rega, Fanni Dedeyan
Website-Entwicklung: Monika Laurinaviciute