Onze tech stack: de tools waarmee wij performante websites bouwen

De meest bekende tools zijn niet altijd de beste tools

Voor quasi elk IT subdomein is er ondertussen een overduidelijke marktleider. Daardoor lijkt het heel vanzelfsprekend om de juiste tool te kiezen.

• De beste website builder.
• Het beste hostingplatform
• De beste automation software

Maar er is hier een groot probleem: de meeste van die “beste tools” zijn gebouwd voor de Amerikaanse markt en wat daar logisch is werkt niet altijd in België.

België is geen Silicon Valley. We hebben onder andere meertaligheid (meestal NL / FR / EN), complexe btw-regels en vooral de Europese privacywetgeving (GDPR). Dat beïnvloedt je toolkeuze. Een SaaS die perfect werkt in de VS, kan hier geen correcte btw-verwerking hebben, geen ondersteuning voor meertaligheid voorzien, data buiten Europa hosten, enzovoort. Vaak wordt dat jammer genoeg pas duidelijk wanneer je ermee werkt.

Bij Upshift hebben we de afgelopen jaren veel getest, veel geïmplementeerd, soms weer vervangen. Niet omdat de tools slecht waren, maar omdat ze niet aansloten bij de Belgische realiteit.

Vandaar dat we via deze blog jullie moeite willen besparen en delen we hoe wij onze tech stack gekozen hebben. Niet op basis van hype, maar op basis van wat werkt in België.

Van structuur tot live website: Relume → Figma → Webflow

Onze projecten starten niet in code. Ze starten in structuur.

We beginnen met Relume. Relume kan vandaag met AI automatisch een eerste wireframe genereren op basis van een korte beschrijving van de website. Dat versnelt de startfase aanzienlijk.

In plaats van van nul te beginnen, vertrekken we van een logisch opgebouwde basisstructuur die we vervolgens kritisch bekijken, herschikken en inhoudelijk verfijnen.

Onze klanten verwachten terecht dat we AI inzetten om efficiënter te werken. Niet om creativiteit te vervangen, maar om repetitieve stappen te versnellen. Door AI in te zetten bij de structurele opbouw, kunnen we sneller tot een doordacht fundament komen en meer tijd besteden aan strategie, inhoud en conversie.

Vanuit die wireframe vertalen we alles naar een visueel design in Figma. Daar werken we component based en systematisch. Geen losse pagina’s, maar een coherent design systeem dat schaalbaar blijft wanneer een website groeit.

Pas daarna bouwen we in Webflow.

Omdat structuur en design al helder zijn, wordt de bouwfase geen experiment maar een implementatie. Webflow laat ons performante websites opleveren zonder plugin chaos, terwijl klanten nadien zelf content kunnen beheren zonder de onderliggende structuur te verstoren.

Die opeenvolging van structuur, design en implementatie zorgt voor snelheid zonder slordigheid.

Na het live zetten van de website monitoren we de uptime (of de website netjes online beschikbaar blijft) via Uptime Kuma.

Als klanten media en teksten willen aanleveren doen we dat via het mapje dat we voor hen voorzien in onze Google Drive. Media die we zelf moeten voorzien halen voornamelijk uit Envato.

Belgische boekhouding en administratie

Op vlak van boekhouding wordt het verschil tussen theorie en praktijk vaak het duidelijkst.

Voor onze boekhouding werken we met Yuki. Die keuze is geen toeval. Belgische btw regels, abonnementsstructuren en de samenwerking met lokale accountants vragen om software die specifiek op de Belgische markt is afgestemd.

Veel internationale boekhoudtools profileren zich als de beste globale oplossing, maar houden in de praktijk onvoldoende rekening met lokale regelgeving. Dat wordt vooral zichtbaar bij evoluties zoals Peppol. Waar dit in Europa intussen een belangrijk onderdeel van digitale facturatie is, merken we dat sommige grote Amerikaanse spelers daar pas recent op beginnen inspelen. Intussen blijft een volledige Europese markt achter.

Automatisatie: impact bepaalt de keuze

Automatisatie is een essentieel onderdeel van hoe onze projecten functioneren. Leads, communicatie, opvolging en interne processen hangen vaak samen in één geheel van workflows.

Maar niet elke flow heeft dezelfde impact op de business.

Voor inschrijvingen, betalingen en kritieke notificaties kiezen we bewust voor Zapier in de cloud. Die processen moeten gewoon blijven draaien. Daar nemen we geen risico op onderbrekingen of afhankelijkheid van eigen infrastructuur.

Andere automatisaties zoals interne synchronisaties, rapporteringen, minder tijdsgevoelige koppelingen,... draaien via n8n op onze eigen server.

De reden is eenvoudig: kostenefficiëntie.

Bij grotere volumes of complexere flows kan een cloudgebaseerd prijsmodel snel oplopen. Voor processen waar 99% uptime meer dan voldoende is, is een self-hosted oplossing financieel logischer zonder in te boeten op functionaliteit.

Het resultaat is een pragmatische verdeling:

• Kritieke processen: maximale betrouwbaarheid
• Operationele processen: interessanter kostenplaatje

Hosting & infrastructuur: economisch én praktisch

Voor domeinen en een deel van onze infrastructuur werken we met OVHcloud. Na vergelijking met verschillende aanbieders bleek hun prijs-kwaliteitverhouding voor onze projecten gewoon het sterkst.

Maar er speelt meer mee dan alleen pricing.

OVH ondersteunt ook reselling van Microsoft 365, waardoor we klanten die met Office werken rechtstreeks kunnen helpen met licenties en beheer. Voor klanten die géén volledige Microsoft-omgeving nodig hebben, kunnen we via dezelfde partner ook eenvoudige e-mailoplossingen aanbieden.

Dat maakt het operationeel efficiënt:

• Eén aanspreekpunt
• Minder versnippering
• Minder externe afhankelijkheden
• Lagere instapkosten voor kleinere klanten
• Gebundelde facturen

App development & deployment

Niet elke website is een marketingwebsite. Sommige projecten evolueren naar webapplicaties met eigen logica, databanken en gebruikersauthenticatie.

Onze development gebeurt in Visual Studio Code, met versiebeheer via GitHub. Dat laat ons toe gestructureerd te werken met branches, reviews en duidelijke omgevingen.

Voor frontend applicaties en statische webapps gebruiken we vaak Netlify. Het deploymentmodel is eenvoudig en betrouwbaar: elke push naar de repository kan automatisch een nieuwe versie uitrollen. Preview-omgevingen per branch maken testen en feedback veel efficiënter.

Wanneer projecten meer schaalbaarheid of backend-infrastructuur vereisen, zetten we onder andere Google Cloud Platform en Firebase in. Daar kunnen we applicaties uitbouwen met meer controle over resources en architectuur.

Projectmanagement en interne communicatie

Een sterke technische stack is één ding. Een gestructureerde interne werking is minstens even belangrijk.

Voor projectmanagement werken we met ClickUp. Daar structureren we projecten in duidelijke fases, taken en verantwoordelijkheden. Elke website of applicatie wordt opgebroken in concrete stappen, met transparante planning en opvolging.

ClickUp fungeert als centrale bron van waarheid. Geen verspreide to do lijstjes, geen losse notities in verschillende tools.

Voor interne communicatie gebruiken we Slack. Niet alleen voor overleg tussen teamleden, maar ook voor automatische meldingen.

Deployments, uptime monitoring, foutmeldingen of belangrijke automatisaties sturen notificaties rechtstreeks naar Slack. Daardoor zien we problemen meteen en kunnen we snel reageren. Het maakt onze werking proactiever in plaats van reactief.

E-mail

Bij Upshift werken we graag met de Gmail app binnen Google Workspace.

Voor klanten laten we de keuze tussen Google Workspace en Microsoft 365 volledig afhangen van hun voorkeur en bestaande workflows.

Er is naar onze mening geen duidelijke winnaar. Beide platformen zijn volwassen en betrouwbaar. De beste keuze is degene die past bij hoe een organisatie vandaag al werkt.

Bezoekersstatistieken

Voor inzicht in verkeer en prestaties combineren we Google Analytics met Google Search Console.

Google Analytics geeft inzicht in bezoekersgedrag, conversies en campagnes. Search Console toont hoe een website presteert in Google zelf, inclusief zoekwoorden, klikratio’s en technische indexatie.

Belangrijk om te weten: voor Search Console zijn geen cookies nodig, waardoor het vaak een laagdrempelige manier is om al wat inzichten te krijgen in hoe klanten tot bij jouw website komen.

De juiste fundering voor je digitale groei

Werk je aan een nieuwe website, webapplicatie of digitale infrastructuur en wil je dat de technische keuzes even doordacht zijn als het design? Dan denken we graag met je mee.

Neem gerust contact op!

‍

‍

‍

‍