webontwikkeling / gent
design-geleide builds in next.js en supabase, met de discipline die de gentse designscene verwacht. lighthouse 90 plus, wcag aa, jij bent eigenaar van de code dag een.
gent draagt een design-cultuur die niet doet alsof. saint-lucas en hogeschool gent leveren de typografische rigueur, imec en ugent leveren de technische diepte, en de stad zelf telt een dichte ring van design- en branding-agencies die niet tevreden zijn met een wordpress-thema. we bouwen websites die door die scene als gentse builds gelezen kunnen worden: typografisch geslepen, performant, en zonder de standaard-template-aroma die je in 80 procent van de belgische sites tegenkomt.
start een project01 . wat het is
gent heeft een onevenredig zware designscene voor een stad van 270.000 inwoners. saint-lucas levert de typografische cultuur, hogeschool gent de illustratie- en branding-laag, kask en kunsthumaniora vullen de aanlooplijn aan. naast die academische trekkers staat een ring van design- en branding-agencies die hun klanten serieus nemen: ze leveren geen template, ze leveren een uitgewerkt designsysteem. wat ze nodig hebben is een development-partner die dat designsysteem niet op een wordpress-thema platslaat.
de meeste webdevelopment in belgie levert exact dat: een wordpress-thema, een page-builder, een visueel resultaat dat zeven van de tien designcues mist en op mobile uit elkaar valt. een gentse founder of art-director ziet die zwakte direct. wat ze willen is een build die de designintent vasthoudt op elke breakpoint, op elke contrast-as, op elke font-loading-frame. dat is wat saint-lucas-alumni van mekaar verwachten en dat is de bar waar ik op werken.
we bouwen op een vaste stack: next.js voor de front-end met server-rendering en image-optimalisatie, supabase voor de data-laag, content-management en authenticatie, vercel voor de deploy-laag. die stack is geen religie, het is een productiviteits-keuze. ze laat mij een gentse-designscene-grade typografie vasthouden bij 90 plus op lighthouse, een design-system in code (niet in figma) bouwen, en dezelfde site in drie talen leveren zonder een aparte cms-laag te bouwen voor elke taal.
het proces respecteert de design-laag. fase 0 is een betalende scoping discovery: interviews met founder of branding-eigenaar, design-lead audit, content-architectuur. fase 1 tot 3 is design-in-code (geen figma-handoff zonder uitwerking), build, ship en negentig dagen post-launch care. jij bent eigenaar van de code vanaf dag 1, gehost waar jij wil (github of gitlab), geen vendor lock op een page-builder die je over twee jaar moet vervangen.
02 . voor wie
archetype 01
het designsysteem ligt klaar in figma. wat ontbreekt is een build-partner die de typografische discipline vasthoudt, de motion-laag niet platslaat, en de webflow- of wordpress-aanpak ontwijkt. ik ben de stille development-arm voor agencies die hun creatief werk niet aan een page-builder willen overgeven.
archetype 02
een product met een eigen verhaal, een eigen merkstem, en een eigen verkoop-funnel. shopify is een mogelijkheid maar te beperkt voor de content- en marketing-zijde. we bouwen een headless-architectuur die shopify als backend gebruikt en next.js als front-end, met de redactionele vrijheid die saint-lucas-trainde founders nodig hebben.
archetype 03
een ai-, biotech- of fintech-product met een investeerders-funnel die niet meer met een squarespace-site overtuigd kan worden. een build die b2b-investeerders-grade overtuigt: clean ip-narrative, een team-pagina die echte mensen toont, technische docs in mdx, drie talen voor europese funding-rondes.
03 . wat je krijgt
01
design-in-code. jouw designsysteem in de codebase, niet vastgelegd in figma maar uitgewerkt als react components met typografie-tokens, kleur-tokens, motion-tokens. live-bewerkbaar, theme-able per merk.
02
next.js build. server-rendered, image-optimaal, fonts vooraf geladen met font-display swap, route-prefetching op interne links. lighthouse 90 plus desktop en mobiel.
03
supabase data-laag. content, klantdata, gebruikers, formulieren. row-level security op alle tables. drietalige content-structuur (slug per taal, fallback op nl).
04
cms-laag op maat. editorial-interface voor het branding-team. geen sanity- of contentful-licentie nodig. supabase-tables met een light-weight admin-ui die het branding-team zelf gebruikt.
05
wcag aa toegankelijkheid. contrast getest, focus-states zichtbaar, screenreader-tested. een gentse builder is verplicht om dit minimum vast te houden, niet omdat het mode is maar omdat het verplicht is.
06
drie talen. nl-fr-en in dezelfde routing-laag. seo-architectuur klopt per taal. canonical urls juist, hreflang-tags juist, sitemap per taal.
07
analytics + monitoring. plausible of vercel analytics (no-cookie variant). uptime monitoring, error-logging in supabase. geen ga4-fingerwerk in de console.
08
jij bent eigenaar van de code. github of gitlab vanaf de eerste commit. geen vendor lock. geen page-builder die jouw site gegijzeld houdt.
04 . tijdslijn
fase 0
vijf tot tien werkdagen
interviews met founder of branding-eigenaar, design-lead audit, content-architectuur. betalend vooraf, refundable als scope niet rondkomt.
fase 1
werkweek 1 tot 2
typografie-tokens, kleur-tokens, motion-tokens als react components. eerste twee pagina's (home + een sleutelpagina) als showcase voor het branding-team.
fase 2
werkweek 3 tot 6
alle pagina's gebouwd, content geladen, supabase-laag actief, drie talen geactiveerd, qa-pass op lighthouse en wcag, productie-launch op een afgesproken datum.
fase 3
negentig dagen
wekelijkse check-in, kleine wijzigingen inbegrepen, performance- en seo-monitoring, een kwartaalreview op maand drie. geen tweede contract nodig.
05 . prijzen
elke build krijgt een eigen offerte. scoping discovery is altijd betalend, altijd refundable als de scope niet rondkomt. build is fixed-scope per fase. care zit ingebouwd voor negentig dagen. wat het kost krijg je in een tweede gesprek na de scoping, met cijfers op interviews, niet op een tarieflijst.
06 . bewijs
case study
gentse dtc-supplementen voor paarden. shopify-backend gekoppeld aan een next.js front-end, een eigen content-architectuur, drietalige roadmap voor europese expansie. de build die de gentse design-discipline vasthoudt op een commerce-laag.
case study
75 jaar oud voedingsgroothandel, gemigreerd van een statische brochure-site naar een multilinguaal platform met soap-koppeling op de legacy lisa erp. dezelfde build-discipline die ik aan gentse merken leveren, op een industriele schaal.
07 . vragen
01
waarom next.js en niet wordpress of webflow?
next.js geeft drie dingen die wordpress en webflow niet of moeilijk geven: server-rendering met image-optimalisatie out of the box, een design-system in code dat over jaren onderhoudbaar blijft, en geen vendor lock op een page-builder die je over twee jaar moet vervangen. ik ondersteunen webflow als specifieke service voor agencies die daar al op zitten, maar voor een nieuI build is next.js de standaard.
02
kan mijn design-agency met jullie samenwerken, of is dit competitie?
samenwerking is de norm. ik ben de stille development-arm voor design-agencies in gent en antwerpen. de design-agency houdt de creatieve regie, we bouwen volgens hun designsysteem en sla niets plat. de klant ziet één team.
03
lighthouse 90 plus mobiel, is dat realistisch?
ja. de stack is daarvoor ontworpen. server-rendering, image-optimalisatie, font-display swap, route-prefetching, en geen page-builder-overhead. ik meten op lighthouse mobiel-emulatie en op echte chrome-ux-report-data van vercel-deploys. een gentse branding-site die we in productie hebben staan haalt 92 mobile, 99 desktop.
04
wat met seo? drietalig is geen kleine zaak.
drietalige routing zit in de stack. hreflang-tags worden automatisch gegenereerd uit de content-tabel in supabase. canonical urls per taal. sitemap per taal. structured data per pagina (faqpage, breadcrumblist, organization). seo-architectuur is een ontwerp-deliverable in fase 1, niet een postlaunch-fix.
05
wat als we content blijven aanpassen na de launch?
de cms-laag is daarvoor gebouwd. supabase-tables met een light-weight admin-ui die het branding-team zelf gebruikt. geen ontwikkelaarstijd nodig voor content-wijzigingen. de negentig dagen post-launch care dekt structurele tweaks en kleine pagina-toevoegingen.
08 . verder
klaar voor fase 0?
start een scoping discovery. design-lead audit, content-architectuur, vaste prijs per fase voor de eigenlijke build.