CASEY CHAE
  • Work
    • UI/UX
    • Graphics
    • Photo
    • Handcrafted
  • About
  • Blog
  • Work
    • UI/UX
    • Graphics
    • Photo
    • Handcrafted
  • About
  • Blog
Work > UI/UX > ID@GT Tour App

ID@GT Tour App

 My Senior Design team and I designed and developed a self-guided tour mobile app for the School of Industrial Design at Georgia Tech. Specifically targeting prospective students, we captured the life of the school in a richer experience than they would have on a faculty-led tour. As the lead designer of the team, I designed the visuals (UI, Tour Markers, maps) and the experience (navigational flow, user path).

Tools: ​Adobe Illustrator | Adobe Photoshop | Invision | Unity 3D | Balsamiq | Invision
Key Words: ​User Experience | Mobile App | Client Based 
​Category: School
Picture

Picture

Defining the Project

Initial Problem
Prospective students visiting the School of Industrial Design at Georgia Tech during off seasons are unable to gain a full experience of life as an ID student at Georgia Tech since the studios and hallways are not bustling with activity as they usually are throughout the school year.
User Goal
As a prospective student, I want to gain valuable information about the School of Industrial Design so I can decide if I want to go to Georgia Tech.
Client Goal
As the School of Industrial Design, we want to show an accurate depiction of the life found here in our school so prospective students can make the best decision about coming to Georgia Tech.
Our Solution
Our solution is to create a mobile app that showcases the School of Industrial Design through interviews, images and videos. Having prospective students engage in a self-guided tour will help them experience the school's focus on design, technology and research.

Low Fidelity Prototypes

Starting with hand sketches and moving onto digital mockups, I designed the navigation and screen layouts using Balsamiq.
Feature List
At this point, we began to solidify the feature list for our client. The user will be able to:
Play and hear narration
View a map of the school
View 360 images of each tour stop
View videos, images and 3D models of projects
Listen to student and faculty interviews
Move on to the next tour stop

High Fidelity Prototypes

Our team received feedback from our client and other faculty, leading us to design more detailed prototypes. Using the official green color of the School of Industrial Design, I designed the entire UI for our mobile app.

After I designed this prototype, our team's developer put the designs into our app, which was build in Unity 3D.

Testing

We gained valuable testing results from real users (high school students) and faculty. Our testing was performed as a think-aloud followed up with a questionnaire about their opinions and ratings of elements of the app. As we observed the users, we saw the need to fix bugs and design choices.

Through testing, some major things we learned were:
  • The navigation maps needed to be more clear
  • Increased ability to move back and forth between pages gives users more control
  • Our content was very insightful
  • The navigation through the app was intuitive and easy to walk through

Final Product

Picture
The ID@GT Tour App will soon be up on the iOS App Store and the Google Play Store!
< Kollaboration Atlanta
BACK TO Ui/uX
Teen Driver Audio Interface >

EMAIL: casey.chae@gmail.com