Case: AG Bouwmanagement & Projecten

Website voor AG Bouwmanagement & Projecten

AG Bouwmanagement & Projecten uit Hardinxveld-Giessendam voert de regie over bouwprojecten en verzorgt met eigen vakmensen de afbouw. AG werkt voor particulieren, maar ook voor aannemers, projectontwikkelaars, woningcorporaties en VvE's in de Drechtsteden, de Alblasserwaard en Rivierenland. Voor Ahmet van AG hebben wij bij weCare Media de website ontworpen en gebouwd. Ook het domein en de e-mail zijn bij ons ondergebracht.

Wat AG nodig had

AG combineert twee dingen die je niet vaak bij één bedrijf ziet: de regie over een bouwproject én de afbouw zelf. De website moest beide helder uitleggen, voor een particulier die gaat verbouwen net zo goed als voor een woningcorporatie met een renovatieproject. Tegelijk moest de uitstraling passen bij zakelijke opdrachtgevers, en moest elke pagina uitkomen bij een aanvraag.

• Regie en afbouw duidelijk van elkaar gescheiden
• Een eigen pagina voor elk afbouwvak
• Uitstraling die past bij zakelijke opdrachtgevers
• Vooraf duidelijk hoe een project verloopt
• Betrouwbare e-mail op het eigen domein

Eerst ontworpen in Figma

Voordat we één regel code schreven, hebben we de website volledig in Figma ontworpen. Zo kon Ahmet de pagina's beoordelen zoals ze er straks echt uit zouden zien. Een andere kleur of een andere volgorde van blokken was in die fase nog een kleine aanpassing. Pas toen het ontwerp klopte, zijn we gaan bouwen.

Het ontwerp sluit aan op het logo van AG: een bijna zwarte basis met goud (#C3A062) als accentkleur. De koppen staan in Poppins, de lopende tekst in Instrument Sans. Kleine labels in IBM Plex Mono, met een maatlijntje ervoor, en hoekmarkeringen rond de foto's geven de site de uitstraling van een bouwtekening. De website draait op een eigen thema, gebouwd vanuit het Figma-ontwerp. Er is geen kant-en-klaar template gebruikt. Ook de lettertypes staan op de eigen server, dus bezoekers laden niets van Google Fonts.

• Volledig ontwerp in Figma, vooraf beoordeeld
• Kleuren en lettertypes afgeleid van het logo
• Eigen thema, geen template
• Lettertypes op de eigen server

Twee diensten, één heldere opbouw

De website is opgebouwd rond de twee diensten van AG. Bouw- & projectmanagement heeft één uitgebreide pagina met alle acht onderdelen, van haalbaarheid en budget tot oplevering en nazorg. De afbouw heeft een overzichtspagina met daaronder een eigen pagina voor elk vak: wanden, plafonds, vloeren, tegelwerk, schilderwerk, stucwerk, gipsafwerking en spackspuitwerk. Elk vak kan zo op zijn eigen zoekwoorden gevonden worden, en wie alleen stucwerk zoekt, hoeft niet door de rest te bladeren.

Op de homepage staat de werkwijze in vijf fases: kennismaking, plan en begroting, voorbereiding, uitvoering en oplevering. Een opdrachtgever weet daardoor vooraf wat hij per fase kan verwachten. Daaronder legt de site per type opdrachtgever uit wat AG voor hem doet, van particulieren tot vastgoedeigenaren.

Elke pagina heeft een eigen title en meta description. In de code staan de bedrijfsgegevens van AG als structured data (Schema.org) en de veelgestelde vragen zijn als FAQ gemarkeerd. Zo begrijpen Google en AI-zoekmachines precies wat AG doet en in welke regio.

E-mail via Postmark

Domein, hosting en e-mail van AG staan bij weCare Media. De mailboxen draaien op onze eigen mailserver, de uitgaande mail loopt via Postmark: een dienst die zich alleen bezighoudt met het afleveren van e-mail. Voor een bedrijf dat zijn offertes per mail verstuurt, is dat geen detail. Een offerte die in de spammap van een opdrachtgever belandt, is een gemiste opdracht.

We hebben het domein van AG in Postmark ingesteld met een eigen Return-Path op het domein van AG (pm-bounces.agbouwmp.nl). Ontvangende mailservers zien daardoor dat het verzendadres bij de afzender hoort. Meldingen over mail die niet aankomt, worden door Postmark verwerkt, en wij zien per bericht of het is afgeleverd. Zegt een opdrachtgever dat hij niets heeft ontvangen, dan zoeken we dat direct voor Ahmet uit.

Het contactformulier vraagt naast de contactgegevens ook om een onderwerp: een offerte, bouw- en projectmanagement, afbouw of een algemene vraag. Spam houden we tegen met reCAPTCHA en een verborgen honeypot-veld.

Functionaliteiten

Een overzicht van wat er op de website van AG zit:

• Ontwerp op maat in Figma, gebouwd als eigen thema
• Dienstpagina voor bouw- & projectmanagement
• Overzichtspagina plus acht pagina's voor de afbouwvakken
• Werkwijze in vijf fases
• Projectenoverzicht met filter op dienst
• Veelgestelde vragen, gemarkeerd als FAQ voor Google
• Bedrijfsgegevens als structured data (Schema.org)
• Contactformulier met onderwerpkeuze en spambeveiliging
• Uitgaande e-mail via Postmark
• Volledig responsive

De homepage en de dienstpagina op mobiel:

Het resultaat

AG heeft een website die in een paar seconden laat zien wat het bedrijf doet en voor wie. Regie en afbouw hebben elk een eigen plek, elk afbouwvak heeft een eigen pagina en opdrachtgevers lezen vooraf hoe een project verloopt. Website, domein en e-mail lopen via één partij.

Op 26 oktober 2026 hebben we de homepage gemeten met Google PageSpeed Insights (mobiel). De scores: 94 voor prestaties, 100 voor toegankelijkheid, 100 voor SEO en 96 voor praktische tips. De opmaak verspringt tijdens het laden niet (CLS 0).

Wil jij ook eerst precies zien hoe je nieuwe website wordt, voordat er gebouwd wordt? Op onze pagina website laten maken lees je hoe we werken en wat het kost.

De dienstpagina voor bouw- & projectmanagement:

Regie en afbouw naast elkaar op de homepage: