![Bubble – NatAlt Design – SPYGAMES – UX UI](https://natalt.co.uk/wp-content/uploads/2024/01/Bubble-NatAlt-Design-SPYGAMES-UX-UI.png)
SPYGAMES UX & UI
![Bubble – NatAlt Design – SPYGAMES – UX UI](https://natalt.co.uk/wp-content/uploads/2024/01/Bubble-NatAlt-Design-SPYGAMES-UX-UI.png)
SPYGAMES is a physical games experience in NYC where players jump, climb, throw & dodge their way through challenges in high-tech games rooms.
Responsibilities:
My role was to take the vision of the art directors and create:
- UX & UI for all the in-venue digital screens, both interactive and informational
- Web design for the promotional web page
- Web design for the pre- and post-visit experiences
- Art for player avatars
- Designing the reward system
- Design of emails confirming booking and communicating with players
Account Station – check in
![Account Station – Tap to start](https://natalt.co.uk/wp-content/uploads/2024/01/Account-Station-Tap-to-start.png)
![Account Station – Success](https://natalt.co.uk/wp-content/uploads/2024/01/Account-Station-Success.png)
![Account Station – Check in – Email input](https://natalt.co.uk/wp-content/uploads/2024/01/Account-Station-Check-in-Email-input.png)
![Account Station – Check in – Code sent](https://natalt.co.uk/wp-content/uploads/2024/01/Account-Station-Check-in-Code-sent.png)
![Account Station – Tickets found](https://natalt.co.uk/wp-content/uploads/2024/01/Account-Station-Tickets-found.png)
![Account Station – New player – Choose avatar](https://natalt.co.uk/wp-content/uploads/2024/01/Account-Station-New-player-Choose-avatar.png)
![Account Station – Profiles – Editing avatar](https://natalt.co.uk/wp-content/uploads/2024/01/Account-Station-Profiles-Editing-avatar.png)
![Account Station – New player – Height eg1](https://natalt.co.uk/wp-content/uploads/2024/01/Account-Station-New-player-Height-eg1.png)
![Account Station – Activate wristbands – In progress](https://natalt.co.uk/wp-content/uploads/2024/01/Account-Station-Activate-wristbands-In-progress.png)
![Account Station – New player – Waiver 5](https://natalt.co.uk/wp-content/uploads/2024/01/Account-Station-New-player-Waiver-5.png)
![Account Station – Check in – Add funds](https://natalt.co.uk/wp-content/uploads/2024/01/Account-Station-Check-in-Add-funds.png)
![Account Station – Error – General](https://natalt.co.uk/wp-content/uploads/2024/01/Account-Station-Error-General.png)
Account Station – Player progress
![Account Station – Summary](https://natalt.co.uk/wp-content/uploads/2024/04/Account-Station-Summary.png)
![Account Station – Profiles – Editing face – Changed](https://natalt.co.uk/wp-content/uploads/2024/04/Account-Station-Profiles-Editing-face-Changed.png)
![Account Station – Profiles – Editing player-1](https://natalt.co.uk/wp-content/uploads/2024/04/Account-Station-Profiles-Editing-player-1.png)
![Account Station – Media](https://natalt.co.uk/wp-content/uploads/2024/04/Account-Station-Media.png)
![Account Station – Rewards – Track – Claimed](https://natalt.co.uk/wp-content/uploads/2024/04/Account-Station-Rewards-Track-Claimed.png)
![Account Station – Profiles](https://natalt.co.uk/wp-content/uploads/2024/04/Account-Station-Profiles.png)
Game check in
![Pre Game Station – Tap to play](https://natalt.co.uk/wp-content/uploads/2024/04/Pre-Game-Station-Tap-to-play.png)
![Pre Game Station – CCTV – Multiple games](https://natalt.co.uk/wp-content/uploads/2024/04/Pre-Game-Station-CCTV-Multiple-games.png)
![Pre Game Station – Tap to play-1](https://natalt.co.uk/wp-content/uploads/2024/04/Pre-Game-Station-Tap-to-play-1.png)
![Pre Game Station – Game select](https://natalt.co.uk/wp-content/uploads/2024/04/Pre-Game-Station-Game-select.png)
![Pre Game Station – Player taps in](https://natalt.co.uk/wp-content/uploads/2024/04/Pre-Game-Station-Player-taps-in.png)
![Pre Game Station – Locked difficulty](https://natalt.co.uk/wp-content/uploads/2024/04/Pre-Game-Station-Locked-difficulty.png)
![Pre Game Station – Briefing title](https://natalt.co.uk/wp-content/uploads/2024/04/Pre-Game-Station-Briefing-title.png)
![Pre Game Station – Briefing intro](https://natalt.co.uk/wp-content/uploads/2024/04/Pre-Game-Station-Briefing-intro.png)
![Pre Game Station – Need to Know – Peak protocol](https://natalt.co.uk/wp-content/uploads/2024/04/Pre-Game-Station-Need-to-Know-Peak-protocol.png)
![Pre Game Station – Please wait – CCTV](https://natalt.co.uk/wp-content/uploads/2024/04/Pre-Game-Station-Please-wait-CCTV.png)
![Pre Game Station – Team get ready](https://natalt.co.uk/wp-content/uploads/2024/04/Pre-Game-Station-Team-get-ready.png)
![Pre Game Station – Enter arrows R](https://natalt.co.uk/wp-content/uploads/2024/04/Pre-Game-Station-Enter-arrows-R.png)
In game screens
![In game – Get ready](https://natalt.co.uk/wp-content/uploads/2024/04/In-game-Get-ready.png)
![In game – GO](https://natalt.co.uk/wp-content/uploads/2024/04/In-game-GO.png)
![In game – Scoring – Multiplier](https://natalt.co.uk/wp-content/uploads/2024/04/In-game-Scoring-Multiplier.png)
![In game – Scoring – Multiplier lost](https://natalt.co.uk/wp-content/uploads/2024/04/In-game-Scoring-Multiplier-lost.png)
![In game – Game over](https://natalt.co.uk/wp-content/uploads/2024/04/In-game-Game-over.png)
![In game – Final score – Difficulty unlocked](https://natalt.co.uk/wp-content/uploads/2024/04/In-game-Final-score-Difficulty-unlocked.png)
![In game – Replay](https://natalt.co.uk/wp-content/uploads/2024/04/In-game-Replay.png)
![In game – Exit](https://natalt.co.uk/wp-content/uploads/2024/04/In-game-Exit.png)
Post game screens
![Post Game – Countdown](https://natalt.co.uk/wp-content/uploads/2024/04/Post-Game-Countdown.png)
![Post Game – Games played](https://natalt.co.uk/wp-content/uploads/2024/04/Post-Game-Games-played.png)
![Post Game Screen](https://natalt.co.uk/wp-content/uploads/2024/04/Post-Game-Screen.png)
![Post Game – Team score 3](https://natalt.co.uk/wp-content/uploads/2024/04/Post-Game-Team-score-3.png)
![Post Game – Team score 1](https://natalt.co.uk/wp-content/uploads/2024/04/Post-Game-Team-score-1.png)
![Post Game – LB](https://natalt.co.uk/wp-content/uploads/2024/04/Post-Game-LB.png)
![Post Game – Player XP](https://natalt.co.uk/wp-content/uploads/2024/04/Post-Game-Player-XP.png)
![Post Game – Title – Level up](https://natalt.co.uk/wp-content/uploads/2024/04/Post-Game-Title-Level-up.png)
![Post Game – Rewards eg 1](https://natalt.co.uk/wp-content/uploads/2024/04/Post-Game-Rewards-eg-1.png)
CCTV screen
![Social Screen – CCTV – Mix](https://natalt.co.uk/wp-content/uploads/2024/04/Social-Screen-CCTV-Mix.png)
Promo website design
![Post Visit Web – Desktop](https://natalt.co.uk/wp-content/uploads/2024/04/Post-Visit-Web-Desktop-scaled.jpg)
Post visit website design
![Post Visit Web – Desktop](https://natalt.co.uk/wp-content/uploads/2024/04/Post-Visit-Web-Desktop-scaled.jpg)
Emails
![Email – Pre visit – Mobile](https://natalt.co.uk/wp-content/uploads/2024/04/Email-Pre-visit-Mobile.png)
![Email – Post visit – Mobile](https://natalt.co.uk/wp-content/uploads/2024/04/Email-Post-visit-Mobile.png)
![Email – Order Confirmation Email – Mobile](https://natalt.co.uk/wp-content/uploads/2024/04/Email-Order-Confirmation-Email-Mobile.png)