ux-portfolio copy_4

First Project

• Forex tile. for IOS and Android

• Designing Native application

• Mobile Design

Personal BankingMobile app (Native) for Android and IOS

Foreign Exchange tileFX tile project

Time it took to finish the project3 weeks

Business requirements❖ provide a mobile platform that allows customers to view rates

❖ let them know its indicative rates

❖ show them how has each currency has been doing (performance)

❖ come up with any other nice features they might need

❖ March launch: business requirements are, the forex rate should be aligned with International payments/ foreign national payments. therefore customers at this point in time should view rates, calculate currency, view currency performance and pay someone international.

❖ this platform should also provide leads for other forex features.

March launch: Task flowLogin dashboard explore more

solution

First time use

Forex exchange rate Forex rate Main page

Calculate Rates

Main page tasks :-Customer can add one or more currencies-Customer can re- order the currency list-When a new currency is added, its listed below the last currency-Default page contains 3 currencies, such currencies mostlyused currencies-When more currencies are added, a scroller will be available-For IOS a submenu is provided, if this page is filled with alist of currencies, “ Add currency” is no hidden-For Android a fab is provided, when this page gets filled witha list of currencies “Add currencies” is not hidden-Customer is able to remove a currency from the list

Calculate page tasks:-Customer can calculate one currency to the other-based on data we currently have, customer can only calculate between ZAR and any other currency -Customer can view exchange rate (indicative)-Customer can view how a specific currency has been performing in the last day, last 7 days, last 31 days.

View more currency solutionsCurrency solution:-Customer is to search for a specificcurrency feature e.g travel wallet_Customer is able to view call centre number for a certain feature e.g Order notes_Customer is notified where she may get assistancee.g if customer wants to sell currency will tell them where to go

Research

• Competitive Analysis

Targeted Audience

❖ Travellers

❖ Investors

❖ foreigners sending money home

❖ businesses (e.g imports and exports)

Persona• Define user expectations and current pain points

i use the internet banking to make forex transactions because i have to provide Bop code, documents like invoice, purchase order, banking details etc. unless if you would allow me to take pictures or browse on my phone, which you would have to think about the size of some of my invoices.

on the app i am more concerned about security measures, currently i use the PC to do Work related transactions

international paymentJL

Age: 26Tim

Personal + Business

Standard Bank / FNB / Ned bank / Reserve bank

Internet bankingApp

Devices:

co.zaBanker

Call centre

Samsung S4

DO

BANKING HABITS

ACTIVITIES / TASKS

FINANCIAL ACUMEN

High

FINANCIAL INTERACTIONS

Medium

Every monthImport/Export

Every monthImport/export

USD/ GBP

No strong opinion

Wants transparency

Makes 1 type of payment

Knows how to get information

Runs finances of a corporate company

makes payments to overseas companies.

i want to buy large rates, i want to know my limit to decide whether i should go to Reserve bank or not.

i have to call the bank to find out about their banking rates.

i am more concerned about the cross rates, i don't know if the bank would cater for that

employee working for a corporate company that that sells and buys cars. the company does an Import/Export most in England

Expert/ Specialist / Incidental / Inexperienced

PC

Runs finances of a corporate company

makes payments to overseas companies.

“I call the bank to find out about rates”

it would be nice to pay my suppliers, i have a group of my suppliers as my beneficiaries. i would like to pay them on the app. whatever amount i paid, the app should be able to convert to the amount to a certain currency.

i want forex rates to be on my dashboard for the rates that i use the most.

Business owner

Age: 35Ian

Personal + Business

FNB / Absa / Reserve bank

Internet bankingApp

Devices:

co.zaBanker

Call centre

iPhone 6

DO

BANKING HABITS

ACTIVITIES / TASKS

FINANCIAL ACUMEN

High


Medium

Every monthImport /export

Every monthImport/Export

USD

No strong opinion

Wants transparency



i own a company where we do imports/ exports.

i pay suppliers overseas and sometimes i receive payments from them.

i want to view rates at a certain time and be able to buy them with that rate.

if i place an order online on Friday with a certain rate, FNB would on Monday with a different rate which which higher than when i ordered, they communicate the Monday rate and the amount it they will charge me.

Expert user

PC

i log on to my FNB app to check rates, based on the information then i have to go online and then do transactions

“Can i pay my suppliers, i would like to pay beneficiaries”

i pay all my suppliers with USD, even though they are in different countries.

i don’t do everything myself, the banker does the rest of the things for me

SME

Traveler

if you could add a buying option it would be perfect.

i would suggest to add buy and sell

Age: 31

Fadzai

Personal + Business


Internet bankingApp

Devices:

co.zaBanker

Call centre

Iphone

DO

BANKING HABITS

ACTIVITIES / TASKS

FINANCIAL ACUMEN

High


Medium

Every month401 Gift

Every month101-1 Gift

USD/ GBP

No strong opinion

Wants transparency



my husband and i have to compare rates

i sometimes google to find out how the rates are doing

going to the bank is for documents, if the app could cover those, that would be nice, to avoid long lines and it would be more convenient for me.

i go to the American express to buy currency, its unsafe because people can rob you, they can see you going to buy currency there.

if you are a the airport with insufficient funds, its impossible for you to buy currency.

it would be nice to have forex linked to my account, so that i can easily buy currency and have them on my account.

Traveler


PC

i open up american express, my FNB app and sometimes google at the same time and do a comparison.

“To compare rates i use multiple platforms”

Send money homeAge: 28Mbali

Personal + Business


Internet bankingApp

Devices:

USSD

Iphone 5

DO

BANKING HABITS

ACTIVITIES / TASKS

FINANCIAL ACUMEN

High


Medium

Every month401 Gift

Every month101-1 Gift

USD/ GBP

No strong opinion

Wants transparency



i send money on a monthly basis

right after pay day i send money to my grandmother and brother that is studying.

i want to send money to my family, they should receive the money on the same day. while im making payments, they should leave the house and by the time they get to the bank or shop, it should already be available

i am a bread winner back home. i am also supporting my brother who is studying. the most important thing for me is pay day and sending money right after i have been paid because i know that my family needs the money.


PC

Screen flowdifferent states

Wire frames

Login Page

Dashboard

Explore More

Main Page

-Default page - User can add currency - Delete a currency - Re -order the listed currencies

Continue…

-Empty state - User can delete all the currencies to compare from

Comparing USD to ZAR

-Currency specific page - User can calculate (e.g see what is 500 USD to ZAR) - Switch the currencies (ZAR be on top and USD below) - Navigate to International/foreign national payment - View how a specific currency has been performing (today, last 7 days and last 31 days) - View Indicative rates - Navigate to forex products information - We show users the Last updated time of the exchange rate

Forex Products Page

-Information page - user can view a list of Forex services not catered on the app -We provide the user with a list of documents they need - Informing the user of where they should go to be able to do such features - User can call from the page, by taping the phone icon

Exchange rate fresh

-Exchange rate refreshes after 15 minutes - User is not able to do anything while the exchange rate refreshes

Currency update

Default currency Search

-Default page - Currencies listed on the main page are ticked by default - User can search for a specific currency - Can de selected a currency - User can click on the tick next to search bar and all the currencies will be selected - Can de select the tick next to a search bar and all the currencies will be de selected - When user click the button “Done” all the changes made will be saved - When user clicks on the button “ Cancel” changes made will not be saved

Search currency

IOS screen designs that differ

These are the only IOS screens that will defer from Android

Second Project

Add Traveller

The order is for:

My details

Myself Traveller Myself and Traveller

Order Foreign notes

Add Traveller

The order is for:

My details

Siya’s details


Order Foreign notes

Name

ID number

Surname

Postal address

Add Traveller

The order is for:

My details


Order Foreign notes

R 5000.00

Currency Amount Selectedcurrency

R 500.00 300.00 $ R 17.00

R 23.00

R 22.00 Exchage rate

R 500.00 200.00 §

100.00 R 700.00

US dollar - USDExchage rate

Exchage rate

Total: R 1000.00

Total: R 2000.00

Total: R 2000.00

Total Amount:

Euro - EUR

British Pound - GBP

Choose account:Offshore Savings

Order Foreign notes

Prestige Plus

Account No: 237 488Bal: R 200 000.00

Your Quote

Order Foreign notes

Offshore Collect

Choose delivery type:

ux-portfolio copy_4

Documents