Websites

Maatwerk website laten maken

Een maatwerk website is een site die vanaf nul voor jouw bedrijf gemaakt is. De indeling, de schermen en het beheerscherm waarin je zelf teksten aanpast: allemaal getekend voor jou. Er ligt geen kant-en-klaar sjabloon onder. Wat er op de site staat, staat er omdat iemand besloten heeft dat het er moest staan.

Wat is een maatwerk website?

Het verschil merk je zodra je iets wil veranderen. Bij een gekocht sjabloon is elke afwijking een omweg. Er komt een uitbreiding bij, dat is een los stukje software van iemand anders. Of een regeltje code dat het sjabloon overstemt. Bij een maatwerk website vul je precies de vakjes in die op de pagina komen. Verder niets.

We bouwen op WordPress, het programma waarin je zelf je teksten en foto's beheert. Maar we gebruiken het als fundament, niet als kant-en-klaar huis. Jouw inhoud krijgt eigen vakjes, de vormgeving zit in onze eigen sjablonen, en een pagina laadt alleen de code die hij echt gebruikt. Daardoor is een maatwerk website merkbaar sneller.

Waarom een maatwerk website zichzelf terugbetaalt

Bij de start kost maatwerk meer dan een gekocht sjabloon. Je haalt het terug op vier plekken waar zo'n sjabloon jarenlang aan je trekt.

Hij is sneller, en blijft dat: Een gekocht sjabloon sleept de code mee voor honderd mogelijkheden, terwijl jij er vijf gebruikt. Wij laden per pagina alleen wat die pagina nodig heeft. Bezoekers zien hem sneller, en dat blijft zo als jij pagina's bijmaakt.

Een beheerscherm dat je snapt: De collega die de teksten bijhoudt ziet vakjes met namen die hij herkent, in de volgorde waarin hij ze invult. Geen blokken die je zelf recht moet duwen, dus ook geen pagina die per ongeluk scheef komt te staan.

Niet afhankelijk van uitbreidingen van vreemden: Elke uitbreiding is gemaakt door iemand anders. Die kan ermee stoppen, of er een gaatje in laten zitten waar een inbreker doorheen past. Wat wij zelf bouwen blijft van jou, ook als je later met een ander verdergaat.

Ook te gebruiken zonder muis: Je site moet ook werken voor iemand die slecht ziet of alleen het toetsenbord gebruikt. Dat zit in de opbouw: nette koppen, een zichtbaar randje om waar je bent, en genoeg kleurverschil. Beter dan een knopje dat je er achteraf overheen legt.

Voor wie is dit

Een maatwerk website is de moeite waard zodra je site meer moet doen dan laten zien wat je verkoopt. Herken je dit?

  • Je zit vast aan een gekocht sjabloon en elke aanpassing wordt een omweg
  • Er staan dertig uitbreidingen op je site en niemand weet nog welke waarvoor is
  • Je collega's durven geen pagina te maken, want de opmaak gaat dan zwerven
  • Je site is traag en dat komt door code die jij nooit besteld hebt
  • Je moet voldoen aan de toegankelijkheidsregels en dat lukt niet met wat je nu hebt

Wat je krijgt

  • Een eigen ontwerp in WordPress: geen gekocht sjabloon, geen geschuif met blokken
  • Eigen invulvakjes voor jouw soorten inhoud: nieuws, vacatures, projecten
  • Een ontwerp dat op een telefoon net zo klopt als op een breed scherm
  • Een site die ook werkt zonder muis en met een voorleesprogramma, met de meting erbij (WCAG 2.2 AA)
  • Een afspraak over hoe snel elke pagina moet laden, nagemeten voordat de site live gaat
  • Alle code, in een online kluis waar jij zelf bij kunt

Hoe we het bouwen

Eerst kijken wat je hebt. We beginnen bij je inhoud en niet bij een plaatje. Welke soorten pagina's zijn er, wie houdt ze bij en welke vakjes horen erbij. Dat lijstje bepaalt de opbouw, en dus de helft van de bouwtijd.

Dan tekenen. We maken de pagina's en de losse bouwstenen: knoppen, kaartjes, formulieren. Die verzameling heet een design system, en zorgt dat een nieuwe pagina er vanzelf uitziet als de rest. Je bekijkt het in je browser en niet als plaatje, dus je ziet meteen hoe het werkt.

Dan bouwen. Sjabloon voor sjabloon, en elk stuk zetten we op een testomgeving die alleen jij en wij kunnen zien. Bij elke wijziging draaien er automatische tests, zodat iets van vandaag niets van vorige maand sloopt.

Wat kost een maatwerk website?

Wat een maatwerk website kost hangt af van drie dingen: hoeveel verschillende soorten pagina's er zijn, hoeveel oude inhoud mee moet verhuizen, en of de site aan andere systemen geknoopt wordt.

Het aantal soorten telt zwaarder dan het aantal pagina's. Driehonderd nieuwsberichten in dezelfde vorm is minder werk dan tien pagina's die er allemaal anders uitzien. Daar valt dus op te sturen, en dat doen we in het eerste gesprek.

Daarna lopen er nog twee dingen door: de hosting en het onderhoud. Na een uur praten weet je waar je aan toe bent, en dat uur kost je niets.

Waarom Mediavisie Web

We bouwen sinds 2008 sites. Deze site is er zelf een voorbeeld van: eigen ontwerp, geen geschuif met blokken, en bij elke oplevering nagemeten of iemand zonder muis er ook doorheen komt.

Je krijgt alle code mee. Dat is in dit vak niet vanzelfsprekend. Stap je over, dan gaat je maatwerk website mee zoals hij is.

En we bouwen niet alleen de buitenkant. De koppelingen naar de systemen waar je gegevens in staan leggen we zelf, dus er zit geen tweede partij tussen als er iets hapert.

Waar je op moet letten

Nog één ding: maatwerk loont niet altijd. Heb je een site van tien pagina's die vooral moet bestaan, dan is een standaard website op een goed fundament goedkoper en net zo snel klaar. Dat zeggen we in het eerste gesprek, en niet nadat we een offerte voor een maatwerk website hebben gestuurd.

Klap ze open

Wat er onder je site zit

Van boven naar beneden: wat je ziet, waar het in staat, hoe het gebouwd is en waar het op draait. Klik een laag aan.

  1. Teksten, beelden en pagina's, beheerd door jou. Alleen de velden die je echt invult, geen bouwer met honderd knoppen.

De techniek eronder

Alle techniek

Waar we het mee bouwen.

  • Fundament

    WordPress

    Als fundament, niet als eindproduct. Eigen contenttypes en eigen sjablonen, geen gekocht thema eroverheen.

  • Taal

    PHP

    De taal waarin het grootste deel van onze achterkant draait. Sinds versie 8 met types, en dat scheelt fouten.

  • Bouwstap

    esbuild

    Bundelt de voorkant per sjabloon, zodat een pagina alleen laadt wat hij nodig heeft. De hele bouw duurt milliseconden.

  • Beweging

    GSAP

    Voor animatie die iets uitlegt in plaats van iets opvult. Respecteert de instelling voor minder beweging.

  • Beweging

    Lenis

    Rustiger scrollen zonder het scrollgedrag van de browser te breken. Uit zodra iemand minder beweging heeft ingesteld.

  • Netwerk

    Cloudflare

    Ervoor als schild en als versneller. Vangt aanvallen af en levert bestanden vanaf een punt bij je bezoeker in de buurt.

  • Meten

    Lighthouse

    Meet snelheid, toegankelijkheid en techniek per pagina. Draait bij ons automatisch mee, niet één keer bij oplevering.

Werkwijze

Hoe we het aanpakken.

Van het eerste gesprek tot doorbouwen na livegang. Vier fases, en je weet bij elke fase wat er af is en wat er nog komt.

  1. 1 tot 2 weken

    Uitzoeken

    Wat er moet komen en wat er al ligt

    We brengen in kaart welke systemen mee moeten, wie het straks beheert en waar het vorige traject op vastliep. Daar komen de uitzonderingen boven water die later de planning bepalen.

    Lees verder over Uitzoeken
  2. Eén week

    Afbakenen

    Van wensenlijst naar een plan met een prijs

    We knippen het werk in stukken die los opgeleverd kunnen worden, en zetten er een prijs en een volgorde op. Daarbij spreken we af wat er in de eerste versie zit en wat later komt.

    Lees verder over Afbakenen
  3. 6 tot 12 weken

    Ontwerpen en bouwen

    Eerst de schermen, dan de techniek eronder

    Je kijkt vanaf de eerste week mee op een testomgeving. We leveren in rondes op, te beginnen met het deel dat het meeste werk uit handen neemt, zodat je stuurt op wat je ziet.

    Lees verder over Ontwerpen en bouwen
  4. Doorlopend

    Doorbouwen

    Na livegang begint het pas

    Updates, bewaking en nieuwe functies, met een vast aanspreekpunt dat je project kent. We meten wat er gebruikt wordt, en dat bepaalt waar we het volgende kwartaal aan werken.

    Lees verder over Doorbouwen

Veelgestelde vragen

Iets anders vragen
Wanneer is maatwerk nodig en wanneer niet?

Zodra je eigen data, rollen of processen in de site zitten. Gaat het om pagina's, nieuws en formulieren, dan is een standaard website sneller en goedkoper, en net zo goed.

Zit ik daarna aan jullie vast?

Nee. De code is van jou en staat in je eigen repository. We leveren op met documentatie, zodat een andere partij het kan overnemen.

Wij werken onder andere voor

Aan de slag

Iets te bouwen?

Vertel wat er moet komen. We denken mee over techniek, haalbaarheid en wat het kost, ook als het plan nog niet rond is.

Een project bespreken
Ontdek jouw mediavisie