This is a UI wireframe for a mobile AR game I had started to design for a public library, before the funding unfortunately dried up. The goal was to have students explore a nearby park and learn to verify information at different key locations.


UI Wireframe Map

UI Key

Proximity Color Shift

All HUD elements were arranged so they were visible during all gameplay, regardless of which menu was opened. The interface is slanted to maximize the area used for the Team Score and Map sections while appropriately minimizing the Camera and Settings buttons. The color of the UI changes depending on the player's proximity to an unfound collectable