Voyager App

Thesis Project, UI/UX, Motion Design, 3D Modeling

Voyager is a concept for an augmented reality, educational game app meant to inspire the little astronaut in elementary students and older players alike. The story follows you, The Voyager, as you embark on missions to uncover the greatest mysteries of our solar system and the universe.

This is an ongoing project.

Voyager App

Thesis Project, UI/UX, Motion Design, 3D Modeling

Voyager is a concept for an augmented reality, educational game app meant to inspire the little astronaut in elementary students and older players alike. The story follows you, The Voyager, as you embark on missions to uncover the greatest mysteries of our solar system and the universe.

This is an ongoing project.

Voyager_hero

Initiation

This year-long thesis project was partly inspired by my summer internship at Jam3, where my fascination towards augmented reality (AR) technology grew. In my internship, I conceptualized and pitched ways we can use AR as an effective storytelling medium.

One relatively underdeveloped aspect of AR is its use in education. Thus, for the 3-month-long exploration and research phase of my project, I looked at how AR has been used in formal and non-formal educational settings. The findings showed that the use of AR technology was proven to be more beneficial for retaining and understanding information.

Gaps in the Market

Several gaps remain in the AR application market — in terms of the effectiveness of their visual design and user experience. 

The solution? Was inspired by my favorite toy.

The solution? Was inspired by my favorite toy.

The solution? Was inspired by my favorite toy.

quantum

Remember this old thing? The inception of Voyager came from my own love for learning.

This is the Quantum Leap Pad learning system, and I used the shit out of this thing. This existed before touch screens were ubiquitous, and little Charlotte loved the novelty of having to touch a picture and having it talk back to you. The workbooks were filled with stories and scenarios that allowed her the freedom she usually wouldn't get in a classroom.

How do I introduce this same fascination and eagerness for learning to the youth today?

Voyager_mockup3

A Story-Driven Experience

You, The Voyager, must embark on missions to uncover the greatest mysteries of our solar system and the universe.

splash2

User Onboarding

User Onboarding

User Onboarding

onboarding

First Mission Walkthrough

First Mission Walkthrough

First Mission Walkthrough

Observatory

Your main hub for learning about the celestial objects in your night sky.

Tap on any celestial object to access more information on it.

Observatory

Your main hub for learning about the celestial objects in your night sky.

Tap on any celestial object to access more information on it.

Observatory

Your main hub for learning about the celestial objects in your night sky.

Tap on any celestial object to access more information on it.

Dashboard

Dashboard

Dashboard

Journey

See how far you’ve come. This screen shows the missions you have completed so far.

dashboard

Friends

A list of your fellow Voyagers and how many stars you’ve all collected.

Missions

Missions

Missions

missions

Bringing Voyager to Life

Bringing Voyager to Life

UI Animations — coming soon!

Sit tight — the animation portion of this case study is being built (aka taking forever to render). In the meantime here is a preview:

Also stay tuned for the full case study page, complete with more in-depth process work and wireframes.

Project Info

Project Info

Project

Bachelor of Design thesis project

Special thanks to Adam Antoszek-Rallo

Research & exploration:
September 2017–December 2017

Design + animation:
January 2018–Ongoing

 

Project

Bachelor of Design thesis project

Special thanks to Adam Antoszek-Rallo

Research & exploration:
September 2017–December 2017

Design + animation:
January 2018–Ongoing

 

Project

Bachelor of Design thesis project

Special thanks to Adam Antoszek-Rallo

Research & exploration:
September 2017–December 2017

Design + animation:
January 2018–Ongoing

 

Tools

Sketch
Cinema 4D
After Effects
Illustrator
Photoshop

Tools

Sketch
Cinema 4D
After Effects
Illustrator
Photoshop

Tools

Sketch
Cinema 4D
After Effects
Illustrator
Photoshop