Famacash (Web/Mobile App)


Famacash provides easy money transfer transactions, including local and international money transfer, airtime recharge, bills payment, and more. The app also provides dashboard for merchants which shows the status of their transactions.

Platform: Web & iOS 
Category: Finance / Money Transfer
UI/UX by: Emmanuel Torres





User Flow
The user flow shows the user journey which helps us understand how the Famacash works from users' point of view. This flow is a visual representation that illustrate users' path to perform their task such as transferring money, sending airtime, and so on.
Low-Fidelity Wireframes
The low-fidelity wireframes enables raw presentation of ideas which helps us produce the initial layout for each screen. In this phase, it allows us to detect and fix problems early. We can also easily make changes with minimal time and effort spent.

Mobile App Screens (User-Side)
The user-side of the app allows people to easily transfer money, request/receive funds, and send airtime to any of their contacts. All money or airtime transactions can be done with local or international contacts. Aside from using Fama, users can also use their preferred bank as source for their money transactions. 

Mobile App Screens (Merchant-Side)
The app has exclusive version for Merchants which allows them to perform transactions such as transferring money and sending airtime to their clients. The Merchants also has dashboard screens where they can monitor their weekly, monthly, and yearly balance. 



In this view, the dashboard screen for merchant shows the current value
of Fama transactions as well as the number of loyalty customers.




This is the more detailed view of the dashboard. The user can also swipe left/right to navigate 
to different time frame: weekly, monthly, and yearly. See the interaction design below.

Web-Based Dashboard
The web-based dashboard allows users to visualize the Key Performance Indicators such as Current Fama Balance, Total Pay via Fama, and Total Number of Customers. The dashboard allows the users to monitor the performance from the past months and current status. 
Merchant Dashboard: This dashboard only shows for the Fama Merchants. The screen shows the KPI's specifically 
for merchants such as Current Fama Balance, Total Pay with Fama, and Total Loyalty Customers.


Loyalty Dashboard: This dashboard only shows for the Fama Loyalty Merchants. The screen shows the 
KPI's for loyalty merchants suchas deals sold, coupons, gift cards, transactions, customers, etc.

Interaction Design
Below are sample interaction designs for the mobile and web-based dashboard screens. These samples presents how the screens behave as well as how the information are presented to the users. The prototype shows the details of animation when users interact with the UI.
This shows how the graphs and charts animates when the dashboard is loaded. 
Simple animation can enhance how the information is presented to the user.


This interaction design shows how the user navigates within the dashboard 
and how the graphs respond as the user switches views.

Prototype
Below is the initial prototype to show the user flow on how sending airtime and sending money is done. This prototype was done while still the design is in progress so that important features can be tested in the early stage and enables us to make improvements as we move forward.




Thank you!

I appreciate your time viewing this project. If you have projects (web/mobile app) 
that I can help you with, don't hesitate to send me a message. 

Let's connect on DribbbleTwitter, and LinkedIn


Credits: 
Video by Ricardo Mantilla used under cc by 3.0 / Added text and cut from original
Video by Davide Quatela used under cc by 3.0 / Added text and cut from original
Video by Salt Fresh and Field used under cc by 3.0 / Added text and cut from original


Have a great day,
Emmanuel Torres

Famacash (Web/Mobile App)
1,183
25,585
152
Published:

Famacash (Web/Mobile App)

Famacash is a UI/UX project that I was commissioned by a financial startup from U.S. The goal of the project is to produce the design for mobile Read More
1,183
25,585
152
Published:

Tools

Creative Fields