Introduction

Spyscape museum is one of NYC’s top tourist destinations, as well as being a growing entertainment brand focused on all things espionage.

I was hired to work on their expanding digital presence, starting with a new hub site, and following up with a diverse range of product offerings.  

Over 10 fast paced months, I delivered improvements to their expanding digital presence, releasing sites for their HQ, film festival, media hub and visitor profile, as well as content and graphics. I also tackled a difficult problem of information architecture.

The result was vastly improved standard of design, as well as clarity and structure in the navigation experience.

Team

Role:
UX, UI, Visual design, Information architecture

Team:
1
x Designer, 1 x Product Manager, 1 x Developer

Time:
10 months

Site designs

Spyscape HQ

A complete overhaul of the site for the Spyscape museum and experience in New York City. We simplified the site map and tried to bring the excitement through short video and bold photography.

Spyflix

A bold, graphic treatment on the microsite for the upcoming Spyflix Film Festival.

Spycraft

A revamped hub for spy related media content, including video, articles and latest news. Future phases are to include a personalised content feed based on user account preferences.

Spy Skills

The Spy Skills part of Spyscape interprets results from the museum visit and online games to give the user a profile to compare with famous spies, learn about spy roles, and inform a customised content feed.

Spy Skills

The Spy Skills part of Spyscape interprets results from the museum visit and online games to give the user a profile to compare with famous spies, learn about spy roles, and inform a customised content feed.

Challenges

Navigation problem

Spyscape was expanding at a fast pace, offering a range of new products, events and content. We were keen to showcase as much as possible by jamming new additions to the nav. It was becoming confusing for us and for users.

Tipping point

At first I redesigned the nav, but we were trying to cram in too much stuff. It didn’t make sense and it was only going to get worse. Something had to give.

Rethink

We started with an exercise in grouping the Spyscape offerings. What fitted with what? And how do we create a pleasant user experience while also addressing the business objective of expanding awareness of the brand?

Solution

We separated all the offerings and treated each as a seperate product

Mobile nav

Global nav

Local nav

Desktop nav

Global

Account

Local navigation across different sites

Ticket widget

Graphics

Podcast

A series of weekly artwork done for each episode of Spyscape's hit podcast series 'True Spies'

Video graphics

A series of artwork done for each episode of Spyscape's Youtube series 'Debrief'

Spy themed graphics

Spy themed graphics used throughout the site.