banner.jpg

PathIndoor

Today, outdoor GPS navigation apps, such as Waze and Google Maps, have been proven to be lifesavers to countless people. However, it is still quite easy for us to get lost inside shopping centers, transit systems, convention centers and other indoor venues. To fill the gap, I create an app that has customized 3D venue models and inside structures, with which people can navigate around and search for their destination. Augmented routes are shown on screen with real-time distance information giving the most intuitive guidance to people.

 
 

    2018.2 - 2018.4

Interaction DesignAugmented Reality, App Development
Unity, ARKit, Swift, Maya, Sketch
 
 
 
process.png
 
 

Ideation

To solve people's indoor navigation pain points, the app has these features. It has recognizable 3D buildings with inside structures so that people can have a better sense of the whole geolocation and space around. People can simply search for their destination and then instead of using their brains to figure out the ways, an augmented reality route will be shown on screen, giving them the most intuitive guidance.

 

Persona & Scenario

 
process2.png
 
 

MoodBoard

Before I start, I ask myself what will future maps look like? Unlike google maps and apple maps, it can be more realistic or stylish. Therefore, I make this moodboard for visual design references and then render the style I want in Cinema 4D.

moodboard link

 
moodboard.jpg
 
 

Visual Guide

Here are the app logo design, color palette and fonts. The logo is a simple door shape formed by letter P and I. When you open PathInoor app, you enter this door and can navigate inside freely. In addition, I also make this logo looks like an abstract map pin.

 
mid-semester presentation.001.jpeg
 
 
process3.png
 

Use Flow

use flow.png
 

Key Interfaces

 

Interaction

 
process4.png
 
 

Implementation 

I used Corelocation and ARKit. Corelocation uses wifi and GPS data to determine your global location. ARKit uses camera and motion data to map out the local world as you move around. Finally, I blends the real size interactive 3D maps into augmented reality with Unity.

 
 
PathIndoor copy.001.jpeg
 
 
 
 
 
process5.png
 

Demo