Scalable web experience for Dutch Railways

The Dutch Railways (NS) is moving towards one integrated website for all travellers.

From daily commuters to international journeys, the Dutch Railways have XXX people in their trains each day. NS is moving towards one integrated website for all travellers — from daily commuters to international journeys. That means bringing a lot of different needs, teams, and content together into one clear, consistent experience.

The new homepage for NS.nl

What I’m working on

I’m currently focussing on the foundation: templates, components, and how everything fits together in the new CMS.

  • Designed flexible page templates (homepage, travel pages, disruptions, international)

  • Worked with the design system (Nessie) to reuse and extend components

  • Defined states, variants, and interaction behaviour

  • Made sure everything could actually be built and managed in the CMS


Bridging design and CMS

A big part of my role was making sure designs weren’t just nice — but usable in real life.

  • Translated UI into content models and component logic

  • Aligned closely with the CMS team on structure and behaviour

  • Thought through edge cases, not just ideal scenarios

I’m currently focussing on the foundation: templates, components, and how everything fits together in the new CMS.

  • Designed flexible page templates (homepage, travel pages, disruptions, international)

  • Worked with the design system (Nessie) to reuse and extend components

  • Defined states, variants, and interaction behaviour

  • Made sure everything could actually be built and managed in the CMS


Bridging design and CMS

A big part of my role was making sure designs weren’t just nice — but usable in real life.

  • Translated UI into content models and component logic

  • Aligned closely with the CMS team on structure and behaviour

  • Thought through edge cases, not just ideal scenarios

Light and Dark Mode examples of a Product Page concept
Examples of Brand Shop Pages

Keeping things consistent across many teams

With 20+ teams working on the same platform, consistency doesn’t happen automatically.

  • Aligned with other UX designers on how templates and components are used

  • Worked with content experts to make sure templates actually fit their needs

  • Helped define guidelines and guardrails


Impact

  • A clear, scalable template system for NS.nl

  • Faster and more consistent page creation in the CMS

  • Less one-off design, more reuse

  • Better alignment between design, content, and development

With 20+ teams working on the same platform, consistency doesn’t happen automatically.

  • Aligned with other UX designers on how templates and components are used

  • Worked with content experts to make sure templates actually fit their needs

  • Helped define guidelines and guardrails


Impact

  • A clear, scalable template system for NS.nl

  • Faster and more consistent page creation in the CMS

  • Less one-off design, more reuse

  • Better alignment between design, content, and development

Redesign concept for the Product Page iOS App
A landing page made with the headless CMS
Brand Storefront Pages
Campaign pages with a countdown component
Early concept for personalised checkout flow
All pages work from mobile to desktop