![Bubble – NatAlt Design – Batman x SPYSCAPE – App Web UI](https://natalt.co.uk/wp-content/uploads/2020/08/Bubble-NatAlt-Design-Batman-x-SPYSCAPE-App-Web-UI.png)
UX & UI Design for Batman Experience at SPYSCAPE
![Bubble – NatAlt Design – Batman x SPYSCAPE – App Web UI](https://natalt.co.uk/wp-content/uploads/2020/08/Bubble-NatAlt-Design-Batman-x-SPYSCAPE-App-Web-UI.png)
Website design for the companion game to the Batman experience at SPYSCAPE, New York City. Seamlessly combining an app-based narrative adventure with an interactive physical experience in real-time.
Responsibilities:
- UX Design – app & web
- UI Design – app & web
- Promotional websites
- Faux websites for the in-game experience
- Promotional & confirmation emails
App: Game screens
![Connecting to Oracle-2](https://natalt.co.uk/wp-content/uploads/2022/06/Connecting-to-Oracle-2.png)
![Messages – Oracle – Multi Message](https://natalt.co.uk/wp-content/uploads/2022/06/Messages-Oracle-Multi-Message.png)
![Oracle Error Ctd](https://natalt.co.uk/wp-content/uploads/2022/06/Oracle-Error-Ctd.png)
![Messages – Riddler – Input](https://natalt.co.uk/wp-content/uploads/2022/06/Messages-Riddler-Input.png)
![Messages – Oracle – Link](https://natalt.co.uk/wp-content/uploads/2022/06/Messages-Oracle-Link.png)
![Map – Location](https://natalt.co.uk/wp-content/uploads/2022/06/Map-Location.png)
![Gadgets – All](https://natalt.co.uk/wp-content/uploads/2022/06/Gadgets-All.png)
![Gadgets – Initialisation](https://natalt.co.uk/wp-content/uploads/2022/06/Gadgets-Initialisation.png)
App: In game gadgets (minigames)
![Gadgets – Tap Hacker – Searching-1](https://natalt.co.uk/wp-content/uploads/2022/06/Gadgets-Tap-Hacker-Searching-1.png)
![Gadgets – Tap Hacker – Data found](https://natalt.co.uk/wp-content/uploads/2022/06/Gadgets-Tap-Hacker-Data-found.png)
![Gadgets – Lens – Start](https://natalt.co.uk/wp-content/uploads/2022/06/Gadgets-Lens-Start.png)
![Gadgets – Selfie – Confirm](https://natalt.co.uk/wp-content/uploads/2022/06/Gadgets-Selfie-Confirm.png)
![Gadgets – Oracle Sweeper – Startup 3](https://natalt.co.uk/wp-content/uploads/2022/06/Gadgets-Oracle-Sweeper-Startup-3.png)
![Gadgets – Oracle Sweeper – In progress 4](https://natalt.co.uk/wp-content/uploads/2022/06/Gadgets-Oracle-Sweeper-In-progress-4.png)
![Gadgets – Bug – Start](https://natalt.co.uk/wp-content/uploads/2022/06/Gadgets-Bug-Start.png)
![Gadgets – Bug – End state-1](https://natalt.co.uk/wp-content/uploads/2022/06/Gadgets-Bug-End-state-1.png)
![Gadgets – Lens – Start](https://natalt.co.uk/wp-content/uploads/2022/06/Gadgets-Lens-Start-1.png)
![Gadgets – Lens – Processing](https://natalt.co.uk/wp-content/uploads/2022/06/Gadgets-Lens-Processing.png)
App: NFC Tutorial
![Bat Scanner – Tutorial – iPhone – 1](https://natalt.co.uk/wp-content/uploads/2022/06/Bat-Scanner-Tutorial-iPhone-1.png)
![Bat Scanner – Tutorial – iPhone – 4](https://natalt.co.uk/wp-content/uploads/2022/06/Bat-Scanner-Tutorial-iPhone-4.png)
![Bat Scanner – Tutorial – iPhone – 5](https://natalt.co.uk/wp-content/uploads/2022/06/Bat-Scanner-Tutorial-iPhone-5.png)
![Bat Scanner – Tutorial – iPhone – 2](https://natalt.co.uk/wp-content/uploads/2022/06/Bat-Scanner-Tutorial-iPhone-2.png)
![Bat Scanner – Tutorial – iPhone – 3](https://natalt.co.uk/wp-content/uploads/2022/06/Bat-Scanner-Tutorial-iPhone-3.png)
App: Media
![Data Storage](https://natalt.co.uk/wp-content/uploads/2022/06/Data-Storage.png)
![Audio – playing](https://natalt.co.uk/wp-content/uploads/2022/06/Audio-playing.png)
![Video – playing](https://natalt.co.uk/wp-content/uploads/2022/06/Video-playing.png)
![Video – Error](https://natalt.co.uk/wp-content/uploads/2022/06/Video-Error.png)
![Leviathan Log – Text](https://natalt.co.uk/wp-content/uploads/2022/06/Leviathan-Log-Text.png)
Promotional website
![Batman Promo Website – Desktop](https://natalt.co.uk/wp-content/uploads/2022/06/Batman-Promo-Website-Desktop.png)
In game websites
![Leviathan Website – Desktop](https://natalt.co.uk/wp-content/uploads/2022/06/Leviathan-Website-Desktop.png)
![GCU Academic Website – Desktop – Events](https://natalt.co.uk/wp-content/uploads/2022/06/GCU-Academic-Website-Desktop-Events.png)