Softbank for

Windows Phone

Designing a flexible, skinnable banking app for small financial institutions

wp_softbank04.png

My role

During the spring of 2014 I was asked to design the official SoftBank app for Windows Phone.

My primary responsibility for this project was to design a universal, customizable mobile banking app that local financial institutions could offer their customers.

icon_softbank.gif
explorer.png

Exploration

I began by analyzing the information architecture of SoftBank on iOS and Android, as well as conducting competitive analysis on several other banking apps available.

From there, I identified a number of ways in which the Windows Phone version of the app could be simplified, shifting focus onto streamlined task-driven user flows:

  • View Account Balance

  • View Account History

  • Transfer money between accounts

  • Pay bills

  • Deposit checks instantly

  • Send money to people

  • Find branch & ATM locations

Interaction mapping

SoftBankflow_880.png

Wireframing & prototyping

In the Windows Design Studio, one of my primary roles was to provide controls guidance as well as prototyping. In this case, I used Balsamiq to mock up wireframes and determine what controls and design patterns would be the most appropriate for the app.

SoftBankWireFrame.png

After basic wireframing and mockups, I was able to quickly prototype the app in its native design language (XAML), seamlessly moving from prototype to production level code in a single Visual Studio Solution using version control.

SoftBankCode.jpg

The final product

Sign on

wp_softbank01.png

Landing page

wp_softbank03.png

Account history

wp_softbank02.png

Balances

wp_softbank03.png

Thanks!

John