Bouwblok Nederland - webdesign voor een modulaire laptop

Bouwblok Nederland is een fictief consumentenelektronicamerk uit Amsterdam en een conceptproject van Mellon. Dezelfde templates als elke Bouwblok-editie, maar volledig Nederlands: je-vorm, prijzen in euro incl. btw, twee jaar wettelijke garantie, een US-International-toetsenbord als standaard, PostNL en Wecycle.

Projectgegevens

• Klant: Bouwblok Devices B.V. (fictief, conceptproject)
• Sector: Consumentenelektronica: modulaire, repareerbare laptops
• Markten: Nederland, met Amsterdam als thuisbasis
• Diensten: Marktlokalisatie · Copywriting · Merkaanpassing · E-commerce webdesign voor elektronica · Toegankelijkheid (WCAG 2.2 AA) · SEO-basis
• Templates: 13 paginatemplates, gedeeld met elke Bouwblok-editie
• Techniek: Next.js (statische export), React en Tailwind CSS; één regiopakket (teksten, data, alt-teksten) en één thema per markt

De opdracht

Direct, grafisch en nuchter

Nederlandse kopers willen weten wat een apparaat kost, hoe lang het meegaat en of ze het zelf kunnen repareren. De teksten zijn opnieuw geschreven, niet vertaald: van de configurator tot de reparatiehandleiding, in de directe je-vorm die bij Nederlandse merken past. Prijzen staan in euro incl. btw, de garantie is twee jaar wettelijk, en inruilen of recyclen loopt via PostNL en Wecycle.

Ontworpen voor Nederland

Wat er echt verandert tussen de Amerikaanse editie en deze

• Verhaal - Amerikaanse editie: Amerikaanse markten en dollars · Nederland: Nederland, gevestigd aan de Danzigerkade in Amsterdam
• Prijzen - Amerikaanse editie: $ bedragen · Nederland: EUR incl. btw; gratis verzending vanaf € 89 (voorbeeld)
• Garantie - Amerikaanse editie: Standaard garantie · Nederland: 2 jaar wettelijke garantie, uit te breiden naar 3 jaar
• Toetsenbord - Amerikaanse editie: Standaardindeling · Nederland: US-International (ANSI) als standaard in NL
• Verzending - Amerikaanse editie: Regionale bezorging · Nederland: PostNL-verzendlabel voor inruil
• Recyclen - Amerikaanse editie: Lokale recycling · Nederland: Wecycle naar erkende recyclers
• Formulieren - Amerikaanse editie: ZIP en Amerikaanse notatie · Nederland: Postcode zoals 1013 AP, telefoon zoals 020 555 0173
• Juridisch - Amerikaanse editie: Amerikaanse voorwaarden · Nederland: Privacy, cookie-instellingen en algemene voorwaarden in de footer
• Stijl - Amerikaanse editie: Grafiet, circuitgroen, elektrisch limoen · Nederland: Wit, zwart, oranje en blauw; Archivo, vlakke kleurvlakken en rechte hoeken

Merkaanpassing

Hetzelfde Bouwblok, met een lokaal accent

Zwart en wit dragen de basis, diep oranje voert de accenten en felblauw kleurt de cursieven; op donker is het oranje licht genoeg voor contrast. Archivo in brede, grafische koppen geeft de site een uitgesproken Nederlandse uitstraling: vlakke kleurvlakken, rechte hoeken, geen franje. Het logo krijgt de toevoeging Nederland.

Homepage, configurator en marketplace

De homepage opent met een donkere hero en een modulaire laptop: Laptops om open te maken, te repareren en te houden. Daarna volgen de modelfamilies, de onderdelenwinkel en de reparatiehandleidingen. De meest kenmerkende flow is de configurator: kies een DIY Edition of een kant-en-klaar model, dan processor, geheugen, opslag en poortkaarten. Het totaal loopt live mee, de poortsleuven vullen zichtbaar en een plakkende balk houdt In winkelwagen binnen bereik.

Regelgeving, toegankelijkheid en vertrouwen

• Privacyverklaring met cookie-instellingen in de footer, zonder cookiewall.
• Algemene voorwaarden van Bouwblok Devices B.V. (fictief) met een demo-KvK- en btw-nummer.
• Twee jaar wettelijke garantie, bovenop de fabrieksgarantie; inruil en recycling via Wecycle.
• 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 regiopakket per markt (teksten, data en alt-teksten), elke kleur en elk lettertype in één thema. Voor deze editie waren geen nieuwe templates of componenten nodig: een regiopakket, een thema, lokale data en juridische teksten maken er een eigen merkbeleving van. Voor een hardwaremerk 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 13 templates, header, footer en formulieren
• Merkaanpassing: palet, lettertypes en logotoevoeging
• 0 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