<?xml version="1.0" encoding="utf-8"?>
Open full project

My Money

Project Overview

"My Money" is a mobile wallet application designed to provide users with a seamless and intuitive way to manage their finances. The application focuses on essential banking services like balance checking, fund transfers, bill payments, and expense tracking. 

### Decision-Making Process and Rationale

1. User Research and Analysis

The first step in the development process was conducting thorough user research to understand the target audience's needs and pain points. We surveyed potential users to gather insights into their financial management habits and the challenges they face with existing mobile wallet solutions. Key findings included:

- Users prioritize security and ease of use in financial applications.

- A significant number of users wanted a straightforward interface for quick access to essential services.

- Real-time expense tracking and categorization were highly desired features.

2. Defining Core Features

Based on the user research, we defined the core features of "My Money":

- Balance Overview: Provides a clear and instant view of the user's account balance.

- Fund Transfers: Allows users to transfer money easily between accounts.

- Bill Payments: Simplifies the process of paying bills directly through the app.

- Expense Tracking: Offers detailed tracking and categorization of expenses to help users manage their budgets effectively.

3. Design Principles and UI/UX Considerations

The design of "My Money" was guided by several key principles:

- Simplicity: We aimed for a clean and uncluttered interface, ensuring that users can navigate the app effortlessly.

- Accessibility: The design accommodates various user needs, making it easy to use for individuals with different levels of technical proficiency.

- Consistency: We maintained a consistent visual language throughout the app to enhance user familiarity and comfort.

4. Visual Design

The visual design of "My Money" was crafted to be modern and appealing while maintaining a professional look. Key design elements include:

- Color Scheme: We chose a gradient of purple and black to convey trust, sophistication, and innovation. Purple often signifies financial wisdom and luxury, making it a suitable choice for a financial app.

- Typography: Clear and legible fonts were selected to ensure readability. The balance between bold and regular text helps highlight essential information without overwhelming the user.

- Icons and Graphics: Custom icons and graphics were designed to visually represent various functions, making the app intuitive and user-friendly.

5. User Interface (UI) Layout

The UI layout was carefully structured to provide a seamless user experience:

- Home Screen: The home screen features a quick balance overview and easy access to core services like Transfer, Voucher, Bill, and More options. This design ensures that users can access the most commonly used features without unnecessary navigation.

- Card Details: A dedicated screen for card details, displaying the current balance and transaction history, allows users to monitor their spending effortlessly.

- Expense Tracking: The expense tracking screen categorizes expenses and displays them in a visually engaging manner, helping users stay on top of their financial habits.

6. User Testing and Feedback

Throughout the development process, we conducted multiple rounds of user testing to gather feedback and refine the app. This iterative approach ensured that the final product met user expectations and addressed any usability issues.

7. Security Considerations

Given the sensitive nature of financial data, security was a top priority. We implemented robust encryption methods and secure authentication processes to protect user information and build trust.

Conclusion

The development of "My Money" was driven by a deep understanding of user needs and a commitment to providing a secure, intuitive, and visually appealing mobile wallet solution. By focusing on simplicity, accessibility, and consistency, we created an app that empowers users to manage their finances with confidence and ease.

Tools used

Figma

From brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


Great job on the visual design! The colors and elements used across the screens are appealing. I'm glad you've outlined your design process but dive deeper. I would recommend including everything from user research and wireframes to user testing insights in your case study. When you mention 'we surveyed,' could you explain who did what? Adding user personas, a mood board, or any visuals will give a clearer picture of your team's journey.


From first sight looking nice & clean, but looking at the details, few things to improve:

  • Check the keyline vertical alignments on 2nd & 3rd screens
  • Can adjust card width to fill in the layout properly and align with the rest
  • On the 3rd screen the bg color doesn't really work (distracts, messes up the black label readability)

8 Claps
Average 4.0 by 2 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>