Designing a network map

Close of TCL's 2008 MPLS Service Map

Detail of TCL's 2008 MPLS Service Map

In this post I wanted to explore the evolution of the network and services maps I created for VSNL International and Tata Communications (TCL) over the years. I covered the interactive version in a previous post. The static maps were a huge undertaking. Up to the beginning of 2008, I was more or less designing and maintaining all these maps for the client.

Detail of the first Global Footprint map from 2005

Detail of the 2005 Global Footprint map

The creation of the maps was a tedious but challenging task. It first required a lot of research to gather the core data. Then started the process of designing all the elements that would make up the map (icons, line styles, colors, fonts, architecture of data, etc…) Putting it all together in Illustrator required a few hundred hours.

The first version of the network map reflected the concept of Global Business Pathway. Used in the branding of VSNL International. The Pathway sphere was a container for the services icons for a location (see Tokyo in the illustration below.)

Close up of the complex connectivity to Japan

Close up of the complex connectivity to Japan

VSNL International re-branded in 2006, the Global business Pathway was dropped. I designed a new visual style for most of the elements. More modern and streamlined. The network and services had expanded following the acquisition of Teleglobe. The new visual style needed to account for the increase in complexity.

New services icons and labels

New services icons and labels

North Asia... Still looks busy.

North Asia... Still looks busy.

I also experimented with completely different renderings. First was a connectivity view of the network. It illustrated the major undersea cables and the cities where they interconnect. But did not show geography. This map was dubbed the Schematic Network Map.

Major cables interconnect

Major cables interconnect

Close up of the schematic view

Close up of the schematic view

Rendering the undersea cable routes as subway lines are shown on maps from the Paris or London Subway. The routes would run along each other and follow angular turns to clean up the busy areas. Although the line style wasn’t used, the concept of Hubs and other new visual treatments would be use in later versions of the map.

Clean lines

Clean lines

Close up of the Singapore Hub

Close up of the Singapore Hub

Due to issues with the world map used (distorted projection, inaccurate data and no country polygons) it was time to re-create the maps on a new template. A new stock world map was used as a base for all the maps. It showed a less distorted view of the world and allowed for more accurate geodata. It also meant a complete re-creation of all the maps in a short time. I setup a system of includes, symbols and other modular elements to speed up production. This made revisions and updates much less disruptive.

2008 GFP Map detail

2008 GFP Map detail

Hub and major locations

Hub and major locations

The new template also allowed for new country by country coverage maps.

MPLS Map detail

MPLS Map detail

Close up on India

Close up on India

The key for me (and STC) was to deliver meaningful maps that would also be visually pleasing. Creating vector based maps allowed us to use them from print to online interactive. As interactive PDFs to email (where layers of data could be turned on and off).

The latest Global Footprint map has over 30 undersea cables, a complex IP terrestrial network, hundreds of landings and service locations. It manages to represent a bird’s eye view of TCL’s network and services. This has been one of my most challenging and most rewarding project.

Global Footprint Map used on CNBC for TCL's launch

Global Footprint Map used on CNBC for TCL's launch

As STC’s design department grew, I was able to spread the wealth to the other designers… Although one of them quit after working on a map update for a week. Like I said: tedious work.

Read on: The interactive version.

Leave a Reply