Wird geladen
Zum Inhalt springen
Mellon

civic-tech-design · web-design

Messpunkt Deutschland - Webdesign für ein Civic-Tech-Unternehmen im Infrastrukturbau

Messpunkt Deutschland ist die deutsche Edition unseres fiktiven Bau- und Geodatenunternehmens mit Sitz in Berlin.

Messpunkt Deutschland - Webdesign für ein Civic-Tech-Unternehmen im Infrastrukturbau

Messpunkt Deutschland ist die deutsche Edition unseres fiktiven Bau- und Geodatenunternehmens mit Sitz in Berlin. Dieselben Templates wie in den USA, aber durch und durch deutsch: Straßenbauverwaltungen der Länder statt State DOTs, Projekte am A-9-Korridor und in Sachsen, Haushaltsmittel statt Bond Measures, formelles Sie und ein sachliches Bauhaus-Design.

Projektdaten

  • Kunde: Messpunkt GmbH, Berlin (fiktiv)
  • Branche: Tiefbau, Infrastrukturbau und Geodaten-Software
  • Märkte: Hauptsitz Berlin, Projekte in allen 16 Bundesländern
  • Leistungen: Marktlokalisierung · Copywriting · Markenanpassung · Webdesign für Civic Tech · Barrierefreiheit (WCAG 2.2 AA) · SEO-Grundlagen
  • Templates: 8 Seitentemplates, geteilt mit jeder Messpunkt-Edition
  • Technik: Handgeschriebenes HTML, CSS und JavaScript; eine Textdatei und ein Theme pro Markt

Das Briefing

Eine Infrastruktur-Website, die wie eine deutsche Ingenieurgesellschaft spricht

Behörden, Ingenieurbüros und Baukonzerne erwarten Präzision, nicht Pathos. Die deutsche Edition ersetzt jede Behörde, jeden Ort und jeden Fachbegriff: Tachymeter, RTK-Genauigkeit und Maschinensteuerung, Landesbetriebe für Straßenbau, Finanzierung aus dem Landeshaushalt und eine Ansprache, die durchgehend beim Sie bleibt.

Messpunkt Deutschland: Das Briefing

Gestaltet für Deutschland

Was sich zwischen der US-Edition und dieser wirklich ändert

  • Hauptsitz - US-Edition: Golden, Colorado · Deutschland: Berlin, Projektbüro Leipzig
  • Projekte - US-Edition: I-70 Corridor, Juniper Valley, Cedar River Crossing · Deutschland: A-9-Korridor in Bayern, Projekte in Sachsen, Flensburg und Rosenheim
  • Behörden - US-Edition: State DOTs, OSHA, EPA, FEMA · Deutschland: Straßenbauverwaltungen der Länder, Berufsgenossenschaften, Umweltbundesamt
  • Finanzierung - US-Edition: Bond Measures · Deutschland: Haushaltsmittel des Landeshaushalts
  • Fachsprache - US-Edition: Total station, RTK accuracy, machine control · Deutschland: Tachymeter, RTK-Genauigkeit, Maschinensteuerung
  • Recht - US-Edition: US-Datenschutzrechte der Bundesstaaten · Deutschland: DSGVO, TDDDG, Impressum
  • Stil - US-Edition: Waldtinte, Betonpapier, Vermessungsorange; Fraunces + Public Sans · Deutschland: Schwarz-Weiß mit Signalorange; Space Grotesk + Inter, keine Rundungen
Messpunkt Deutschland: Gestaltet für Deutschland

Markenanpassung

Dasselbe Messpunkt, mit lokalem Akzent

Die deutsche Edition folgt dem Bauhaus: Schwarz und Weiß tragen die Oberfläche, ein einziges Signalorange markiert Aktionen, Ecken bleiben eckig. Space Grotesk gibt Überschriften eine technische Präzision, Inter hält Daten, Formulare und Tabellen nüchtern. Alle Farbpaare erfüllen WCAG AA. Die Wortmarke mit Vermessungsfadenkreuz bleibt unverändert.

Messpunkt Deutschland: Markenanpassung
Messpunkt Deutschland: Markenanpassung
Messpunkt Deutschland: Markenanpassung

Startseite und zentrale Seiten

Die Startseite öffnet mit deutscher Infrastruktur und dem Span-Versprechen für Landesbetriebe und Ingenieurbüros. Kennzahlen und Projektgeschichten wechseln zum A-9-Korridor und nach Sachsen. Der Regionsumschalter tauscht Orte, Preise und Behörden aus einer einzigen Konfigurationsdatei, ohne das gemeinsame Designsystem zu verlassen.

Messpunkt Deutschland: Startseite und zentrale Seiten
Messpunkt Deutschland: Startseite und zentrale Seiten

Recht, Barrierefreiheit und Vertrauen

  • Datenschutzerklärung nach DSGVO mit der Messpunkt GmbH als Verantwortlicher und Cookie-Einwilligung nach TDDDG mit gleichrangigem „Alle ablehnen“.
  • Vollständiges Impressum mit Handelsregister, Geschäftsführung und USt-IdNr.
  • Software-Bedingungen in Euro nach deutschem Recht; keine US-Behörden oder US-Datenschutzrechte.
  • Besteht die automatisierten WCAG-2.2-AA-Prüfungen auf jeder Seite bei 360, 390, 768 und 1440 px: keine Kontrastfehler, keine unerreichbaren Bedienelemente, kein horizontales Scrollen.
  • Ein Sprachumschalter auf Basis von hreflang sitzt auf dem Desktop im Header und auf dem Smartphone im Footer.

Ein System, zwölf Märkte

Jeder sichtbare Text liegt in einer Datei pro Markt, jede Farbe und Schrift in einem Theme. Diese Edition brauchte weder neue Templates noch neue Komponenten: Texte, ein Theme, regionale Fotografie und lokale Rechtstexte machen sie zu einem eigenen Markenerlebnis. Für ein Civic-Tech-Unternehmen mit internationalen Plänen wird ein neuer Markt so zum Content-Projekt statt zum Relaunch.

Lieferumfang

  • Marktprofil: Sprache, Formate, Recht und Saisonalität
  • Vollständig lokalisierte Texte für 8 Templates, Header, Footer und Formulare
  • Markenanpassung: Palette, Schriftpaarung und Logo-Zusatz
  • 37 regionale Fotos (Pexels, Quellen in credits.json)
  • Datenschutzerklärung und lokale Rechtstexte
  • Barrierefreiheit (WCAG 2.2 AA, automatisiert) und QA in vier Bildschirmbreiten
  • Portfoliomedien: Screenshots, ganze Seiten, Scroll-Video, OG-Bild, Brand Board

FAQ

Was unterscheidet eine deutsche Civic-Tech-Website von einer amerikanischen?

Behörden heißen Landesbetriebe und Straßenbauverwaltungen, Preise stehen in Euro, die Ansprache ist formell, und Impressum, DSGVO und TDDDG sind Pflicht.

Kann ein Designsystem Deutschland und die USA bedienen?

Ja. Messpunkt teilt alle Templates; die deutsche Edition überschreibt Sprache, Orte, Behörden, Recht und Theme.

← Projekte

Projekt starten

Planen Sie etwas Ähnliches?

Erzählen Sie uns, was Sie vorhaben und wo Sie heute stehen. Wir sagen Ihnen offen, ob wir das richtige Studio dafür sind.

Oder schreiben Sie uns direkt an team@mellon.design

Mit dem Absenden stimmen Sie unserer Datenschutzerklärung.