Interactive Game-like Experience - Fall 2024
roam.io
Overview
Objective
To create an interactive experience to help engage users with the Downtown Rochester area.
Work Divide
I was in charge of the interface design, user experience, and prototyping, while my partner Jackson was in charge of creating 3D videos and images using Cinema 4D.
Research
Documentation
User Flows
Personas
User Journey Map
Lo-fi
Inspiration
Sketches
Wireframes - Main Flow
Hi-fi
Final Concepts
We decided on making roam.io into more of an interactive game experience than a navigation app. Our target audience was people looking for a competitive-collaborative experience while also wanting to learn and exercise.
To match our assets, UI elements were made to look more 3-Dimensional. Subtle glows and gradients were used to give an illusion of light and depth.
Full Design
Final Designs - Main Flow
Prototyping
Wrapping Up
What I Learned
It was fun to create an entire flow for an app, as well as a little extra. Although everything in this project isn't prototyped, the main flow is fully prototyped. Combining 3D assets with 2D UI elements was quite the challenge, and took a lot of iterating. But eventually, with enough critique and experimentation, I feel like I was able to make the elements fit together. While this UI isn't typically modern, I think it was very informational and fun to design. I'm looking forward to designing more screens and bigger interactive projects in the future.