Jernbanedirektoratet
Data and maps
Jernbanedirektoratet
Data and maps
Jernbanedirektoratet
Data and maps
Jernbanedirektoratet
Data and maps
JDir
Data and maps
Role
Role
Design System Lead
Design System Lead
Design System Lead
Design System Lead
Timeline
Timeline
3 months
3 months
3 months
3 months
Platform
Platform
Design system for data and map visualisation
Design system for data and map visualisation
Design system for data and map visualisation
Design system for data and map visualisation
Constraints
Constraints
System that had to work without ongoing design support
System that had to work without ongoing design support
System that had to work without ongoing design support
System that had to work without ongoing design support
The product
The product
The Norwegian Railway Directorate coordinates the national railway sector. I designed a system for presenting data, maps and diagrams in websites, reports and presentations.
The Norwegian Railway Directorate coordinates the national railway sector. I designed a system for presenting data, maps and diagrams in websites, reports and presentations.
The Norwegian Railway Directorate coordinates the national railway sector. I designed a system for presenting data, maps and diagrams in websites, reports and presentations.
The Norwegian Railway Directorate coordinates the national railway sector. I designed a system for presenting data, maps and diagrams in websites, reports and presentations.
Business goal
Business goal
Different teams used different tools and made maps and diagrams in their own ways. The result was inconsistent, and people often started from scratch.
Different teams used different tools and made maps and diagrams in their own ways. The result was inconsistent, and people often started from scratch.
Different teams used different tools and made maps and diagrams in their own ways. The result was inconsistent, and people often started from scratch.
Different teams used different tools and made maps and diagrams in their own ways. The result was inconsistent, and people often started from scratch.
The goal was one shared system that worked across those existing tools, without relying on a designer for every visualisation.
The goal was one shared system that worked across those existing tools, without relying on a designer for every visualisation.
The goal was one shared system that worked across those existing tools, without relying on a designer for every visualisation.
The goal was one shared system that worked across those existing tools, without relying on a designer for every visualisation.
The approach
The approach
The hard part was finding the right level of abstraction. Too specific and it only works once, too generic and it becomes useless. I started with what people were already making and looked for what could be simplified and reused.
The hard part was finding the right level of abstraction. Too specific and it only works once, too generic and it becomes useless. I started with what people were already making and looked for what could be simplified and reused.
The hard part was finding the right level of abstraction. Too specific and it only works once, too generic and it becomes useless. I started with what people were already making and looked for what could be simplified and reused.
The hard part was finding the right level of abstraction. Too specific and it only works once, too generic and it becomes useless. I started with what people were already making and looked for what could be simplified and reused.
I reduced maps to greyscale so the data could stand out. Icons and charts were kept modular and intentionally basic.
I reduced maps to greyscale so the data could stand out. Icons and charts were kept modular and intentionally basic.
I reduced maps to greyscale so the data could stand out. Icons and charts were kept modular and intentionally basic.
I reduced maps to greyscale so the data could stand out. Icons and charts were kept modular and intentionally basic.
The line diagrams needed more structure. I built them as a modular grid in Figma, where staff can combine parts into different diagrams. A few simple rules keep frequency, train types and routes consistent.
The line diagrams needed more structure. I built them as a modular grid in Figma, where staff can combine parts into different diagrams. A few simple rules keep frequency, train types and routes consistent.
The line diagrams needed more structure. I built them as a modular grid in Figma, where staff can combine parts into different diagrams. A few simple rules keep frequency, train types and routes consistent.
The line diagrams needed more structure. I built them as a modular grid in Figma, where staff can combine parts into different diagrams. A few simple rules keep frequency, train types and routes consistent.
I also ran Figma training and wrote short PDF manuals, so people could start using the system on their own.
I also ran Figma training and wrote short PDF manuals, so people could start using the system on their own.
I also ran Figma training and wrote short PDF manuals, so people could start using the system on their own.
I also ran Figma training and wrote short PDF manuals, so people could start using the system on their own.
Setting clear expectations before users touch the map
Setting clear expectations before users touch the map
Filtering unplaced photos dynamically by the current map area
Filtering unplaced photos dynamically by the current map area
Forcing users to isolate and tag a specific detail in the photo
Forcing users to isolate and tag a specific detail in the photo
Forcing users to isolate and tag a specific detail in the photo
Forcing users to isolate and tag a specific detail in the photo
Agency engagement ended at launch.
Agency engagement ended at launch.
Agency engagement ended at launch.
Agency engagement ended at launch.
Post-launch metrics stay with the client.
Post-launch metrics stay with the client.
Post-launch metrics stay with the client.
Post-launch metrics stay with the client.
Tıme to hit
pause,
see you soon
Tıme to hit
pause,
see you soon
Tıme to hit
pause,
see you soon
Tıme to hit
pause,
see you soon
Tıme to hit
pause,
see you soon