Batman x Spyscape: App & Web UX & UINat Al-Tahhan2024-02-02T08:00:46+00:00

Bubble – NatAlt Design – Batman x SPYSCAPE – App Web UI

UX & UI Design for Batman Experience at SPYSCAPE

Bubble – NatAlt Design – Batman x SPYSCAPE – App Web UI

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

Messages – Oracle – Multi Message

Oracle Error Ctd

Messages – Riddler – Input

Messages – Oracle – Link

Map – Location

Gadgets – All

Gadgets – Initialisation

App: In game gadgets (minigames)

Gadgets – Tap Hacker – Searching-1

Gadgets – Tap Hacker – Data found

Gadgets – Lens – Start

Gadgets – Selfie – Confirm

Gadgets – Oracle Sweeper – Startup 3

Gadgets – Oracle Sweeper – In progress 4

Gadgets – Bug – Start

Gadgets – Bug – End state-1

Gadgets – Lens – Start

Gadgets – Lens – Processing

App: NFC Tutorial

Bat Scanner – Tutorial – iPhone – 1

Bat Scanner – Tutorial – iPhone – 4

Bat Scanner – Tutorial – iPhone – 5

Bat Scanner – Tutorial – iPhone – 2

Bat Scanner – Tutorial – iPhone – 3

App: Media

Data Storage

Audio – playing

Video – playing

Video – Error

Leviathan Log – Text

Promotional website

Batman Promo Website – Desktop

In game websites

Leviathan Website – Desktop

GCU Academic Website – Desktop – Events