Created to answer your what, when and how, consider this blog series as a clever disguise to our weekly updates in terms of “Is this thing even real?” and “Get it on the road already” queries. In all likelihood, your patience will not go unrewarded. Pinky.
So now that you know we know you know, Let’s get started. Shall we?
In this blog, our one-man design army, Ash guides us through the journey of not only making the Infino app look kick-ass but actually kick-ass. Read through as we further discuss the beauty, the brains, the disposition that goes behind designing an intuitive user experience more precisely the Infino app.
The upcoming touchpoints intend to give you a sneak-peek into the look and feel of the actual app while carefully snugging out the influential elements for the big crunch.
Brain-Storming (Literally!)
The Analysis:
Human interface and usability go hand in hand. It was extremely critical to map out two major areas before starting out on our design voyage.
The user and the competitors.
While we had the former figured out we still needed to work on the latter. It’s almost second nature to have a certain set of intuitive taps and touches and some inherent expectations after using similar payment apps. So we decided to test it out for ourselves. It took off. The team was busy downloading apps and had an observant eye examining the onboarding processes, screen flows, etc. in order to highlight commonalities and pain points.
Post-analysis we knew we had to design keeping in mind the following: The first thing that comes intuitively and the last thing the user prefers seeing on a daily basis. Simply put, it involved segregation between the most used and the least used screens and buttons. Sequentially, we had figured out the juice of the app lay in convenience and enjoyability solely.
All in all, it’s now safe to say that the Infino app is the brainchild of the entire team put together.
The Muse:
Lincoln said it right. “If you’ve six hours to chop down a tree, you spend the first four hours sharpening your ax.” Onboarding flows, Gifs, Mockups, Icons, colors pallets, Mood boards, .zip files. Slack was loaded.
Inspiration was everywhere. And it was enough to get started with the wireframe. If you don’t happen to know what that is, a wireframe is like the prototype of your product. More so a bare essentials layout of your product.
We learned and moved thereon using one method: Trial and error. Mainly error. Lots of error.
Secret to a kick-ass app? Decoded.
Central colors:
This part is crucial. Especially when you’re entrusting your dough with someone.
We were well versed with the fact that associating the brand to certain colors like that of blues and greens kicks in an added sense of safety and serenity. And that’s exactly what we needed.
Initially, the color we had picked for Infino was a faded blue with a little tinge of gradient added to it. We went back and forth with that color combination. Not utterly convinced that it would stand out, we were looking for something more. Maybe a combination of both.
We knew to fit in we might have to first stand out first. After numerous color pallet drills and shade visualizations and mood board hunting, we took the plunge. We knew it when we saw it. A shade of subtle green. (maybe a little flashy hmm) But there it was. A sense of fresh but guarded.
Perfectly balanced, as all things must be. (If you get this reference, you’re the OG)
The Terms & Conditions:
The part that most users consider shady yet still blindly tap on the “Yes, I’ve read it” box without spotting the red flags (Hello FaceApp! Where yo at?).
We’ve been there. You’ve been there.
We couldn’t kick the T&C* to some corner of the screen or turn it into the usual microscopic font. And as said, when it has something to do with your dough, you might as well stay woke.
We stand for inculcating the habit of being alert and updated at all times so that you- the end-user is well versed with all things Infino.
Though a long shot for us, we decided to show every terms & condition in a colored swipeable card format so that going through it comes out intuitively and is lesser amounts of boring.
The First Finance:
We understand pain points but what we understand better is how to act on them. We had est. it the day we had set our eyes upon Infino. Convenience would be our watchword.
So we decided to incorporate a “Scan your card” feature. Well, what does it do? In amateur terms, it saves you the struggle of typing in word by word, number by number. And this was expedient with the backing of our robust tech team. (The empty stashes of Red bulls needed to show up somewhere. Right?)
We didn’t stop at this. A real-time experience and a certain dimension of neat was what we were looking at. So we went ahead and put up an in-app mock card that automatically embosses the details while you enter them manually.
P.S. The card flips when we enter the CVV number.
Are we the cool kids yet?
The Analytics : (In Progress)
In the coming few weeks and months we’re developing the “Spending analytics” section. The Analytics screen will tell the user his/her spending patterns and habits.
This upcoming section automatically categorizes any transaction done via Infino into Food, Shopping, Travelling, etc to give our user aka you the exact list of your categorical spending.
So watch this space!
In Conclusion
The design process as we know it is continuous and an ever so evolving journey with most part of the job happening at the latter ie. the post-launch phase.
The coming times encompasses some focus group research and real-time feedback. Incorporating those would be a whole new ballgame that we’re currently preparing for by the day.
Till then, take this as a kickstart to a hierarchy of updates based solely on your usability and enjoyability.
PSA: We’re at the internal testing stage wherein the feedback and inputs of our development and management teams are written in stone. We also visualize taking this towards the Beta launch phase a$ap rocky.
On that note of a remarkably bad pun, we’d like to take your leave.
So long fair reader!