Laden
Ga naar de inhoud
Mellon

civic-tech-design · web-design

Peilmerk Nederland - webdesign voor een civictechbedrijf in de infrabouw

Peilmerk Nederland is de Nederlandse editie van ons fictieve bedrijf in civiele techniek en geodatasoftware, gevestigd in Amsterdam met een projectkantoor in Utrecht.

Peilmerk Nederland - webdesign voor een civictechbedrijf in de infrabouw

Peilmerk Nederland is de Nederlandse editie van ons fictieve bedrijf in civiele techniek en geodatasoftware, gevestigd in Amsterdam met een projectkantoor in Utrecht. Dezelfde templates als in de VS, maar door en door Nederlands: Rijkswaterstaat en provinciale wegbeheerders in plaats van State DOTs, projecten langs de A2 en in Groningen, kilometers en meters, en een gedurfd, plat grafisch ontwerp.

Projectgegevens

  • Klant: Peilmerk B.V., Amsterdam (fictief)
  • Sector: Civiele techniek, infrabouw en geodatasoftware
  • Markten: Hoofdkantoor Amsterdam, projecten van Groningen tot Rotterdam
  • Diensten: Marktlokalisatie · Copywriting · Merkaanpassing · Webdesign voor civic tech · Toegankelijkheid (WCAG 2.2 AA) · SEO-basis
  • Templates: 8 paginatemplates, gedeeld met elke Peilmerk-editie
  • Techniek: Handgeschreven HTML, CSS en JavaScript; één tekstbestand en één thema per markt

De opdracht

Een infrasite die praat als Rijkswaterstaat

Opdrachtgevers in de Nederlandse infra willen het direct en zonder franje. De Nederlandse editie vervangt elke instantie, plek en eenheid: Rijkswaterstaat, provinciale wegbeheerders, gemeentelijke begrotingen, RTK-nauwkeurigheid in meters, en een toon die je gewoon met je aanspreekt.

Peilmerk Nederland: De opdracht

Ontworpen voor Nederland

Wat er echt verandert tussen de Amerikaanse editie en deze

  • Hoofdkantoor - Amerikaanse editie: Golden, Colorado · Nederland: Amsterdam, projectkantoor Utrecht
  • Projecten - Amerikaanse editie: I-70 Corridor, Juniper Valley, Cedar River Crossing · Nederland: A2-corridor bij Utrecht, Groningen, Rotterdam
  • Instanties - Amerikaanse editie: State DOTs, OSHA, EPA, FEMA · Nederland: Rijkswaterstaat, provinciale wegbeheerders, Nederlandse Arbeidsinspectie
  • Financiering - Amerikaanse editie: Bond measures · Nederland: Gemeentelijke en provinciale begrotingen
  • Eenheden - Amerikaanse editie: Feet, miles · Nederland: Meters, kilometers
  • Juridisch - Amerikaanse editie: Amerikaanse privacyrechten per staat · Nederland: AVG, Autoriteit Persoonsgegevens, KvK
  • Stijl - Amerikaanse editie: Bosinkt, betonpapier, landmeetoranje; Fraunces + Public Sans · Nederland: Oranje, kobaltblauw en zwart op wit; Archivo, geen afgeronde hoeken
Peilmerk Nederland: Ontworpen voor Nederland

Merkaanpassing

Hetzelfde Peilmerk, met een lokaal accent

De Nederlandse editie kiest voor gedurfd grafisch ontwerp: vlakke kleurvlakken in oranje en kobaltblauw op wit, zwart voor tekst en donkere panelen, en geen afgeronde hoeken. Archivo draagt koppen en tekst, groot en direct. Alle combinaties halen WCAG AA. Het woordmerk met landmeetkruis blijft ongewijzigd.

Peilmerk Nederland: Merkaanpassing
Peilmerk Nederland: Merkaanpassing
Peilmerk Nederland: Merkaanpassing

Homepage en belangrijkste routes

De homepage opent met Nederlandse infrastructuur en de belofte van Span voor Rijkswaterstaat en provincies. Kerncijfers en verhalen verhuizen naar de A2-corridor, Groningen en Rotterdam. De regiokiezer wisselt plaatsen, prijzen en instanties vanuit één configuratiebestand, binnen hetzelfde designsysteem.

Peilmerk Nederland: Homepage en belangrijkste routes
Peilmerk Nederland: Homepage en belangrijkste routes

Regelgeving, toegankelijkheid en vertrouwen

  • Privacyverklaring onder de AVG met Peilmerk B.V. als verwerkingsverantwoordelijke en klachtroute naar de Autoriteit Persoonsgegevens.
  • Cookiemelding met 'Alles weigeren' even prominent als 'Alles accepteren'.
  • Footer met KvK- en btw-nummer; geen Amerikaanse toezichthouders of privacyrechten.
  • 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 civictechbedrijf 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 8 templates, header, footer en formulieren
  • Merkaanpassing: palet, lettertypes en logotoevoeging
  • 37 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

FAQ

Wat is het verschil tussen een Nederlandse en een Amerikaanse civictechsite?

Instanties worden Rijkswaterstaat en provincies, eenheden zijn metrisch, prijzen in euro's en de juridische teksten volgen de AVG.

Kan één designsysteem Nederland en de VS bedienen?

Ja. Peilmerk deelt alle templates; de Nederlandse editie overschrijft taal, plaatsen, instanties, juridische teksten en thema.

← Projecten

Start een project

Iets vergelijkbaars in gedachten?

Vertel ons wat je bouwt en waar je nu staat. We zeggen je eerlijk of wij de juiste studio zijn.

Of mail ons direct op team@mellon.design

Door dit bericht te versturen ga je akkoord met ons Privacybeleid.