Website voor een bouwbedrijf

Het is een complete site van vijf pagina's, plus een eigen foutpagina voor links die niet meer bestaan. Alles is met de hand gebouwd, zonder thema en zonder onderdelen die van een andere server geladen worden.

• Pagina's Home, diensten, projecten, over ons en contact. De vier pagina's die niet zelf de contactpagina zijn, eindigen met het telefoonnummer en de offerteknop op een donker vlak.
• Offerte Een formulier met naam, e-mail, telefoon (optioneel), een keuzelijst voor het soort werk en ruimte om het plan te beschrijven. Bij livegang koppel ik dat aan een verzenddienst die de aanvraag doorstuurt naar de mailbox van het bedrijf.
• Werkgebied Een werkgebiedkaart die ik zelf als SVG getekend heb: percelen met de rivier er dwars doorheen, en een marker per plaats. Ernaast een register met de plaatsnamen en de rijtijd erachter.
• Projecten Vier projecten in ongelijke blokken, elk met de plaats erbij en een verhaal over wat er precies gedaan is.
• Vragen De veelgestelde vragen staan open op de dienstenpagina, niet in uitklapbalkjes. Lezen zonder eerst te klikken.

De kaart is bewust geen ingesloten Google-kaart. Zo'n embed maakt de pagina zwaarder en haalt bij elk bezoek gegevens op bij een ander bedrijf, terwijl bezoekers alleen willen zien of hun dorp erbij hoort.

Het palet komt van het rivierenland vanuit de lucht in de zomer. Gedempt rivierblauw (#2c5266) is het water en draagt alle actie: knoppen, links, de markers en de rivier op de kaart. Zand en riet zijn de oevers en blijven grafisch. Wit is de basis, omdat het daar buiten licht is.

Voor de koppen koos ik Petrona, een serif met stevige, weinig sierlijke schreven. Groot gezet geeft dat karakter zonder dat het deftig wordt, en dat is precies de toon die een bouwbedrijf nodig heeft: geworteld, niet chic. De lopende tekst staat in Public Sans, een letter die ontworpen is voor overheidscommunicatie. Nuchter dus, gemaakt om lang gelezen te worden, en hij houdt zich stil naast de koppen. Allebei de fonts staan als bestand op de site zelf, dus er gaat niets naar een lettertypedienst.

De indeling volgt de luchtfoto letterlijk. Het rivierenland is verkaveld in ongelijke rechthoeken, dus de blokken op de pagina zijn dat ook: 7 op 5 of 8 op 4 kolommen, nooit netjes 6 om 6. De randen zijn haarlijnen van een pixel, zoals perceelgrenzen, in plaats van kaartjes met een slagschaduw eronder. Tussen twee hoofdstukken loopt een horizonlijn met een lage dijkglooiing erin, hooguit twee keer per pagina.

Beweging is er nauwelijks. Knoppen en blokken wisselen van kleur als je erover gaat, de tekst in de kop komt bij het laden een keer rustig in beeld, en verder blijft de pagina stil staan. Heb je in je systeem ingesteld dat je minder beweging wilt zien, dan valt ook dat laatste weg.

Alles wat je in de demo leest is verzonnen: het bedrijf, de dorpen, de rijtijden en de vier projecten. Bij een echte opdracht gaat daar niets van staan. De plaatsnamen in de kaart en het register worden jouw werkgebied, en de projecten worden jouw projecten.

De kleuren liggen ook niet vast. Rivierblauw en zand horen bij dit verzonnen bedrijf aan de Waal; werk jij in de bosrand of in de stad, dan kiezen we een palet dat daarbij past en reken ik het contrast opnieuw na. Wat een site als deze kost, staat op de prijzenpagina.