Offerte website maken: zo prijst en schrijft u ze (met voorbeeld)

Een goede offerte voor webdesign begint met een kort intakegesprek en deelt het project daarna op in duidelijke fases: analyse en strategie, ontwerp, ontwikkeling, content, SEO-basis en lancering, met hosting en onderhoud als aparte terugkerende post. Elke fase krijgt eigen offerteregels met aantallen, prijzen en wat inbegrepen is, gevolgd door het aantal feedbackrondes, een betalingsschema en een geldigheidsdatum. Twee of drie pakketten aanbieden in plaats van één prijs maakt het de klant makkelijker om ja te zeggen.

Deze gids loopt elke stap door: wat u vraagt voordat u iets prijst, hoe u een prijsmethode kiest, hoe u de offerte opbouwt, en een uitgewerkt voorbeeld voor de website van een klein bedrijf. Of u nu zelfstandig ontwerper bent of een kleine studio hebt, dezelfde opbouw werkt. Wilt u eerst een algemene checklist, lees dan wat er in een offerte moet staan.

Verzamel de vereisten voordat u een offerte maakt

De meeste websiteprojecten die over budget gaan, waren te laag geprijsd, niet slecht uitgevoerd. De oorzaak is meestal een vraag die aan het begin niet gesteld werd: niemand vroeg wie de teksten schrijft, hoeveel talen de site nodig heeft of of het boekingssysteem met een bestaande tool moet praten. Een intakegesprek van twintig minuten, of een korte vragenlijst, voorkomt dat u moet gokken.

Vragen voor het intakegesprek

• Doelen: wat moet de website bereiken? Meer aanvragen, online boekingen, verkoop, rekrutering, geloofwaardigheid?
• Doelgroep: wie bezoekt de site en wat moeten die bezoekers snel kunnen vinden?
• Pagina's en structuur: hoeveel pagina's ongeveer, en welke hebben een unieke lay-out en welke herhalen hetzelfde sjabloon?
• Content: wie schrijft de teksten en levert de foto's aan? Wordt bestaande content overgezet, en hoeveel?
• Functionaliteit: contactformulieren, een blog, boekingen, een webshop, een ledenzone, koppelingen met tools die ze al gebruiken?
• Talen: één taal of meerdere? Meertalige sites vragen extra ontwerp-, bouw- en contentwerk.
• Huisstijl: is er een logo en een stijlgids, of moet dat eerst gemaakt worden?
• Platform: heeft de klant een voorkeur voor een CMS, of wil hij de site zelf kunnen aanpassen?
• Planning: is er een harde deadline, zoals een lanceringsevent of campagne?
• Budget: hebben ze een bandbreedte in gedachten? Er open naar vragen voorkomt dat u een pakket ontwerpt dat niemand kan betalen.
• Beslissers: wie keurt het ontwerp goed, en wie ondertekent de offerte?

Kies een prijsmethode

Er is geen enige juiste manier om een website te prijzen. De meeste ontwerpers en bureaus gebruiken een van vier methodes, of een mix ervan.

Voor de website van een klein bedrijf is een vaste prijs opgebouwd uit duidelijke offerteregels vaak het makkelijkst voor de klant om goed te keuren: hij weet wat hij betaalt en ziet waar het geld naartoe gaat. Achter de schermen kunt u elke regel nog altijd berekenen op basis van een geschat aantal dagen aan uw tarief. Vergeet alleen niet een buffer toe te voegen voor projectmanagement, vergaderingen en feedbackrondes, die makkelijk vergeten worden en zelden klein zijn.

Bouw de offerte op per fase

Deel het project op in fases die aansluiten bij hoe u echt werkt. Klanten vertrouwen prijzen die ze kunnen volgen, en aparte regels laten hen de omvang bijsturen in plaats van om korting op het totaal te vragen.

1. 1Analyse en strategie: kick-offworkshop, doelen, sitemap, paginastructuur en, indien nodig, wireframes.
2. 2Ontwerp: visueel ontwerp van de homepage en elk uniek paginasjabloon, voor desktop en mobiel, met een vast aantal feedbackrondes.
3. 3Ontwikkeling: de sjablonen bouwen in het gekozen CMS, responsief gedrag, formulieren en eventuele specifieke functionaliteit zoals een blog of boekingstool.
4. 4Content: content invoeren of overzetten, en copywriting of fotografie als u dat aanbiedt. Zeg het duidelijk wanneer content de verantwoordelijkheid van de klant is.
5. 5SEO-basis: paginatitels en metabeschrijvingen, nette URL's, redirects vanaf de oude site, basiscontroles van de snelheid en het indienen van een sitemap. Houd de formulering bescheiden; dit is een fundament, geen doorlopende SEO-campagne.
6. 6Lancering: testen in verschillende browsers en op verschillende toestellen, livegang en een korte opleiding zodat de klant de site zelf kan bijwerken.
7. 7Hosting en onderhoud: een terugkerende maandelijkse of jaarlijkse post voor hosting, updates, back-ups en kleine wijzigingen. Houd die apart van de eenmalige projectprijs.

offinal.com/q/7hX2kP

UX & visueel ontwerp€ 2.400

Wireframes, prototypes en een volledig designsysteem.

Ontwikkeling€ 4.800

Responsieve bouw, CMS-installatie en prestatie-optimalisatie.

Lancering & training€ 900

Ondersteuning bij livegang en een praktische teamworkshop.

In een PDF moet u voortdurend kiezen tussen detail en leesbaarheid. Met interactieve offerteregels houdt u het overzicht kort en laat u de klant per regel de volledige omschrijving, een screenshot van een eerder ontwerp of een voorbeeldwireframe openen.

Een uitgewerkt voorbeeld: website voor een klein bedrijf

Hier is een voorbeeldofferte voor een lokale kinesitherapiepraktijk die een nieuwe website wil met ongeveer acht pagina's, een contactformulier en een eenvoudige blog. De klant levert de teksten en foto's aan. De prijzen hieronder zijn alleen een illustratie van de opbouw, geen marktgegevens. Tarieven verschillen sterk per land, ervaring en type klant, dus gebruik uw eigen cijfers.

Een paar dingen laten dit voorbeeld werken. De regels voor ontwerp en ontwikkeling worden per sjabloon geteld, niet per pagina, zodat de klant begrijpt waarom acht pagina's geen acht keer zoveel kosten. De feedbackrondes staan in de offerteregel zelf. Copywriting staat niet op de lijst, en de aanname dat de klant de content aanlevert, wordt vermeld. Hosting staat apart als terugkerende optie, zodat ze de projectprijs niet opblaast en de klant ze al dan niet kan kiezen. Het btw-tarief is een voorbeeld voor een Belgische zakelijke klant; pas het tarief en de behandeling toe die bij uw situatie passen.

Bied drie pakketten aan in plaats van één prijs

Eén prijs nodigt uit tot een beslissing van ja of nee. Drie pakketten maken er een keuze tussen opties van, en dat is een veel makkelijker gesprek. Voor het voorbeeld hierboven kunnen de pakketten er zo uitzien:

• Essentieel: tot vijf pagina's op twee sjablonen, contactformulier, SEO-basis, één feedbackronde.
• Standaard: de volledige offerte hierboven, met de blog, vier sjablonen en twee feedbackrondes.
• Compleet: alles uit Standaard plus copywriting voor de belangrijkste pagina's, een tweede taal en drie maanden onderhoud inbegrepen.

Maak van het middelste pakket het pakket dat u zou aanraden, en maak de verschillen makkelijk zichtbaar. Onze gids over goed-beter-best-prijzen legt uit hoe u de niveaus zo opbouwt dat ze de klant helpen beslissen in plaats van hem te verwarren. Met interactieve prijzen kiest de klant een pakket en vinkt hij optionele extra's aan, zoals onderhoud of een extra taal, terwijl het totaal meteen wordt bijgewerkt.

Feedbackrondes en scope creep in de hand houden

Websiteprojecten zijn bijzonder gevoelig voor scope creep, omdat klanten vaak pas beseffen wat ze willen wanneer ze het eerste ontwerp zien. Dat is normaal. De offerte moet gewoon duidelijk maken wat er dan gebeurt.

• Leg het aantal feedbackrondes vast per ontwerpfase, meestal twee, en definieer wat een ronde is: één gebundelde set feedback, geen stroom losse e-mails.
• Definieer wat een wijzigingsverzoek is. Nieuwe pagina's, nieuwe functionaliteit of een andere richting na goedkeuring van het ontwerp vallen buiten de afgesproken opdracht.
• Prijs extra werk vooraf. Vermeld uw tarief voor extra feedbackrondes of extra pagina's, bijvoorbeeld als uur- of dagtarief, zodat er later geen onderhandeling nodig is.
• Werk met goedkeuringsmomenten. Vraag een schriftelijke goedkeuring van de sitemap en de ontwerpen voordat de ontwikkeling start. Een ontwerp wijzigen in Figma is goedkoop; het wijzigen nadat het gebouwd is, niet.
• Maak een aparte offerte voor wijzigingen. Vraagt de klant iets nieuws, stuur dan een korte aanvullende offerte in plaats van het er stilletjes bij te nemen.

Leg een betalingsschema vast

Bij een project dat weken of maanden duurt, legt wachten op betaling tot de lancering al het risico bij u. Een schema op basis van mijlpalen is gebruikelijk en makkelijk uit te leggen:

Sommige ontwerpers vragen 50% vooraf, anderen verdelen de betaling bij grotere projecten over meer stappen. Wat u ook kiest, koppel elke betaling aan een mijlpaal die de klant herkent en vermeld de betalingstermijn op uw facturen. Voeg een regel toe over wat er gebeurt als het project aan de kant van de klant stilvalt, bijvoorbeeld dat u de volgende mijlpaal factureert na een vast aantal weken zonder feedback. Dit zijn commerciële keuzes, geen wettelijke vereisten; controleer uw eigen algemene voorwaarden, en vraag voor alles wat specifiek is voor uw land raad aan uw boekhouder of een juridisch adviseur.

Verstuur ze zo dat de klant kan kiezen en reageren

Een websiteofferte wordt zelden zonder vragen goedgekeurd. Kan de blog later worden toegevoegd? Zit de tweede taal in het onderhoud? Gaan die vragen via e-mail, dan raken de antwoorden zoek en bestaat de offerte uiteindelijk in meerdere versies.

Verstuurt u de offerte als link in plaats van als PDF, dan blijft alles op één plek. De klant kiest een pakket en opties, en kan via opmerkingen in de offerte iets vragen over een specifieke offerteregel. U antwoordt en past de offerte aan in hetzelfde gesprek, zodat iedereen de nieuwste versie ziet. Is de klant tevreden, dan keurt hij ze online goed. Onze gids over een offerte schrijven die klanten goedkeuren gaat dieper in op presentatie en timing.

Offinal is gebouwd voor precies dit soort offertes per project. Bekijk hoe het werkt voor bureaus en freelancers.