Wilmington University Augmented Reality app UI/UX design (Figma)
From January to April 2022, during my final year at Wilmington University, I created a working alpha of an upcoming augmented reality (AR) app for Wilmington University's crime scene investigation (CSI) course. In this ARCSI project, I would lead a team of other programmers, artists, sound designers, and 3D modelers, and I would have a critical role in integrating Unity / C# with Vuforia and PHP/mySQL to bring the augmented reality to life.
Take a look at the working alpha build here: https://www.artstation.com/artwork/eJreQ3
However, before the AR and programming work could come together, I spearheaded the UI/UX design, iterating through Figma designs before finally creating the Unity wireframe.
Figma moodboard:
Moodboard of colors and gradients. The earliest design favored bright, warm tones -- reds, purples, and browns.
Figma UI design - #1
Using the red and brown gradients from the moodboard, I designed the very first UI concept. The vision for this UI was a scrolling menu of "tiles", which the user could click to select a 3D object to place in the AR scene.
Figma UI design - #2
The provocative reds were swapped for a more mellow, professional blue, but the tiled menu was retained.
The back arrow (top-left corner) was swapped for a more streamlined design.
Figma UI design - #3
Trying out the new blue gradient outside of the app's object selection menu.
Figma UI design - #4
More color experimentation, this time with a darker, corporate blue.
Final UI design!
With transparent black backgrounds in addition to the blue tiles, the UI design is now integrated into Unity.
The UI/UX in action.