Mastercard APP
MasterCard is a mobile application designed to simplify the transfer of money anywhere in the world in a secure way.
My Role
UX/UI Designer
Team
Agile environment
Collaboration with
Product Owners, Product Managers, Developers, Designers
Tools
Figma, Photoshop
The Brief
The Mastercard application is a digital solution that aims to revolutionize the way people handle their finances. With the world becoming more interconnected than ever before, the need for secure and efficient money transfers across borders has never been more crucial. The Mastercard app provides a seamless experience for users to send and receive funds from anywhere in the world, with the added layer of security provided by OTP verification. In addition to its transfer capabilities, the Mastercard app is also designed to enhance the overall user experience.
Design Process
With a focus on UI and UX for this project, the steps I covered in my design process included personas, user stories, competitor analysis, sketching, wireframing, style guides, and prototyping.
Personas
The first step was to create personas to better understand my users’ needs and goals towards the banking app.
Define Phase
I started the first step in the process by answering the 5 W questions: What, When, Who, Where and Why?
What? – The Mastercard App is a mobile application designed to provide users with convenient access to manage their Mastercard accounts, track transactions, make payments, and leverage Mastercard benefits and rewards.
When? – The Mastercard App can be accessed and used by users at any time, providing real-time access to their account information, transaction history, and payment capabilities.
Who? – The target users of the Mastercard App are individuals who hold a Mastercard and want to efficiently manage their finances, track expenses, make secure payments, and take advantage of Mastercard rewards and benefits.
Where? – The Mastercard App is a mobile application that can be installed and used on smartphones and tablets. Users can access the app from anywhere, as long as they have an internet connection.
Why? – The App is designed to streamline the user’s banking experience, offering convenience, security, and control over their account. The app aims to simplify financial management, enable easy tracking of expenses, provide quick and secure payment options, and offer personalized rewards and benefits.
User Stories
With user stories, I was able to empathize with the end-users, anticipate their interactions with the app, and prioritize features accordingly. This approach not only ensured that our design was user-centric but also facilitated effective communication within our team, enabling us to build an app that seamlessly aligns with the daily lives and financial goals of our users.
”As a user, I want to conveniently make payments and transfers without errors or long processing.”
”As a new user, I would like to be able to easily manage my card transactions and track my expenses in real-time.”
”As a new user, I want to stay updated on my Mastercard rewards and benefits every month.”
”As a new user, I would like to be able to easily manage my card transactions and track my expenses.”
”As a user, I want to have access to customer support and assistance when needed.”
Competitor Analysis
BankX
Value proposition
– Comprehensive Banking Services
– User-Friendly Interface
– Advanced Financial Tools
– Enhanced Convenience
Company advantages
– Features – BankX provides features like account management, fund transfers, bill payments, budgeting tools, card management, security measures, and customer support.
– User Interface – Provides a user-friendly interface with well-organized menus and a seamless user experience.
– Security Measures – Prioritizes user security with similar measures, including two-factor authentication, encrypted transactions, and monitoring for suspicious activities.
– Personal Finance Tools – Provides similar personal finance tools, such as expense categorization, spending insights, and goal setting.
– Customer Support – Provides in-app chat support, a phone helpline, and an extensive FAQ section for customer assistance.
Company disadvantages
– There is limited brand recognition, BankX may face challenges in gaining market share and user adoption due to being a relatively new entrant in the banking app space compared to more established and recognized banking institutions.
– Potential Feature Gaps, as BankX aims to provide a comprehensive range of banking services, there is a possibility that certain specialized features or services offered by traditional banks or more established banking apps may not be available or fully developed in BankX.
– Any banking app needs to prioritize security measures, and as BankX is a relatively new app, users may have concerns about the robustness of its security infrastructure and data protection practices.
Ideate
The competitor analysis, user stories, and personas helped me to determine the essential features the app would need to make it successful and useful for the users.
Feature 1 – Account Management: Users can view and manage their Mastercard details, including balance, credit limit, available credit, transaction history, and statements.
Feature 2 – Transaction Tracking: Users can track their transactions in real-time, view transaction details, categorize expenses, and search for specific transactions.
Feature 3 – Payment Options: The app provides various payment options, such as making bill payments, transferring funds, and setting up recurring payments. It may also support contactless payments, mobile wallet integration, and peer-to-peer payments.
Feature 4 – Security Measures: The app includes robust security measures, such as two-factor authentication, biometric authentication (fingerprint or face recognition), and the ability to lock or block the card in case of loss or theft.
Feature 5 – Alerts and Notifications: Users receive real-time alerts and notifications about account activity, transaction updates, payment reminders, and security alerts to stay informed about their Mastercard usage.
Feature 6 – Rewards and Benefits: The app showcases Mastercard rewards and benefits, allowing users to view and redeem rewards, track reward points, access exclusive offers, and benefit from personalized recommendations.
Feature 7 – Customer Support: Users have access to customer support features, such as in-app chat support, FAQs, and the ability to contact customer service directly for assistance or issue resolution.
Feature 8 – Personalization and Preferences: The app may offer customization options, allowing users to personalize their app interface, set preferences for notifications, spending limits, and account settings.
Wireframes
Creating wireframes of the app allowed us to iteratively refine the user interface and user experience, ensuring that each screen and interaction was optimized for simplicity and efficiency. By mapping out the app’s structure through wireframes, we were able to anticipate user journeys, fine-tune navigation, and identify potential challenges early in the design process.
Colours
Primary
Secondary
Typography
Primary Heading
Montserrat Alternates
Primary Body
Montserrat Regular
Secondary Emphasis
Montserrat Bold
Design
Learnings
I have learned that creating a seamless user experience is essential for banking apps. Ensuring smooth navigation, intuitive interfaces, and streamlined processes for tasks like account management, transactions, and payments can enhance user satisfaction and engagement.
Design is an iterative process, and continuous improvement is key. Gathering user feedback, analyzing app usage data, and conducting regular updates and enhancements can help optimize the app’s performance and user satisfaction over time.
Designing a complex app like the Mastercard App often involves collaboration with various stakeholders, such as developers, marketers, and business analysts. Effective communication and collaboration skills are essential to align everyone’s goals and ensure a successful end product.
Projects
Leadgenius CRM System
Discover the power of seamless customer relationship management with the LeadGenius CRM System and explore the transformative capabilities of the CRM system.
SAIS App
The SAIS App project is your ultimate companion on the path to a healthier lifestyle and fitness success. Designed to empower individuals in their pursuit of wellness.
Mastercard App
Step into the future of effortless finance management with the MasterCard App. Providing users with a secure, convenient, and intuitive platform for all their financial needs.
Smartbanking Landing Page
Smart Banking for Freelancers landing page is an innovative space dedicated to empowering freelancers with tailored financial solutions.
AI Art Studio
This project is your gateway to a world where technology and creativity converge, offering a seamless platform for discovering and acquiring AI-generated artworks.
Penneo Website
This project embarks on a journey to create an engaging and user-centric web experience that reflects the cutting-edge solutions offered by Penneo.