Interactive Game-like Experience - Fall 2024

Interactive Game-like Experience - Fall 2024

roam.io

roam.io

roam.io

UX Design

UX Design

UX Design

UI Design

UI Design

UI Design

Figma

Figma

Figma

Overview

Overview

roam.io is an app that aims to connect tourists and locals to cities they are located in. It provides suggested routes, landmarks, and gives game-like incentives such as competitive collaboration to engage users with their surorundings and the app to learn more about the area they are in. This was a group project done with my good friend Jackson Palmer.

Objective

Objective

To create an interactive experience to help engage users with the Downtown Rochester area.

Work Divide

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

Research

Documentation

Documentation

User Flows

User Flows

Personas

Personas

User Journey Map

User Journey Map

Lo-fi

Lo-fi

Inspiration

Inspiration

Sketches

Sketches

Wireframes - Main Flow

Wireframes - Main Flow

Hi-fi

Hi-fi

Final Concepts

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

Full Design

Final Designs - Main Flow

Final Designs - Main Flow

Prototyping

Prototyping

Wrapping Up

Wrapping Up

What I Learned

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.