Payism is one of India's leading payment gateway provider catering solely to B2B businesses. They also provide a host of other financial services to customers at large in both the urban and rural sectors.
The company was looking to expand into the B2C sector by introducing an innovative app which allowed users to earn points by sharing ads; earned points would be redeemable to purchase items on the payism e-commerce store.
After some brainstorming with the Payism team, we concluded that the key to having a good and engaging experience was having a good design for the main ad viewing/sharing screen. Since this was the screen where most of the action would take place - ads would be viewed and shared - we made this screen our prime focus.
The motivation to use the app was bolstered by keeping a scoreboard on the header of the app - it showed the score/points earned by the viewer. The points would be earned each time a user shared or viewed an ad. With more points on in their kitty, users could unlocks various products on the store which could then be purchased with earned points. The idea of keeping unlocked products under the scoreboard was that it would subconsciously motivate users to keep sharing or viewing ads, which eventually would be a win-win strategy both for the company as well the user.
With time, the AI system would learn what kind of products were liked by users and would display recommended products and unlocked items on the overhead shopping widget motivating the user to continue engaging with the app.
At the wireframing step, there were two main screens - the ad viewing screen and the shopping section. Users would spend nearly their entire time on the app on just these two sections and hence, they were of paramount importance. The experience of these two screens would eventually decide how good the engagement levels would be.
As the wireframing images below show, these sections ultimately connected to the wallet and payment page where the amount of money in the user’s ‘account’ would be displayed. This amount could be used to buy products from the e-commerce store. The ad screen also connected to the shopping screens as shown in the user flow diagram below.
Also shown below is the flow diagram for the sign up screens. Dark shades of blue were used to bring out the contrast when placed against the logo. Thin fonts were used to make it look trendy and minimal.
And finally the feature chart, highlighting what the app does in three simple screens!