Mobile Banking App Using AR

Bankshi: Mobile Banking App Using AR

Final Prototype

Low-poly render of shiba inu dog for Bankshi app

Project

This was a graduate school project where a small team, involving me, learned how to develop augmented reality prototypes through Unity. Our objective was to find a way to incorporate augmented reality (AR) into an application that someone would want to use.

Duration: 3 Weeks

Methods: Concept Mapping, Mind Mapping, Prototyping, Sketching

Tools: Adobe Illustrator, Adobe Photoshop, Microsoft Visual Studio, Sketch, Unity

Context

The group consisted of Gloria Jing, Syashi Gupta, and me. We wanted to look at a banking application that used AR technology to encourage people to save money, especially younger audiences.

Research

Key Insights:

Augmented reality technology is viewed as positive by most, but is still being integrated.
Banking applications are the slowest to integrate newer forms of technology.

Methods:

Concept Mapping: Established after our main idea was established, concept mapping took place to map out where a banking augmented reality application could go.
Mind Mapping: Used early on to brainstorm ideas with the group members, we mapped out different ideas on where the project could go and ideas that were associated with such.
Prototyping: Critical to the understanding of our application, prototyping was key in understanding how to learn and build this application. Our final project is shown in a working prototype after many different tests.
Sketching: Sketching was used mostly for wireframing in deciding how the application might function, as well as quickly portraying ideas between group members.

Initial mapping:

Investigations into color + precedents:

Define

Instead of someone spending money on something like Starbucks, they could instead move the money they would spend on the drink to their savings. At the end of the month, one can see how much they have virtually “bought” or invested in, rather than actually spending. We would accomplish this via a supportive animal that the money goes to, encouraging people to take care of the animal, and in turn, their savings.

Goals to address:

Gamify the process of putting money from checking to savings
Mockup
- Notification popup
- App layout before going into game
Prototype
- Animal/Shiba in AR
- UI of AR setup
- Interactions in gamified process

Ideate

Iterate

Most iterations that took place were discussion and technical-based. Our project had many different directions it could go, but we fine-tuned it as we progressed throughout the process.

We divided efforts in this assignment to meet deadlines, and after establishing our core ideas, my focus was on the research backing up the project, the presentation, the screen wireframes, and the mockups of notifications and screens. At every point, each group member had a say, so we were engaged with other aspects to hold each accountable.