Sourcebits 8 Step Design Process: Creating a Mobile App for ING Vysya2. © SOURCEBITS 2015. A GLOBO COMPANY.
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
3. © SOURCEBITS 2015. A GLOBO COMPANY.
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
4. © SOURCEBITS 2015. A GLOBO COMPANY.
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
5. 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
© SOURCEBITS 2015. A GLOBO COMPANY.
6. 2. USER AND MARKET RESEARCH
© SOURCEBITS 2015. A GLOBO COMPANY.
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.
7. This in-depth research also helps solidify the branding of the app.
2. USER AND MARKET RESEARCH
© SOURCEBITS 2015. A GLOBO COMPANY.
8. 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.
1.
2.
3. WIREFRAMES
© SOURCEBITS 2015. A GLOBO COMPANY.
9. © SOURCEBITS 2015. A GLOBO COMPANY.
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
10. 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.
4. PROTOTYPES
© SOURCEBITS 2015. A GLOBO COMPANY.
11. © SOURCEBITS 2015. A GLOBO COMPANY.
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.
1. 2.
4. PROTOTYPES
12. 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
© SOURCEBITS 2015. A GLOBO COMPANY.
13. 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.
6. DEVELOPMENT
© SOURCEBITS 2015. A GLOBO COMPANY.
14. 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
© SOURCEBITS 2015. A GLOBO COMPANY.
15. © SOURCEBITS 2015. A GLOBO COMPANY.
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
16. 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.
8. ITERATE AND REFINE
© SOURCEBITS 2015. A GLOBO COMPANY.
17. “There has been a lot of
focus on making the app
secure, and keeping the
design and interface
intuitive.”
“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
RESULTS
© SOURCEBITS 2015. A GLOBO COMPANY.
18. 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
CONTACT US