FransiMobile
UI/UX Redesign
Project Vision
FransiMobile is a mobile banking app for daily transactions.
This Project scope focuses on building a secure yet easy onboarding experience for mobile banking users
Goals
For this project, I aimed to achieve the following:
-
Utilize UX research methods to identify user problems
-
Develop solutions based on observable data
-
Prototype and test the solutions with users to improve the FransiMobile experience.
To accomplish these objectives, I employed a goal-directed design method to redesign the app. This approach guarantees that the final product caters to the users’ needs, resulting in a more user-friendly and efficient mobile banking service.
Project Vision
During the registration process, Fransi Mobile users encounter difficulties that impede their onboarding experience.
To enhance this experience, I am working towards improving the onboarding process and designing a cohesive and user-friendly interface that provides clear steps to ensure a seamless banking experience.
Kickoff
I conducted qualitative research for this project, which involved various methods such as interviews, competitive analysis, and persona hypothesis construction.
The primary goal of the study was to identify user needs, competitors, and potential challenges to improve the onboarding experience.
By asking questions, I gained a better understanding of the app’s target audience and their requirements.
I began by asking some initial key questions to comprehend the needs of the users.
-
What do our primary users need the most to facilitate their Onboarding?
-
What features do Fransi's biggest competitors have?
The most valuable data was obtained by interviewing current FransiMobile users. Through these interviews, I was able to identify the users’ pain points and align their goals with the app’s goals.
Personas
Competitive Audit
In the App Store, the mobile applications of other banks are generally rated higher than FransiMobile, our bank’s mobile application.
Through a competitive audit, I discovered that the features offered in competitors’ apps differed in the following ways:
-
Easily onboarding vs Hard onboarding
-
Too Many Interactions vs Simplified Interaction
-
Distracting Interface vs Minimalistic Interface
Onboarding / User flow
-
Landing Page/Welcome Screen: When the user first downloads the app, they are greeted with a landing page or a welcome screen that introduces the app’s features and benefits. This page should be visually appealing and provide a clear call to action to sign up for the app.
-
Sign-Up Screen: The user is prompted to create an account by providing their personal information, such as their name, phone number, email address, and password. The app should also explain how the user’s information will be used and stored for security purposes.
-
Verification Screen: Once the user has provided their information, the app should verify their identity by sending a verification code via SMS or email. The user is prompted to enter the code to confirm their account.
-
Account Setup Screen: Next, the user is prompted to set up their account by adding their bank account information, such as their account number and routing number. The app may also prompt the user to select their preferred payment method and add a payment card.
-
Dashboard Screen: Once the user has completed the onboarding process, they are directed to the app’s dashboard. The dashboard should provide an overview of the user’s account balance, recent transactions, and other relevant information.
Onboarding / Wireframe
Onboarding / Hi-Fi
Current App Design / UI
App Redesign / UI
.png)
Conclusion
While working on this app I interacted with a lot of senior designers & colleagues, read quite a lot of blogs and articles, and practiced the complete design process.
Read The case Study On Medium