alexmiao
blog projects photography

Redesigning Southeastern's Railway Map

28 January 2026
#design#railway#cartography#London

Abstract. Southeastern’s London suburban “metro” network is a complex system consisting of many different routes and termini, which are often misrepresented on official maps. As such, I decided to attempt to design my own version of the network map to better visualise service patterns.

This year, I made the decision to start commuting to university as the cost of student accommodation continues to rise in london. I learned quickly to navigate the commuter network’s quirks, alternating between services and rushing between trains to get to the many different stations where my university’s campuses lie. Fortunately, however, all of them sit on the Southeastern network.

One evening, stranded at Lewisham after a missed connection, I took a closer look at the map on the wall. Everything from the metro network’s Cannon Street loop service to express trains from the Kent coast was rendered in a single dark blue stroke. Compared to the chaos of my daily commute, it felt disappointingly simple.

1960s British Rail, line colours denote different service termini. Railwayana Auctions - Railway Memorabilia Auctions - Live & Online

2025 TfL Tube and Rail servies extract, colours by train operating company.
2025 TfL Tube and Rail servies extract, colours by train operating company.
2025 TfL Tube and Rail servies extract, colours by train operating company.
2025 Southeastern Network services map, single line and colour for majority of network.
2025 Southeastern Network services map, single line and colour for majority of network.
2025 Southeastern Network services map, single line and colour for majority of network.
Southeastern Metro service map: simply a highlighted version of the main map
Southeastern Metro service map: simply a highlighted version of the main map
Southeastern Metro service map: simply a highlighted version of the main map
Comparing different maps’ representation of London’s South East rail network.

Research

Searching online, I found that most maps use the single line style. I was particularly horrified to discover an official Southeastern Metro Services map (??) that simply highlights London’s commuter region in bright green.

However a bit more digging revealed this wasn’t always the case. Before the 2021 Government takeover Government takes over running of LSER services in response to over £25 million breach of franchise agreement - GOV.UK, the previous operator, Govia, had actually attempted to colour-code and name individual routes, albeit with the same crudely highlighted maps. Remnants of this branding remains: this notice board (??) spotted at Waterloo East bears a slight resemblance to those seen on the Tube.

Govia’s Line maps attempted to highlight each line in a different colour on seperate maps

Tube service update whiteboard“Service update” by Nick Normal, CC BY-NC-ND 2.0

Southeastern lines service status board still in use at Waterloo East Station
Southeastern lines service status board still in use at Waterloo East Station
Southeastern lines service status board still in use at Waterloo East Station
Southeastern (Govia) attempted to emulate TfL’s line branding

As a matter of fact, route clarity used to be standard on this network. Many may actually remember the route headcodes displayed on the front of Southeastern trains until as late as 2009 (??). Much like bus numbers, these two digit codes signalled the stopping pattern to commuters and staff instantly—although there was some discontinuity post-privatisation, a full list of British Rail era headcodes still exists online!

It will be interesting to see how the new Great British Railways and TfL decide to handle branding for London’s suburban rail network, and if individually numbered routes will ever return to the commuter railway. Perhaps we could even see them integrated into maps, just like on the continent.

Train displaying route code 16: Charing Cross via Lewisham (2009) “465049, London Bridge, August 29th 2009” by Matt Taylor, with slight edits made, CC BY-NC-SA 2.0

Train with just the destination, Charing Cross, displayed (2011) “465189, London Bridge, October 1st 2011” by Matt Taylor, CC BY-NC-SA 2.0

Class 465 Networkers at London Bridge Station just 2 years apart.

With this historical context in mind, and after looking at some examples on Cameron Booth’s excellent Transit Maps blog, I made the bold decision to give map design a go myself!

Design Process

Having prior experience with vector software, I decided to use Affinity Designer (which is now free for all following the Canva acquisition) for my design. However, after sketching a few principal routes, I quickly realised that this would be no simple task. Southeastern’s timetables were difficult to interpret, and the sheer amount of routes made the approach to Charing Cross difficult to draw.

Experimenting with different ideas.
Experimenting with different ideas.
Experimenting with different ideas.
Running out of space!
Running out of space!
Running out of space!
The first draft, with parts of the Elizabeth and Windrush lines included.

After a steep learning curve, involving understanding curve radii and fiddling with font sizes, I was quite proud of the draft I had created . It contained the majority of routes I use, even including Thameslink services as well as the Windrush and Elizabeth lines.

However, I quickly realised that with this draft, there was simply not enough space for the rest of the network, I needed to be more efficient, which ultimately resulted in abandoning the Elizabeth and Windrush lines and returning to the drawing board with a stricter focus.

Sketch of Dartford lines
Sketch of Dartford lines
Sketch of Dartford lines
Experimenting with greater radii and different styling
Experimenting with greater radii and different styling
Experimenting with greater radii and different styling
The second draft

For the second attempt, I sketched a rough skeleton of the Dartford lines to establish a baseline, and also attempted new styling with greater curve radii. Using Realtime Trains, I scoured through timetable data to identify a total of 23 off-peak services that stop in the metro area which I then began to draw individually, and after a few days of work, finally arrived at a finished product.

The final redisgned map.
The final redisgned map.

Figures 7, 8 and 9 show comparison between different parts of my unofficial redesign, and other official maps.

Southeastern Metro
Southeastern Metro
Southeastern Metro
TfL Tube and Rail
TfL Tube and Rail
TfL Tube and Rail
My unofficial Redesign
My unofficial Redesign
My unofficial Redesign
Comparison around Lewisham Junction
Southeastern Metro
Southeastern Metro
Southeastern Metro
TfL Tube and Rail
TfL Tube and Rail
TfL Tube and Rail
My unofficial Redesign
My unofficial Redesign
My unofficial Redesign
Comparison around Dartford
Southeastern Metro
Southeastern Metro
Southeastern Metro
TfL Tube and Rail
TfL Tube and Rail
TfL Tube and Rail
My unofficial Redesign
My unofficial Redesign
My unofficial Redesign
Comparison of St Mary Cray Junction

Overall, I am quite happy with the result, though I do have a few critiques of my own design: the Lewisham interchange still lacks clarity for fast Sidcup trains (dark pink) and my decision to avoid merging lines, even when I perhaps should have, makes the map quite overwhelming at first glance.

Furthermore, while the map seeks to be as accurate to the off-peak timetable as possible, the reality is that the network seems to be more often than not affected by engineering works and diversions. So I’m not entirely sure about the real-life usability of my diagram, and I can now understand why the Southeastern team might have chosen to avoid creating such a detailed route map.

If you would like to take a closer look, feel free to download the PDF version.

The colour palette
The colour palette
The colour palette
Type ([P22 Underground](https://p22.com/fonts/underground/))
Type (P22 Underground)
Type (P22 Underground)
Geometry of the network
Geometry of the network
Geometry of the network
Design elements

References

    Email LinkedIn GitHub Flickr

    © 2026 Xinyuan (Alex) Miao. All rights reserved.