Harlow Deutschland — Webdesign für ein Maklerhaus aus Berlin

Harlow ist ein fiktives Maklerhaus mit 29 Standorten in 24 deutschen Märkten, von Sylt bis an den Tegernsee. Das Maklerhaus, das wir für die USA entworfen hatten, haben wir für Deutschland neu gedacht: eine Geschichte aus Berlin, deutsche Immobiliensprache in der Sie-Form, regionale Fotografie, ein sachliches Farb- und Schriftsystem sowie Impressum und Datenschutz nach deutschem Recht. Alles läuft auf demselben Designsystem wie die US- und die UK-Ausgabe.

Projektdaten

• Kunde: Harlow Immobilien GmbH (fiktiv, Portfoliokonzept)
• Branche: Wohnimmobilien, Premium-Segment
• Märkte: Berlin und 23 weitere Märkte in zwölf Bundesländern
• Leistungen: Marktlokalisierung · deutsches Texten · Markenanpassung · Webdesign für Immobilienmakler · Barrierefreiheit (WCAG 2.2 AA) · SEO-Grundlagen
• Templates: 9 Seitentemplates, gemeinsam mit der US- und UK-Ausgabe
• Technik: Handgeschriebenes HTML, CSS und Vanilla-JavaScript; eine Textdatei und eine Theme-Datei pro Markt

Die Aufgabe

Eine Maklerwebsite, die nach Berlin klingt und nicht nach übersetztem Amerikanisch

Viele „internationale“ Immobilienseiten sind schlicht übersetzt: Dollar werden zu Euro, und der Rest bleibt amerikanisch. Harlow wollte eine deutsche Ausgabe, die Käufer in Prenzlauer Berg für ein heimisches Maklerhaus halten. Dazu gehören die richtigen Begriffe (Zimmer, Kaltmiete, Altbau, Exposé, Off-Market), die richtigen Orte und eine Gestaltung, die zur Sachlichkeit des deutschen Markts passt.

Die drei Zielgruppen bleiben, ihre Fragen ändern sich:

• Käufer und Mieter suchen nach Kiez, U-Bahn-Linie und Quadratmeterpreis und möchten Angebote sehen, bevor sie auf den Portalen erscheinen.
• Verkäufer wollen verstehen, wie Harlow vermarktet, bevor sie eine Bewertung anfragen.
• Makler prüfen, ob sie ihr Geschäft zu Harlow mitbringen.

Gestaltet für Deutschland

Was sich zwischen der US- und der deutschen Ausgabe tatsächlich geändert hat

• Geschichte — US-Ausgabe: 27 US-Märkte, gegründet in Brooklyn · Deutsche Ausgabe: 24 deutsche Märkte, gegründet in Prenzlauer Berg
• Ansprache — US-Ausgabe: Locker, amerikanisch · Deutsche Ausgabe: Formelles Sie, sachlich und belegt
• Objektangaben — US-Ausgabe: 4 bd · 3.5 ba · 3,120 sq ft · Deutsche Ausgabe: 5 Zimmer · 2 Bäder · 286 m²
• Preise — US-Ausgabe: $4,850,000 · Deutsche Ausgabe: 2.450.000 €, Ø 7.850 €/m², Kaltmiete 17,40 €/m²
• Kiezführer — US-Ausgabe: West Village, Manhattan · Deutsche Ausgabe: Prenzlauer Berg mit Kollwitzplatz, Mauerpark und U2 Senefelderplatz
• Stadtübersicht — US-Ausgabe: 49 New Yorker Viertel · Deutsche Ausgabe: 49 Berliner Kieze von A bis Z, gefiltert nach Mitte & Nord, Ost & Süd, West
• Märkte — US-Ausgabe: Bundesstaaten · Deutsche Ausgabe: Bundesländer und Regionen: Brandenburg, Nordsee, Bayern, Allgäu …
• Recht — US-Ausgabe: Fair Housing, Datenschutzrechte je nach Bundesstaat · Deutsche Ausgabe: Impressum (fiktive Pflichtangaben), Datenschutzerklärung nach DSGVO, Nutzungsbedingungen
• Einwilligung — US-Ausgabe: Hinweisbanner · Deutsche Ausgabe: Opt-in-Banner, Alle ablehnen gleichwertig zu Alle akzeptieren
• Gestaltung — US-Ausgabe: Elfenbein, Bronze, Cormorant Garamond · Deutsche Ausgabe: Weiß, Schwarz, Signalorange, IBM Plex Serif + Plex Sans, eckige Formen
• Fotografie — US-Ausgabe: Manhattan, Miami, LA · Deutsche Ausgabe: Gründerzeitfassaden, Spree, Speicherstadt, Frauenkirche, Tegernsee

Die Texte wurden nicht übersetzt, sondern für den deutschen Markt neu geschrieben, von der Headline bis zum Kleingedruckten.

Markenanpassung

Dasselbe Harlow, aber sachlich

Die Markenidee bleibt: ein Maklerhaus wie ein gut geführtes Boutiquehotel, warm und selbstbewusst. Für Deutschland wird der Ausdruck klarer und reduzierter:

• Farbe. Weiß und Schwarz mit einem einzigen Signalorange als Akzent. Auf dunklen Flächen übernimmt ein helleres Orange, sodass jede Kombination WCAG AA erfüllt.
• Typografie. IBM Plex Serif in leichtem Schnitt für Headlines, IBM Plex Sans für Text und Interface: präzise und technisch, mit Anklängen an Bauhaus und Schweizer Grafik.
• Form. Eckige Buttons und Karten ohne Rundungen.
• Wortmarke. Die gesperrte Wortmarke HARLOW bleibt, der Zusatz lautet Immobilien.

Alles ist über Design-Tokens gelöst: Eine Theme-Datei steuert Farbe, Schrift und Form, kein Template wurde verändert.

Startseite

Erst die Suche, dann die Geschichte

Der Hero öffnet mit Berliner Gründerzeitfassaden: Finden Sie den Ort, der sich nach Zuhause anfühlt. Die Suche wechselt zwischen Kaufen, Mieten und Verkaufen und fragt nach Stadt, Kiez, Adresse oder PLZ. Darunter stehen Kennzahlen für den deutschen Markt: 7,4 Mrd. € Transaktionsvolumen, 860 Berater, 29 Standorte und 24 Märkte.

Die Angebote zeigen eine Altbau-Maisonette in Prenzlauer Berg, eine Villa an der Elbchaussee und ein Haus am Starnberger See. Die Städtekarten führen nach Berlin, Hamburg, München, Düsseldorf, Frankfurt am Main und Köln.

Kiezführer

Lokales Wissen, so erzählt, wie Berliner über ihren Kiez sprechen

Der Prenzlauer-Berg-Führer enthält:

• eine Einleitung zu Altbau, Stuck und grünen Höfen
• Eckdaten im deutschen Format: Ø Kaufpreis pro m², Ø Kaltmiete, Altbau-Verkäufe, Fahrzeit nach Mitte, nächste U-Bahn
• Merkmale wie Denkmalschutz und Wochenmärkte
• Lieblingsorte einer namentlich genannten Beraterin: Mauerpark, Kollwitzplatz, Kulturbrauerei, Kastanienallee
• Angebote in der Nähe, beschrieben wie in einem deutschen Exposé

Verkaufen und Anfragen

Die Bewertungsanfrage steht dort, wo die Absicht am größten ist

Die Verkaufsseite erklärt das dreistufige Verfahren (Harlow Private → First Look → öffentlicher Start) mit deutschen Argumenten: keine sichtbaren Preissenkungen, keine „verbrannte“ Immobilie, keine Massenbesichtigung. Erst danach folgt die kostenlose Bewertung.

Berater und Märkte

Verzeichnisse, die wirklich lokal klingen

Das Berliner Beraterverzeichnis filtert nach Mitte & Nord, Ost & Süd und West. Jede Spezialisierung nennt einen echten Kiez und Objekttyp (Kreuzberg · Gründerzeit, Neukölln · Kapitalanlage). Die Marktübersicht ordnet Harlow nach Bundesländern und Regionen, und der Ortswechsel führt von Berlin nach München.

Recht, Barrierefreiheit und Vertrauen

Deutsche Anforderungen sind Teil des Designsystems

• Cookie-Einwilligung. Strenges Opt-in, Alle ablehnen gleichwertig. Die 5 KB kleine Komponente wählt das Einwilligungsmodell je Markt automatisch.
• Impressum. Die US-Rubrik „Fair Housing“ wird zum Impressum mit allen Pflichtangaben, als Demo-Daten gekennzeichnet. Es ist aus dem Footer mit einem Klick erreichbar.
• Datenschutz. Die Datenschutzerklärung nach DSGVO nennt den Verantwortlichen, die Betroffenenrechte und das Beschwerderecht.
• Barrierefreiheit. Die deutsche Ausgabe besteht die automatisierten Prüfungen nach WCAG 2.2 AA auf jeder Seite bei 360, 390, 768 und 1440 px. Lange deutsche Komposita werden sauber getrennt statt überzulaufen.
• Sprachwahl. Eine aus hreflang erzeugte Auswahl steht am Desktop im Header und mobil im Footer.

Ein System, drei Märkte

Warum die Lokalisierung schnell ging und warum das für Kunden zählt

Jeder sichtbare Text liegt in einer Datei pro Markt, jede Farbe und Schrift in einer Theme-Datei. Für die deutsche Ausgabe waren keine neuen Templates und keine neuen Komponenten nötig. Texte, ein Theme, 21 regionale Fotos und die Rechtstexte machen daraus ein eigenes Markenerlebnis. Für ein Maklerhaus mit internationalen Plänen wird ein neuer Markt so zum Inhaltsprojekt statt zum Relaunch.

Mobil

Gestaltet für das Smartphone in der U2

Auf kleinen Bildschirmen bleiben im Header Logo und Menü; die Sprachwahl wandert in den Footer. Die Suche stapelt sich, Raster werden einspaltig, und die lange Headline bricht sauber um.

Leistungen

• Marktprofil Deutschland: Sprache, Formate, Recht, Saisonalität
• Vollständige deutsche Texte für 9 Templates inklusive Header, Footer und Formularen
• Markenanpassung: Farben, Schriften, Logozusatz
• 21 regionale Fotos (Pexels, Nachweise in credits.json)
• Rechtstexte: Impressum, Datenschutzerklärung, Nutzungsbedingungen (Demo)
• Barrierefreiheit (WCAG 2.2 AA, automatisiert geprüft) und QA in vier Bildschirmbreiten
• Portfoliomedien: Stills, Ganzseiten-Screenshots, Scroll-Video, OG-Bild, Brand Board