ImageNPay
User research methods | UX design | Sketch design | Invision studio
ImageNpay aims to be a fully inclusive digital wallet platform that does not rely on credit, using a prepaid card. while allowing full customisability of your card images, in line with your mood in-app. it further builds upon this by using images provided by brands, charities, artists, photographers, and celebrities to enhance the buying experience, reduce costs of advertising and create greater value exchange for the consumer in the long term. For this, I worked in a team with UX designers and researchers to produce sketched designs of the application, in particular, the onboarding and signup process.
Onboarding sketches
The existing onboarding screens offered little creativity and lacked any clear functionality that would keep a user focussed on the application or want to come back. Thus, I produced a set of sketches that were iterated 3 times till finalized. the final proposal presented, included a new onboarding carousel packed with interesting information about the application, to engage with users when they first install the app, followed by a welcoming screen. This then followed onto the signup screens where the app previously used bloated text and boxed fields which was unappealing to most users. Thus simple corrections such as rounded fields and removal of filler text made the signup process easier to complete. The new onboarding screens aimed to reduce user drop-off rates by 30%.
Onboarding slideshow part 1
Onboarding slideshow part 2
Get started
Create account
Create password
Verification
Onboarding carousel prototype
The carousel was a new feature that had not been implemented in the application before, thus to fully see how this would work, i built a functional prototype to visually display how it would look when being used.
My Card features
This part of the application had initially not been fully designed and only included the gallery to pick images for users’ cards. Thus, I produced a series of screens to show what a user could do when using their card and what functions it may have. I initially included a design of your card rather than having just the gallery appear to add more dynamics and levels to the design process. This then led to a new card homepage where a user could choose from multiple options to interact with their card. The first feature was the card details showing the CVV, expiration, and other key information about their card. A user could then view their statement, which previously they were not able to do. Finally, they had the option of blocking their card, in case of fraud or their account being compromised.
Design card
Card menu
Card details
Card statement
Block card
Blocked card