--- title: "Worldstream: één design system, gebouwd voor groei | UBO" description: "Ontdek hoe Worldstream met een nieuw design system en schaalbare infrastructuur één digitale basis creëerde voor groei, snelheid en consistentie." url: "https://www.ubo.agency/cases/worldstream/" language: "nl" --- [Cases](https://www.ubo.agency/cases) Worldstream # Worldstream 5 min Laatst bewerkt: 4 februari 2026 # Eén design system, eindeloos herbruikbaar Waar hebben wij het verschil in gemaakt [Go Digital](https://www.ubo.agency/themas/go-digital)[ICT](https://ict.ubo.agency/) 5 min Laatst bewerkt: 4 februari 2026 ![Worldstream laptop](https://www.ubo.agency/media/uploads/2025/11/Worldstream-beeld-op-maat-2-1284x722-1.png?width=2000 "Worldstream laptop") We grow Worldstream together ![Man zit op een kruk in de fotostudio](https://www.ubo.agency/media/uploads/2022/11/1092409-1.jpg?width=500 "Portret in de studio") ![Portret van Dylan Blokhuis](https://www.ubo.agency/media/uploads/2022/11/Dylan.jpg?width=500 "Dylan Blokhuis") ![Portret van Jaron Koelewijn](https://www.ubo.agency/media/uploads/2022/11/Jaron.jpg?width=500 "Jaron Koelewijn") ![Portret van Jarno Zijnstra](https://www.ubo.agency/media/uploads/2022/07/Jarno-1.jpg?width=500 "Jarno Zijnstra") ![Portret van Hillany Tinge](https://www.ubo.agency/media/uploads/2022/07/hillany-ubo.jpg?width=500 "Hillany Tinge") ![Portret van Bram Kok](https://www.ubo.agency/media/uploads/2022/11/Bram.jpg?width=500 "Bram Kok") Lennart Koelewijn Head of Development Deel deze case ## **De resultaten tot nu toe** 100% Accessibility 90+ PageSpeed Insights-score 95 ms Gemiddelde responstijd Worldstream host de infrastructuur van een groot deel van Nederland. Hun servers draaien 24/7 als een tierelier. Maar de digitale etalage kon nog beter aansluiten bij datzelfde niveau van kwaliteit en consistentie. De hoofdwebsite, bestelstraat en interne dashboards hadden elk hun eigen uitstraling en structuur. De opdracht was helder: geef ons één coherent systeem waar we nu en in de toekomst mee verder kunnen bouwen, en zorg dat het past bij wie we zijn als merk. ![Worldstream pand](https://www.ubo.agency/media/uploads/2025/11/Worldstream-beeld-op-maat-1512x660-1.png?width=2000 "Worldstream pand") ## **Scrum op z’n best** Dit was niet het standaard websitetraject dat onze developers gewend waren. Maar een hechte samenwerking van twee developmentteams. UBO bouwde de informatieve website, het design system en de hosting-infrastructuur. Worldstream bouwde de bestelstraat, maar dan binnen ons framework. We kozen voor een Scrum-aanpak met elke week twee meetings: één om vooruit te kijken, één om terug te kijken. Daarnaast liep er een Slack-kanaal waar vraagstukken en bugs in realtime werden opgelost. Het resultaat was zes maanden intensieve samenwerking, ruim 600 ontwikkeluren, en een constante wisselwerking tussen de teams met één gezamenlijke focus. ## **Design system from scratch** We doen dit niet vaak. Meestal werken klanten al in een bestaand design system of framework. Hier moest alles **vanaf nul** worden opgebouwd. Het design system bevat alle basiselementen die je nodig hebt voor een consistente digitale omgeving: - Titels, teksten en fonts - Knoppen - Inputvelden - Kleurcodes - Spacings - Animaties - Iconen Alles is vastgelegd met validatie en **mobile responsiveness** ingebouwd. Het mooie is dat Worldstream dit systeem kan toepassen op élke toekomstige omgeving. Van dashboards en portals tot interne tools. ## **Styleguide in code** Het design system werkt als een **huisstijlhandboek, maar dan in code gegoten**. Eén bron die eindeloos herbruikbaar is. Dat betekent dat als Worldstream morgen een nieuw dashboard wil bouwen, ze dat kunnen doen zonder dat het eruitziet als een vreemde eend in de bijt. De waarde hiervan groeit exponentieel: Worldstream heeft nu één website, maar kan straks tien omgevingen hebben die allemaal voelen alsof ze bij elkaar horen. Dankzij het design system. - Inputvelden - Kleurcodes - Spacings - Animaties - Iconen Alles is vastgelegd met validatie en **mobile responsiveness** ingebouwd. Het mooie is dat Worldstream dit systeem kan toepassen op élke toekomstige omgeving. Van dashboards en portals tot interne tools. ![Worldstream mobiel](https://www.ubo.agency/media/uploads/2025/11/Worldstream-beeld-op-maat-1-971x546-1.png?width=1500 "Worldstream mobiel") ![Worldstream website](https://www.ubo.agency/media/uploads/2025/11/Worldstream-beeld-op-maat-2-971x546-1.png?width=1500 "Worldstream website") ![Worldstream mobiel](https://www.ubo.agency/media/uploads/2025/11/Worldstream-beeld-op-maat-3-971x546-1.png?width=1500 "Worldstream mobiel 2") ## **Hosting die de naam eer aandoet** Je kunt geen hostingpartij zijn met een website die crasht zodra er veel verkeer binnenkomt. Daarom werd de hosting opgezet als een **Kubernetes-cluster**, volledig draaiend op Worldstream’s eigen servers. Kubernetes fungeert als een **intelligente verkeersregelaar** voor servers. Als er plotseling veel bezoekers zijn, bijvoorbeeld tijdens breaking news of een crisis, schaalt Kubernetes automatisch capaciteit bij. Geen crashes, geen vertraging: **hosting die staat als een huis**. ## **Testen vóór livegang** Daarnaast hebben we een **CI/CD-pipeline** opgezet. In de praktijk betekent dit dat elke update gecontroleerd wordt uitgerold. Een developer maakt eerst een feature in de lokale omgeving, die vervolgens naar een staging-omgeving gaat voor tests, een soort experimenteel prototype. Binnen de pipeline draaien daarnaast automatische checks die de code controleren op type safety, fouten en inconsistenties, zodat alleen technisch betrouwbare code door mag naar de volgende fase. Zo blijft alles **gecontroleerd, veilig en snel**, en worden bugs nooit direct live gepusht. Een mooie garantie: een responstijd van gemiddeld 100 milliseconden. Want als je zelf hosting verkoopt, moet je eigen website razendsnel zijn, anders ondermijn je je eigen geloofwaardigheid. ## **Bijzonderheden in het kort** - **Eén overkoepelend design system:** herbruikbaar voor alle toekomstige Worldstream-omgevingen. - **Kubernetes-hosting met vertical scaling:** slim opschalend cluster dat automatisch servers bijschakelt bij pieken. - **CI/CD-pipeline**: veilige uitrol van updates via lokale omgeving → staging → productie. - **Scrum-traject van 6 maanden**: meer dan 600 uur intensieve samenwerking. - **Meilisearch-integratie:** supersnelle zoekfunctie binnen de hele website. ## Op de hoogte blijven van het laatste nieuws? Meld je aan voor onze nieuwsbrief en blijf op de hoogte van het laatste nieuws. **“Wij vinden het belangrijk dat onze klanten een naadloze ervaring hebben wanneer zij schakelen tussen de verschillende web omgevingen om hun diensten bij ons te beheren. De inzet van dit nieuwe designsysteem maakt dat mogelijk.”** ![Portret van Ruben van der Zwan](https://www.ubo.agency/media/uploads/2025/11/Ontwerp-zonder-titel-8.png?width=100 "Ruben van der Zwan") **Ruben van der Zwan** CEO @ Worldstream ![Designsysteem van Worldstream in Storybook](https://www.ubo.agency/media/uploads/2026/02/worldstream-design-system-storybook-scaled.png?width=2000 "Worldstream designsysteem in Storybook") ## **De basis voor alles wat nog komt** De nieuwe Worldstream-website is oogstrelend, snel en gebruiksvriendelijk. Maar het échte resultaat zit in wat je niet direct ziet: het design system en de technische infrastructuur die eronder liggen. Daarmee kan Worldstream de komende jaren zelf verder bouwen aan nieuwe features, dashboards en applicaties. Allemaal binnen dezelfde stijl. Dit gezamenlijke project begon als een website, maar eindigde als een duurzame digitale infrastructuur, gebouwd voor groei. ![Man zit op een kruk in de fotostudio](https://www.ubo.agency/media/uploads/2022/11/1092409-1.jpg?width=1000 "Portret in de studio") Lennart Koelewijn Head of Development ## Ook jouw website toekomstbestendig maken met één design system? Wil je jouw organisatie structureel laten groeien zoals de case hierboven? En denk je dat UBO Agency daarbij past? Plan een gesprek. We bespreken jouw situatie en werken een plan op maat uit. Al 41 ICT-organisaties zijn je voorgegaan ## Is jouw bedrijf klaar voor de volgende groeifase? Haal je groeidoelstellingen met ons bewezen programma om branding, marketing, sales en recruitment te verbeteren. [Hoe wij ICT-bedrijven helpen](https://ict.ubo.agency/)