Direct naar inhoud
noury.dev

Noury Dautzenberg · Front-end Developer

Interactieve interfacesdie voor iedereenwerken.

Ik ben Noury Dautzenberg, front-end developer uit Kerkrade. Mijn passie ligt bij het ontwikkelen van interactieve, gebruiksvriendelijke interfaces met HTML, CSS, JavaScript en PHP. Zo maak ik digitale ervaringen die functioneel, visueel aantrekkelijk en toegankelijk zijn, ook als je een screenreader of alleen je toetsenbord gebruikt.

Front-end · UX · ToegankelijkheidWCAG-gecertificeerd · 2026
02Profiel

Over mij.

Ik begon ooit met simpele websites en WordPress. Inmiddels bouw ik complete front-ends en systemen zoals Prolift ERP, maar het plezier is hetzelfde gebleven: iets maken waar iemand echt wat aan heeft.

Daarbij kijk ik verder dan de code. Hoe gebruikt iemand dit? Voelt het logisch? Kan iemand die niet goed ziet of alleen een toetsenbord gebruikt er net zo goed mee overweg? Dat soort vragen maken het vak voor mij leuk.

Sinds 2026 ben ik WCAG-gecertificeerd. Toegankelijkheid is bij mij geen vinkje achteraf; het zit er vanaf de eerste regel code in. Deze site is daar meteen het bewijs van, tot aan de geautomatiseerde controle bij elke wijziging.

En ik leer graag. Deze site bouwde ik in React en Next.js, Prolift ERP werd full-stack, en voor mijn afstuderen dook ik in Unreal Engine.

2+
Jaar ervaring in web development
30+
Projecten opgeleverd
100%
Responsive & toegankelijk gebouwd
4
Vakgebieden: dev, UX, WCAG & immersive
03Ervaring

Mijn ervaring.

Begonnen achter de helpdesk, via webdesign en een uitstapje naar Virtual Reality naar het werk dat ik nu doe.

  1. jan 2025 – heden

    Brunssum

    Huidige functie

    Web Developer.

    MM 360° Agency

    WordPress-sites bouwen voor klanten, met PHP- en JavaScript-maatwerk waar dat nodig is. Binnen het brancheteam E-commerce let ik erop dat elke site snel, onderhoudbaar en voor iedereen bruikbaar de deur uit gaat.

    • Onderdeel van het brancheteam E-commerce
    • WordPress-websites met maatwerk
    • PHP & JavaScript waar nodig
    • Toegankelijkheid volgens WCAG-richtlijnen
    • E-commerce
    • WordPress
    • PHP
    • JavaScript
    • WCAG
  2. nov 2023 – okt 2024

    Heerlen

    Virtual Reality Designer.

    Zuyd Hogeschool / TEC

    Voor mijn afstuderen bouwde ik VR Event: een complete VR-ervaring in Unreal Engine 5, van concept en onderzoek tot user testing. Studenten testen er hun eventontwerpen en bezoekersstromen mee in 3D.

    • VR-experience ontwikkeld in Unreal Engine 5
    • UX-onderzoek en iteratieve user testing
    • Van onderzoeksvraag tot werkend prototype
    • Unreal Engine 5
    • UX-onderzoek
    • User testing
  3. aug 2020 – feb 2021

    Heerlen

    Web Development & Design.

    Have a Byte!

    Tijdens deze stage bouwde ik mijn eerste eigen WordPress-plugin, van UI-design in Adobe XD tot werkende code. Hier maakte ik de stap van websites samenstellen naar zelf software schrijven.

    • Eigen WordPress-plugin ontwikkeld
    • UI-designs ontworpen in Adobe XD
    • Front-end gebouwd met HTML, CSS & JavaScript
    • WordPress
    • PHP
    • JavaScript
    • Adobe XD
  4. feb 2018 – jul 2018

    Heerlen

    Junior Web Designer.

    ICT Service Limburg

    Tijdens deze stage leerde ik de basis van het vak: webdesign en front-end voor uiteenlopende klanten, met HTML, CSS en WordPress.

    • Webdesign voor uiteenlopende klanten
    • Fundament verstevigd in HTML, CSS & WordPress
    • Webdesign
    • HTML
    • CSS
    • WordPress
  5. sep 2016 – jun 2017

    Born

    IT Helpdesk.

    VDL Nedcar

    Waar het begon: mijn eerste stage, met technische ondersteuning on-site en remote. Hier ontdekte ik hoe graag ik complexe vraagstukken oppak.

    • Brede IT-basis opgebouwd
    • Support on-site en remote
    • IT
    • Support
04Geselecteerd werk

Werk waar ik trots op ben.

Vier projecten, vier verhalen. Niet alleen wat het werd, maar ook hoe het zo kwam.

Het dashboard van Prolift ERP met kerncijfers, werkbonnen ter controle, openstaande taken en aankomende keuringen (fictieve voorbeelddata)
012026

Prolift ERP.

Pro Lifttechniek

Uitdaging
Liftonderhoud is een vak apart: elke lift heeft een eigen contract en verplichte keuringen, er is storingsdienst, en de monteurs zijn de hele dag onderweg. Prolift wilde dat allemaal in één systeem in plaats van in losse lijstjes.
Aanpak
Prolift leverde hun werkwijze aan, ik bouwde die na als systeem in Next.js, React en Node.js. Negentien onderdelen die allemaal dezelfde gegevens delen: van klanten en liften tot planning, werkbonnen en facturen.
Resultaat
Het draait nu in productie. Kantoor en monteurs kijken naar dezelfde actuele informatie, en een afgeronde klus loopt via een vaste controle netjes door naar de factuur.

19

Onderdelen in één systeem

1

Plek waar alles samenkomt

2026

In productie

  • Next.js
  • React
  • Node.js
  • AI-assisted development
Bekijk volledige case: Prolift ERP
Drie schermen van Project Ruby naast elkaar: het overzicht met dagopdrachten, de skills met plekken om te werken, en de marktplaats waar spelers orders plaatsen
022026

Project Ruby.

Eigen project

Uitdaging
Een game die doorspeelt terwijl je weg bent, moet bij terugkomst precies kloppen. Dezelfde opbrengst, dezelfde vondsten, of je nu een uur of een week weg was. En natuurlijk mag niemand het spel kunnen foppen.
Aanpak
Alles wordt op de server berekend, nooit in de browser. Het spel rekent niet seconde voor seconde, maar springt naar de momenten waarop er iets verandert: je tas raakt vol, je bijl slijt. Daardoor is een dag afwezigheid in een oogwenk doorgerekend.
Resultaat
Je kunt het spel een dag laten liggen en krijgt bij terugkomst tot op de eenheid nauwkeurig te zien wat je verdiend en gevonden hebt. Inclusief een marktplaats waar spelers onderling handelen.

< 5ms

Om een dag afwezigheid door te rekenen

245

Losse bestanden met spelinhoud

5 mln

Acties gecontroleerd in de tests

  • TypeScript
  • React 19
  • Fastify
  • PostgreSQL
  • Redis
  • Vitest
Bekijk volledige case: Project Ruby
Impressie van de mainstage in VR Event: een festivalpodium met trussen, speakers en lichtinstallatie, gebouwd in Unreal Engine 5
032023 – 2024

VR Event.

Zuyd Hogeschool / TEC

Uitdaging
Studenten van de minor Event Management ontwerpen complete evenementen, maar konden hun plattegronden nergens testen. Excursies zijn duur, en op papier zie je niet wat duizend bezoekers doen.
Aanpak
Ik begon bij de mensen: elf gesprekken met studenten, docenten en een VR-expert, en meekijken tijdens lessen. Daarna bouwde ik twee versies in Unreal Engine 5 en liet ik beide testen door de studenten zelf.
Resultaat
Een werkend VR-prototype waarin je een festivalterrein inricht en meteen ziet wat je keuzes doen met de bezoekers. De docenten wilden er direct mee aan de slag.

UE5

Gebouwd in Unreal Engine 5

22

Testsessies met studenten en docenten

2

Versies, elk getest met de doelgroep

  • Unreal Engine 5
  • Blueprints
  • UX-onderzoek
  • User testing
  • Concepting
Bekijk volledige case: VR Event
042026

Dit portfolio.

Eigen project

Uitdaging
Een portfolio dat zegt dat kwaliteit en toegankelijkheid vooropstaan, moet dat zelf ook laten zien. Anders is het gewoon een mooi praatje.
Aanpak
Statisch gebouwd met Next.js en TypeScript, gestyled met Tailwind. Toegankelijkheid zit in het fundament: semantische opbouw, toetsenbordbediening, zichtbare focus en animaties die uit gaan als jij dat instelt. Elke pagina gaat door een geautomatiseerde axe-audit.
Resultaat
Een site zonder cookies of tracking die z'n eigen bewijs is: de toegankelijkheidsaudit draait mee in de tests en faalt bij elke violation.

2.2 AA

WCAG-conform gebouwd

0

Cookies & trackers

100%

Statisch gegenereerd

  • Next.js 15
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • Playwright + axe-core
Bekijk volledige case: Dit portfolio
05Expertise

Expertise.

Zes dingen waar ik goed in ben geworden. En nog elke dag beter in word.

06Technologie

Stack.

Alle 29 technologieën worden getoond.

  • HTML5Front-end
  • CSS3Front-end
  • JavaScriptFront-end
  • TypeScriptFront-end
  • ReactFront-end
  • Next.jsFront-end
  • Tailwind CSSFront-end
  • AI-assisted DevelopmentFront-end
  • PHPBackend
  • API-integratiesBackend
  • WordPressCMS
  • Custom developmentCMS
  • WCAG AccessibilityQuality & Experience
  • Performance OptimizationQuality & Experience
  • Responsive DesignQuality & Experience
  • Core Web VitalsQuality & Experience
  • UX DesignQuality & Experience
  • Virtual RealityImmersive
  • Unreal Engine 5Immersive
  • Oculus QuestImmersive
  • Immersive DesignImmersive
  • Visual Studio CodeTools
  • ClaudeTools
  • GitTools
  • GitHubTools
  • Adobe CCTools
  • VercelTools
  • npmTools
  • Chrome DevToolsTools
07Achtergrond

Opleiding & certificering.

Gecertificeerd

Web Content Accessibility Guidelines · 2026

WCAG Certified.

Een site is pas af als iedereen hem kan gebruiken. Daarom liet ik me certificeren in de WCAG-richtlijnen, en pas ik ze toe in alles wat ik bouw.

  • Semantische, valide code
  • Volledige toetsenbordbediening
  • Inclusieve gebruikerservaringen
  1. 2024

    BSc Communication & Multimedia Design.

    Zuyd Hogeschool

  2. 2018

    ICT- en Mediabeheer.

    VISTA College

08Contact

Laten we kennismaken.

n.dautzenberg@hotmail.com