Sourcebits 8 Step Design Process: Creating a Mobile App for ING Vysya

Our tried-and-tested design process is a huge part of our success. How do we consistently produce such amazing results?

!Let’s run through the process for a Sourcebits client.

!ING Vysya is one of the largest financial institutions in India. This is how we designed

their innovative new mobile banking app for iOS and Android.

Introduction

!We start with a product meeting - part brainstorm, part innovation, part refinement, part strategy - between the client and Sourcebits team. We bring designers, developers, sales, and marketing to foster a collaborative environment and get different ideas and perspectives flowing. Find out more about our innovation workshops.

1. Concept Ideation

In these innovation discovery sessions, we poke and pull at concepts, break down assumptions and discuss possible features and experiences. Our goal: find the BIG idea of the app.

1. Concept Ideation

Sourcebits now tackles two issues: the user and the marketplace. Using mind maps, use cases, and mood boards, we aim to fully understand the motivations that drive our intended user demographic so we can build an app that appeals to them.

2. User and Market Research

We also gain a deep understanding of the current state of the market to figure out where the new product will fit, disrupt and compete. We study our potential competitors so we can stay ahead of what they’re doing.

2. User and Market Research

This in-depth research also helps solidify the branding of the app.

2. User and Market Research

Now we design the app’s functionality. We consider the main features of the app and understand the relationships between them to create a user experience map.

3. Wireframes

1.

2.

The Sourcebits design team then draws the layout of every screen and figures out the placement of each element, leaving nothing to chance. Doing this establishes the cohesive flow of the app.

3. Wireframes

4. Prototype

Much like Mark Zuckerberg’s quote “Move fast and break things,” we believe in “failing early.” This means we like to do a quick-and-dirty prototype early in the process - then test it on a small group of users.

A prototype actually saves time in the long run by helping us figure out if the particular concept we want to do is effective, or if we should pursue a different avenue.

4. Prototype1. 2.

Next, we move into the visual design phase of the process. Our team adds the aesthetic elements to the screens and matches the visuals to the branding we’ve established to put the final polish on an app.

5. Visual Design

6. Development

Development of an app happens in tandem with design. At Sourcebits we ensure the engineering of the app (outlined in a detailed specification document) matches the quality of our pixel-perfect design.

When the prototype is ready, users test the application, bring their experiences back to us, and we evaluate their feedback. We also make sure all the stakeholder’s opinions and goals for the app are valued and taken into account.

7. Testing

Once we have a solid idea of what needs to be done, we make the changes and then test the application more intensively.

7. Testing

8. Iterate and Refine

We continue to iterate and refine the product design until the user feedback is positive, the client is happy with the results, and our team feels the app lives up to our high design and development standards.

“There has been a lot of focus on making the app secure, and keeping the

design and interface intuitive.”

Results

“Everything is tightly integrated and

updated…it’s very interactive and visually

delightful.” !!

- Intellect Digest

“The mobile app offers quite a few additional features which make it stand apart from other mobile banking apps.”

WP Central !- Digit

Contact Us

Want to know how our process can help you bring your app to life? Sourcebits is designed to deliver results.

Let’s Talk

!

Email: info@Sourcebits.com Twitter: @Sourcebits

Let’s Talk