Before going to space, astronauts are only given 2 weeks of medical training. This is an issue due to how the levels of gravity in space affect human health. Project V.H.S. is a virtual simulation desktop application created with NASA to educate future astronauts on how human anatomy and medical procedures will differ in space versus on Earth.
As part of my role, I created in-game mockups with Photoshop and Illustrator. I also worked with the dev team to implement and animate data-driven UI into Unity.
Roles: UI Design
Tools: Photoshop, Illustrator, Unity
Mockups
I started with a grey-gradient background to make sure my UI was visible in different lighting settings.
icons
To match the futuristic space aesthetic, icons were designed to be more slick with thinner lines and no color.
Mockup vs In-Game
After the final environment was determined, I made my UI lighter to add more contrast. Font sizes and weights were adjusted for visual hierarchy and readability.
UI Animations
The UI was designed to slide in and out to occupy less space and create a more empty spacious atmosphere. Animations were made to be subtle to not overload the player as this application was data-intensive with many panels sliding in and out. A slight bounce was given to each UI panel as they slid in to catch the viewer’s eyes and create a soothing effect.
In-Game
I designed the UI to be more subtle and placed along the edges to allow the background and 3D models to be the main focus. Inspiration was taken from Halo 5 and futuristic hospitals.
UI Art Assets Kit
I made a style guide and asset library of the project to be used as a way to quickly mockup future screens and projects.