Working with Transport for London on imagining the future of Stations in London was a really rewarding and engaging experience.

I led a team of four to work on our vision for the future of navigation and wayfinding in stations, with the Spatial System. After sharing our personal experiences with getting lost, having difficulty finding Top Up points, and trying to find the right platform, we all had first-hand pain points to draw from when prototyping a new experience.

I was also accutely aware that a largely untapped area of development in transport navigation was through the use of sound - and building and navigating environments purely through spatial sound and accompanying visuals, was something TfL had not built before.

To accompany the use of sound, I built a new Dot Architecture, and spatial-focused UI - where animations flowed and animated through dots, and real-life components like Oyster Cards or Payment Terminals remained connected to the digital space. This gave a sense of connectivity across interface contexts, with playful motions giving validation and connection between the customer and the response to their actions.

A relentless focus on humanity drove the visual direction of the product, and I considered how each context could be stripped back essentially, to hone in on the customer's intent, in what can be busy external environments.

We prototyped versions of these interfaces in light modes too, but the dark experience felt most appropriate to distinguish against the light real-life panels and new bright white Stations on the Elizabeth Line, so as to not add further mental complexity to navigation.

To aid context switching, we worked on a Home section for the interface, where each action resided, and where customers could quickly take action, get help or share their location.

We brought interface elements (like the live view section at the top of this interface) across different contexts - for example, for both gate entry and top up, as they both used proximity-based functionality, but we also built bespoke elements to give character to areas like platform-navigation, and built new "Beacon Zones" and "Platform level" systems to aid with moving between platform levels in unfamiliar Stations.

We also considered how we could respect and celebrate the distinct character of each Station, and to highlight the beautiful individualism of each place as customers move from entry point to destination, and we designed different digital Oyster Card variants, and even stickers for this.

We custom built a contactless experience to demonstrate our new technology. Building laser-cut payment terminals and using NFC tags, coupled with cloud video hosting and Figma prototypes, we prototyped a seamless experience where customers could demo paying, topping up or navigating between platforms.

Using spatial sounds made in Logic, and with dynamic animations assembled in Figma, and then retimed in After Effects, we delivered a connected spatial experience where customers could simply tap their iPhone on the payment terminal, and try out the sequence.

We even gave out thirty NFC tags preprogrammed with permanent access to the demos, so individuals could take the experience home with them. The reception was fantastic, with delight from our testers and strong support from the TfL Digital Design team.