Terug naar Portfolio

Digitaal

Heerlen: miljarden kilo's steenkool

Een vraag van CBS werd een interactieve story over de mijnstad, in drie thema's en 31 korte hoofdstukken.

Het keuzescherm van de story: drie gloeiende kolen voor Welvaart, Migratie en Mijncultuur
Context
Schoolopdracht voor CBS
Jaar
2025–2026
Rol
Vormgeving, code en het grootste deel van de teksten
Team
Teamproject; een teamgenoot maakte de introvideo
Techniek
HTML, CSS en JavaScript, Tailwind CSS, Chart.js, SVG

In het kort

CBS vroeg om een verhaal over de steenkoolwinning, onderbouwd met cijfers. Met mijn team maakte ik een interactieve story: na een introvideo kies je zelf Welvaart, Migratie of Mijncultuur, in 31 korte hoofdstukken van de Romeinse tijd tot na de mijnsluiting. Ik deed de vormgeving, de code en het grootste deel van de teksten.

Aanleiding

Hierna 02 Mijn rol

CBS gaf in november 2025 een keuzemenu voor multimedia-stories. Ons team koos de story van steenkool: over de steenkoolwinning in de mijnstreek, waar mogelijk onderbouwd met CBS-cijfers.

Mijn rol

Hierna 03 Onderzoek

Ik ontwierp de visuele stijl, programmeerde de hele website en bedacht en schreef het grootste deel van de content. De introvideo is van een teamgenoot; ik dacht mee over de opbouw.

Onderzoek

Hierna 04 Ontwerp en prototype

Een CBS-document noemt dat er tussen 1802 en 1974 ongeveer 570 miljard kilo steenkool uit de grond kwam. Dat werd onze kernvraag: wat deed al die steenkool met Heerlen?

De story kreeg drie thema's, Welvaart, Migratie en Mijncultuur, met een proloog over de tijd vóór de mijnen en een slot over de tijd erna.

Tussendoor hadden we een paar keer contact met CBS, over de richting die we kozen en voor extra informatie.

Hoofdstuk Molenberg uit 1922, met een staafgrafiek van de herkomst van mijnwerkers in Heerlen
Fig. 1 Onderbouwd met cijfers: de herkomst van mijnwerkers in 1922.

Ontwerp en prototype

Hierna 05 Testen en iteraties

Op een stijlbord zette ik twee richtingen naast elkaar: zwart-wit voor vroeger en kleur voor nu.

Het werd een donkere achtergrond met een eigen kleur per thema, en archieffoto's in kaders in de vorm van een brok kool, met een gloed. Daarbij maakte ik een eigen set SVG's: knoppen met handgetekende pijlen, iconen en speelknoppen.

Hoofdstuk uit 1894 over de komst van de spoorwegen, met een archieffoto in een kolenkader met groene gloed
Fig. 2 Een hoofdstuk: jaartal, kop, kort verhaal en beeld in een kolenkader.
Stijlbord in zwart-wit met archieffoto's, een kaart van Heerlen, de hamer en bijl en een korte tekst
Fig. 3 Stijlbord, richting 'vroeger' (december 2025).

Testen en iteraties

Hierna 06 Resultaat

We kwamen tot deze story door veel te itereren, te testen en te vergelijken met andere stories.

Sinds de oplevering werk ik er alleen aan verder. Op basis van gebruikerstesten en nieuw onderzoek verbeterde ik de story: mobiel eerst, lichtere video's, voorlezen en een mijnenkaart.

Lees meer over testen en iteraties

Een teamreview van de eerste ontwerpen leverde een verbeterpunt in de content op, dat een teamgenoot oppakte.

Na de oplevering gingen de video's van 29 naar 7 MB, kregen alle 31 hoofdstukken een voorleesstem en werd de keuzepagina een doorsnede van de grond.

De doorontwikkelde keuzepagina als doorsnede van de grond, met de drie thema's in de laag van de mijntijd
Fig. 4 Oktober 2026: de keuzepagina als doorsnede van de grond.
Hoofdstuk uit 1902 met een kaart van Heerlen en de ligging van de mijnen
Fig. 5 Oktober 2026: een mijnenkaart (grens: CBS/PDOK, mijnen: Wikidata).

Resultaat

Hierna 07 Wat ik leerde

Opgeleverd als teamproduct op 29 januari 2026 en live op GitHub Pages: 31 hoofdstukken in drie thema's, met een proloog en een slot.

Bekijk de story (opent in een nieuw venster)

Iets vergelijkbaars nodig? Vertel over je project

Wat ik leerde

Hierna Verantwoording
  • Ik nam veel werk op me. Volgende keer maak ik vanaf het begin duidelijke afspraken over wie wat doet.
  • Goed contact binnen een team is net zo belangrijk als het werk zelf.

Verantwoording

De introvideo is gemaakt door een teamgenoot. De archiefbeelden in de story zijn van derden.

Meer werk

Alle projecten

  • Digitaal

    Klankstad: WMC Kerkrade 1951

    Een tweetalig keuzeverhaal over het eerste Wereld Muziek Concours, waarin de grijze mijnstad per hoofdstuk weer kleur krijgt.

  • Digitaal

    Kunstroute Zuyderland

    Een wandelroute langs kunst voor patiënten die herstellen, zelf samengesteld op de tablet aan het bed.

Een website of interactief verhaal laten maken?

Vertel me wat je in gedachten hebt. Je krijgt antwoord van mij persoonlijk, meestal binnen 3 tot 4 werkdagen.

Neem contact opof mail naar mijn e-mailadres