Harlow Nederland - webdesign voor een Amsterdamse makelaar

Harlow Nederland is een fictieve makelaar met 21 kantoren in 18 markten, van de grachten tot de kust. Dezelfde templates als elke Harlow-editie, maar volledig Nederlands: je-vorm, kamers en prijzen k.k., vierkante meters volgens NEN 2580, Funda, KvK- en btw-nummers, AVG en de Algemene wet gelijke behandeling.

Projectgegevens

• Klant: Harlow Makelaars B.V. (fictief)
• Sector: Woningmakelaardij
• Markten: Amsterdam en 17 markten in tien provincies
• Diensten: Marktlokalisatie · Copywriting · Merkaanpassing · Webdesign voor makelaars · Toegankelijkheid (WCAG 2.2 AA) · SEO-basis
• Templates: 9 paginatemplates, gedeeld met elke Harlow-editie
• Techniek: Handgeschreven HTML, CSS en JavaScript; één tekstbestand en één thema per markt

De opdracht

Direct, nuchter en lokaal

Nederlandse kopers zoeken op buurt, vergelijken kamers en vierkante meters en kennen het overbieden. De tekst is opnieuw geschreven, niet vertaald: van de Jordaan tot Wassenaar, van de waardebepaling tot de privébezichtiging, in de directe je-vorm die bij moderne Nederlandse merken past.

Ontworpen voor Nederland

Wat er echt verandert tussen de Amerikaanse editie en deze

• Verhaal - Amerikaanse editie: 27 Amerikaanse markten · Nederland: 18 Nederlandse markten, opgericht in de Jordaan
• Gids - Amerikaanse editie: West Village · Nederland: De Jordaan: Noordermarkt, Westerkerk, tramhalte Westermarkt
• Prijzen - Amerikaanse editie: $1,895,000 · Nederland: € 9.850 per m²; huur € 29 per m²; prijzen k.k. of v.o.n.
• Woningen - Amerikaanse editie: 4 bd · 3.5 ba · sq ft · Nederland: 6 kamers · 2 badkamers · 290 m²
• Juridisch - Amerikaanse editie: Fair Housing · Nederland: AVG en Autoriteit Persoonsgegevens, gelijke behandeling, KvK en btw in de footer
• Toestemming - Amerikaanse editie: Melding · Nederland: Opt-in zonder cookiewall, weigeren even makkelijk als accepteren
• Stijl - Amerikaanse editie: Ivoor, brons · Nederland: Wit, zwart, oranje en blauw; Instrument Serif + Archivo, vlakke vormen

Merkaanpassing

Hetzelfde Harlow, met een lokaal accent

Een diep oranje voert de interface, felblauw kleurt de cursieven, en op donker oranje-licht voor voldoende contrast. Instrument Serif en Archivo geven een eigenzinnige, grafische uitstraling in de traditie van Nederlands design: vlakke kleurvlakken, rechte hoeken. Het logo krijgt de toevoeging Makelaars.

Homepage en buurtgids

De homepage opent met een grachtenpand met trapgevel: Vind de plek die als thuis voelt. Steden: Amsterdam, Rotterdam, Utrecht, Den Haag, Haarlem en Eindhoven. De Jordaan-gids toont vraagprijs en huur per m², verkopen, fietstijd naar de Dam en de tramhalte Westermarkt.

Regelgeving, toegankelijkheid en vertrouwen

• Privacyverklaring volgens de AVG, met klachtrecht bij de Autoriteit Persoonsgegevens en zonder cookiewall.
• Verklaring gelijke behandeling op basis van de Algemene wet gelijke behandeling en de Wet goed verhuurderschap.
• Footer met (demo) KvK- en btw-nummer.
• Doorstaat de geautomatiseerde WCAG 2.2 AA-controles op elke pagina op 360, 390, 768 en 1440 px: geen contrastfouten, geen onbereikbare knoppen, geen horizontaal scrollen.
• Een taalkiezer, opgebouwd uit hreflang, staat op desktop in de header en op mobiel in de footer.

Eén systeem, twaalf markten

Elke zichtbare tekst staat in één bestand per markt, elke kleur en elk lettertype in één thema. Voor deze editie waren geen nieuwe templates of componenten nodig: teksten, een thema, lokale fotografie en de juridische teksten maken er een eigen merkbeleving van. Voor een makelaarsgroep met internationale plannen wordt een nieuwe markt zo een contentproject in plaats van een herbouw.

Opgeleverd

• Marktprofiel: taal, notaties, regelgeving en seizoenen
• Volledig gelokaliseerde teksten voor 9 templates, header, footer en formulieren
• Merkaanpassing: palet, lettertypes en logotoevoeging
• 21 lokale foto's (Pexels, bronnen in credits.json)
• Privacyverklaring en juridische teksten
• Toegankelijkheid (WCAG 2.2 AA, geautomatiseerd) en QA op vier schermbreedtes
• Portfoliomedia: stills, volledige pagina's, scrollvideo, OG-afbeelding, merkbord