wemakedotcoms

Interactive map for TATA Communications

This post actually covers a project that spanned over the past three years, culminating last February with the launch of the TATA Communications brand. Started as the VSNL International network map, this application grew to various connectivity and services maps. I was responsible for the design and production of the Illustrator maps but also their porting to flash and development of an interactive application.

The creation of the maps was in itself a huge undertaking. Especially as the network grew in size and complexity. A lot of time was spent researching the data. I created all the icons, services and data structure. For three years I was dubbed “Mr. Map” as I created or updated all the major maps used by the organization.

For the launch of TATA Communications I redesigned all the maps and also rewrote the original application from the ground up. The new version uses OOP and is more manageable. All the data is external (maps, layer data, configuration, etc…) The 2008 version included the following new functionality:

• Layer visibility management
• Interactive layer palette
• Fullscreen mode
• Scrollwheel support
• Custom printable view
• Full OOP (30+ classes and sub-classes)
• Vector only GUI (full use of flash effects and filters)

The actual application (GUI & code) is only 44kb. The Most complex map came in at 100kb. Pretty amazing

View the interactive Global Footprint Map.

The interactive maps can be accessed from the Our Network page.

A little experiment with a 3D map chooser…

Below are samples of the static map designed for this project.