// case study · gewerbeimmobilien
GARBE.World.
Zum 60-jährigen Jubiläum hat GARBE seine Geschichte auf die Landkarte gebracht. garbe.world ist kein Imagefilm und keine Liste, sondern ein interaktives Karten-Portal: Projekte, Standorte und Storys werden als Reise über Europa erlebbar — vom Globus bis zum einzelnen Gebäude. Gebaut auf Statamic mit der Mapbox / OpenStreetMap-API.
- // client
- GARBE
- // branche
- Gewerbeimmobilien
- // launch
- 2025 · 60 Jahre
- // stack
- Statamic · Mapbox
// herausforderung
60 Jahre Firmengeschichte, hunderte Projekte, Standorte und Meilensteine über ganz Europa verteilt — und ständig kommen neue dazu. Wie erzählt man das, ohne dass es zur endlosen Liste wird? Die Antwort sollte sich anfühlen wie Entdecken, nicht wie Lesen.
- Ein lebendiges Jubiläums-Portal statt einer statischen Chronik
- Objekte, Standorte und Mitarbeiter-Storys räumlich erlebbar machen
- Inhalte redaktionell pflegbar — hunderte Einträge, ohne Entwickler
- Schnell, datenschutzkonform und auf jedem Gerät
// lösung · die karte
Vom Globus zum Gebäude.
Herzstück ist eine individuell gestaltete Karte auf Basis der Mapbox / OpenStreetMap-API. Über mindestens sechs Zoomstufen reist man von Europa über Deutschland bis nach Hamburg. Jedes Gebäude, jedes Projekt und jeder Meilenstein erscheint als individuelle SVG-Grafik — dicht beieinander liegende Pins fassen sich automatisch zu Clustern zusammen, GARBE-Standorte sind eigens markiert.
// lösung · storys & overlays
Hinter jedem Pin eine Geschichte.
Ein Klick auf einen Pin öffnet ein Overlay mit Objekt-, Standort- oder Mitarbeiterinformationen — aus Bild, Video und Text. Overlays lassen sich über die URL direkt anspringen und teilen, untereinander verlinken und über Filter und Kategorien gezielt eindampfen. Über „Storys entdecken" und die Suche findet man auch ohne Karte ans Ziel.
- 6 Zoomstufen
- Individuelle SVG-Pins
- Cluster & Standorte
- Deep-linkbare Overlays
- Filter & Kategorien
- ~300 Einträge redaktionell
// architektur
Die Inhalte verwaltet das Statamic-CMS: Redakteure pflegen Objekte, Storys und Standorte selbst — inklusive der Daten, die die Pins auf der Karte setzen. Das Tracking läuft datenschutzkonform über Matomo, die Auslieferung ist auf Performance getrimmt (statisches Caching, optimierte Ladezeiten), und die ganze Anwendung ist DSGVO- und TTDSG-konform inklusive Cookie-Richtlinie.
// leistungen
Was wir gemacht haben.
- Konzept & Wireframes
- UX/UI Design
- Statamic CMS
- Templating & Responsive
- Mapbox / OpenStreetMap
- Individuelle SVG-Grafiken
- Overlays & Storys
- Filter & Kategorien
- Matomo
- SEO
- PageSpeed
- DSGVO
// Etwas, das es so noch nicht gibt?
Karten, Storytelling, individuelle Tools — wir bauen das Besondere.