Footprint

Learning about history isn't just confined to a textbook. 

 

In my Mixed Reality Design course at Georgia Tech, I collaborated with five colleagues in order to design and prototype a social media application that utilizes augmented reality to view the history of Auburn Avenue.

 

Opportunity

In the early stages of development, Footprint was aimed to be an application that allows users to annotate Auburn Avenue - a historical landmark in Georgia. Users would be able to use AR to see exactly where posts were made, where nearby posts are and make a post themselves. 

Interface Design
Interface Design

Through multiple group brainstorm sessions, we were able to come up with low-fidelity sketches of app functionality. Some of these functionalities include having 3-D navigation arrows, newsfeeds and posts. The app would allow users to explore the city, be led to nearby posts, and display augmented posts based on the user's location.

Experience Design
Experience Design

During our ideation phase, we also made rough sketches about app's navigation. This is when we decided, given our allotted time to complete the project, that we could not incorporate AR. We focused our efforts instead into making the discovery and annotation process a delightful experience.

High-Fidelity Wireframes
High-Fidelity Wireframes

Once we decided on a clear vision for the project, the designers, myself included, created high-fidelity wireframes. Through creating these wireframes, we were able to show a clearer idea of the layout and navigation of the app. This is also when we narrowed down on the app's color scheme and typography.

High-Fidelity Wireframes Cont.
High-Fidelity Wireframes Cont.

All wireframes and digital assets were created in Adobe Illustrator.

Design Standards
Design Standards

Footprint's branding incorporates a bright and colorful palette as well as a rounded sans serif font in order to emphasize its playful nature.

Prototype Screenshots
Prototype Screenshots

These images are screenshots from a functional prototype created by the developers on our team. By the end of the project, we had a working application that had most of our anticipated functionality. If we were to continue with this project, we would incorporate the AR portion that was initially proposed.

 

Solution

The following images show the design process that our team went through from the ideation stage to the actual implementation phase. Please feel free to click on any image above to see additional details!

 

Insight

By the end of this experience, I gained valuable insight regarding teamwork, UX/UI design and branding design. This was my first time going through the design process, and I am proud of my contributions to the project. If we were given more time for the assignment, we would have loved to conduct some user testing to get participatory design data for further improvements.