Worldstream
Eén design system, eindeloos herbruikbaar
We grow Worldstream together
De resultaten tot nu toe
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.
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.
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.”
Ruben van der Zwan
CEO @ Worldstream
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.
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.
Is jouw bedrijf klaar voor de volgende groeifase?
Haal je groeidoelstellingen met ons bewezen programma om branding, marketing, sales en recruitment te verbeteren.