Maatwerk website laten maken: van wireframe tot live

Wie een maatwerk website laat maken, koopt geen kant-en-klaar product. Je koopt een traject waarin keuzes worden gemaakt over structuur, inhoud en techniek. Dat traject is grotendeels voorspelbaar. Als je weet welke fases er zijn en wat er in elke fase van jou wordt verwacht, houd je grip op planning, budget en resultaat. Hieronder loop je stap voor stap door dat proces, van het eerste wireframe tot de dag dat de site live gaat.

Voordat er iets wordt getekend, ligt de vraag op tafel wat de site moet doen. Een offerteaanvraag genereren werkt anders dan producten verkopen of vertrouwen opbouwen bij een grote aanbesteding. Die doelstelling bepaalt de hele structuur. Een B2B-dienstverlener die drie hoofddiensten aanbiedt, heeft een fundamenteel andere sitemap nodig dan een vastgoedpartij met honderden objecten.

In deze fase leggen we de sitemap vast: welke pagina's er komen, hoe ze onderling verbonden zijn en welke pagina de bezoeker naar een actie leidt. We kijken ook naar de bestaande data. Heb je al analytics, formulierresultaten of zoekgedrag? Dat vertelt je waar bezoekers nu vastlopen. Zonder deze fase bouw je een mooie site die de verkeerde vragen beantwoordt.

Een wireframe is een schets van elke pagina in grijstinten, zonder kleur, zonder foto's, zonder afgewerkte teksten. Dat klinkt kaal en dat is precies de bedoeling. Zolang er geen mooie beelden zijn, gaat het gesprek over de dingen die er echt toe doen: staat de belangrijkste boodschap bovenaan, is de volgorde van de informatie logisch, komt de call-to-action op het juiste moment in beeld.

Een concreet voorbeeld. Bij een dienstenpagina willen bedrijven vaak eerst uitgebreid over zichzelf vertellen. In het wireframe zie je meteen dat de bezoeker dan drie schermen moet scrollen voordat duidelijk wordt wat het probleem is dat wordt opgelost. Dat verplaats je in vijf minuten in een wireframe. In een afgewerkt ontwerp voelt zo'n wijziging als slopen. Daarom werken we deze structuur eerst helemaal uit voordat er ook maar één kleur wordt gekozen.

Zodra de structuur klopt, komt het ontwerp. Hier krijgen de wireframes kleur, typografie, ruimte en ritme. Het doel is niet decoratie. Het doel is dat het ontwerp de hiërarchie versterkt die in de wireframe is bepaald. Een goede knop valt op omdat de rest rustig is, niet omdat hij fel gekleurd is.

In deze fase wordt ook duidelijk hoe de site zich gedraagt op verschillende schermen. Een tabel met vastgoedgegevens die op desktop overzichtelijk is, moet op mobiel iets anders worden. We ontwerpen die varianten bewust, in plaats van te hopen dat het vanzelf goed schaalt. Het merk komt terug in details: de manier waarop tekst ademt, hoe een overgang aanvoelt, welke fotografie past bij de toon van het bedrijf.

Dan wordt het ontwerp een werkende site. Hier maken we een technische keuze die afhangt van wat je nodig hebt. Voor de meeste zakelijke sites en marketingpagina's bouwen we in Webflow. Je krijgt een omgeving waarin je zelf pagina's kunt aanpassen, terwijl het ontwerp strak blijft en de site snel laadt.

Voor projecten met veel dynamische content, complexe koppelingen of een eigen applicatielogica bouwen we met Nuxt.js en Sanity. Denk aan een platform dat data uit een extern systeem trekt, een uitgebreide productcatalogus met filters, of een redactionele omgeving waar meerdere teams tegelijk in werken. Sanity fungeert dan als het hart waar de content leeft, en Nuxt zorgt voor een snelle, flexibele voorkant. Welke route we kiezen, leggen we vooraf uit, inclusief wat het betekent voor beheer en doorontwikkeling.

Ter vergelijking: een kant-en-klaar systeem is goedkoop om te starten en werkt prima voor een eenvoudige blog of een kleine site die zelden verandert. Zodra je specifieke eisen hebt aan snelheid, integraties of de manier waarop je team content beheert, loop je daar tegen grenzen aan. Een maatwerk website laten maken is dan geen luxe, het is het antwoord op eisen die een standaardoplossing niet aankan.

Een site zonder goede content is een leeg huis. In deze fase vullen we de pagina's met definitieve teksten, beelden en gestructureerde data. Dit is ook het moment waarop de SEO-basis wordt gelegd: paginatitels, meta-omschrijvingen, een logische koppenstructuur en gestructureerde data waarmee zoekmachines de inhoud begrijpen.

We koppelen ook de functionele onderdelen. Formulieren gaan naar de juiste inbox of het CRM, analytics wordt ingericht zodat je vanaf dag één ziet wat bezoekers doen, en integraties met bestaande systemen worden getest. Een contactformulier dat er goed uitziet en toch geen mails aflevert, is een klassieke fout die je in deze fase voorkomt met grondig testen.

Voor livegang testen we op de dingen die in de praktijk misgaan: laadsnelheid op een gemiddelde telefoon, weergave in verschillende browsers, toegankelijkheid voor mensen die met een schermlezer werken, en de complete route die een bezoeker aflegt tot aan de verzending van een formulier. Pas als die route vlekkeloos werkt, gaat de site live.

Livegang is geen eindpunt. De eerste weken laten zien of aannames kloppen. Blijven bezoekers op de juiste pagina hangen, of haken ze ergens af? Die inzichten gebruiken we om te bijsturen. Een site die je laat maken en daarna nooit meer aanraakt, verliest langzaam waarde. Een site die je op basis van echte data blijft aanscherpen, wordt elk kwartaal beter.

Het traject hierboven is geen theorie, het is hoe we bij Reinspire elk project aanpakken. Of Webflow of een maatwerkoplossing met Nuxt en Sanity de juiste route is, hangt af van jouw doelen, je content en je team. Dat bepaal je niet in je eentje op basis van een blogartikel.

Wil je weten wat een maatwerk website laten maken concreet betekent voor jouw situatie? Leg je vraag aan ons voor. In een eerste gesprek kijken we naar je doelen, je huidige site en de fase waarin je zit. Daarna weet je welke route past en wat het realistisch kost. Neem contact op met Reinspire, dan zetten we samen de eerste stap richting het wireframe.