Flow in Figma: https://www.figma.com/file/dkDQHRa1zq7tU58MiL6hBR/SaFi---UI---MVP-(Shared)?node-id=770%3A14007

Initial copy

Updated copy - Formal (Vacuumlabs)

Approved copy - Formal
(Lee)

Updated copy - Informal
(Lee)

Tagalog - Formal
(Lee)

Tagalog - Informal
(Lee)

Notes

1

-Cards section & order physical card-

2

Jaromi dela Cruz

My profile

Jaromi dela Cruz

My profile

Juan dela Cruz My Profile

Juan dela Cruz My Profile

3

Account detail

Account details

Account details

Account details

4

Your cards

Your cards

My card

My card

5

Loan products

Loan products

Loan products

Loan products

6

Edit shortcuts

Edit shortcuts

Edit shortcuts

Edit shortcuts

7

Subscription plan

Subscription plan

Value Plan

Value Plan

8

Statement history

Statement history

Statement history

Statement history

9

Settings

Settings

Settings

Settings

10

Rewards

Rewards

11

Your cards

Your cards

My card

My card

12

Digital

Physical

Digital

Physical

Digital Physical

Digital Physical

13

Get your physical card

Get your physical card

Get your physical card

Let's get physical

14

It’s easy to apply and free of charge. Enjoy your own design!

It's free and easy to apply. Enjoy your own design!

It's free and easy to apply. Personalize your card by creating your own design!

Did we mention it's FREE?! You can personalize your card by customizing it too!

15

Order physical card

Order now

Order now

I want one

16

Customize your card

Customize your card /Design your card / Make your card unique

Personalize your card

Design your card

17

Our cards ar fully customizable. Choose a color or upload a picture.

Our cards can be customized. Choose a color or upload a picture / All of our cards can be customized. Design your card by choosing a color or uploading a picture.

Our cards are customizable. Choose a color or upload a photo.

Flex your #aesthetic! Pick a color or upload a photo. Be as extra as you want!

18

SaFi design

Customize

SaFi design

Customize

SaFiBank design Customize

SaFiBank design Customize

19

Upload your favourite picture and we will print it on your card. See the requirements

Upload your favorite picture and we will print it on your card. See the requirements

Upload a photo that you want to use and we'll print it on your card. See requirements

Upload a photo and we'll print it on your card! See guidelines

20

Choose image

Choose image

Upload image

Choose photo

21

Custom image guidelines & requirements

Custom image guidelines & requirements

Custom card guidelines

Custom card guidelines

22

File Format: JPG or BMP
Orientation: Landscape or horizontal.


Image dimensions: Minimum of 1011 x 637.5 pixels (landscape) resolution
File size: Cannot exceed 2 MB

SaFi Bank reserves the right to reject an image if it contains any of the following prohibited content:

Sexual/provocative/obscene/profane/vulgar subject matter of any nature
Partial or full nudity
Advertising or promotion of a product or service of any nature

File Format: JPG or BMP
Orientation: Landscape or horizontal.


Image dimensions: Minimum of 1011 x 637.5 pixels (landscape) resolution
File size: Cannot exceed 2 MB

The following content is not allowed:

Sexual/provocative/obscene/profane/vulgar subject matter of any nature
Partial or full nudity
Advertising or promotion of a product or service of any nature

File Format: JPG or BMP
Orientation: Landscape or horizontal
Image dimensions: Minimum of 1011 x 637.5 pixels (landscape) resolution
File size: Cannot exceed 2 MB The following content is not allowed:

  1. Sexual/provocative/obscene/profane/vulgar subject matter of any nature

  2. Partial or full nudity

  3. Advertising or promotion of a product or service of any nature

File Format: JPG or BMP
Orientation: Landscape or horizontal. Image dimensions: Minimum of 1011 x 637.5 pixels (landscape) resolution
File size: Cannot exceed 2 MB Remember to keep it wholesome fam. These images are a no-no: - 1. Anything sexual/provocative/obscene/profane/vulgar

  1. Partial or full nudity

  2. Advertising or promotion of a product or service of any kind

23

Adjust size and position

Adjust size and position

Adjust size and position

Adjust size and position

24

Place your image into the frame as you like

Place your image into the frame as you like

Place your image in the frame

Frame your image the way you want

25

Use gestures to zoom and resize

Use gestures to zoom and resize

Use gestures to zoom and resize

Use gestures to zoom and resize

26

Please wait, your image is being processed

Please wait, your image is being processed

Please wait. Your image is being processed.

Hang tight while we work our magic ✨

27

Image can not be accepted

Image cannot be accepted

Sorry. There seems to a problem with your image.

Uh-oh. We have a problem 😢

28

Please make sure you upload an acceptable picture. In case that is not possible, your card will have the default design.
See requirements.

Number of attemps left
3

Please make sure you upload an acceptable picture. If it is not possible, the default design will be used for your card.


See the requirements.

Number of attempts left
3

Please make sure to follow our custom card guidelines. Otherwise, the default design will be used for your card. See Custom Card Guidelines. Number of attempts left: 3

Please remember to follow our guidelines. If it doesn't work out, you'll have to use our default design. See Custom Card Guidelines. Attempts left: 3

29

Go with SaFi design

Go with SaFi design

Use SaFiBank default design

Use SaFiBank default design

30

Try new image

Try a new image

Try a new image

Try again

31

Image can not be accepted

Image can not be accepted

Sorry. There seems to a problem with your image.

Uh-oh. We have a problem 😢

32

You have run out of attempts to upload custom image. Your card will have the standard SaFi Bank design

Sorry, you have run out of attempts to upload a custom image.

Unfortunately, you have run out of attempts to upload a custom image.

Yikes! That's strike 3. Sorry, but you're all out of luck.

33

Continue with Safi Design

Continue with Safi Design

Continue with SaFiBank default design

Continue with SaFiBank default design

34

Order physical card

Order physical card

Order physical card

Order physical card

35

Card preview

Card preview

Card preview

Card preview

36

This is what your card will look like

This is what your card will look like

This is what your card will look like

Looking good! Here's a sneak peak of your card 🔥

37

Back to edit

Back to edit

Keep editing

Keep editing

38

New image

New image

Change image

Change image

39

Confirm and order

Confirm and order

Confirm and order

Confirm and order

40

Summary

Summary

Card details

Card details

41

Card holder

Card holder

Card holder

Card holder

42

Name (24 characters visible on card)

Jaromi dela Cruz

Name (24 characters visible on card)

Jaromi dela Cruz

Name on card Juan dela Cruz

Name on card Juan dela Cruz

43

Shipping address

Shipping address

Shipping address

Shipping address

44

County of residence

Philippines

County of residence

Philippines

County of residencePhilippines

County of residencePhilippines

45

Province

Bulacan

Province

Bulacan

Province Metro Manila

Province Metro Manila

46

City / Municipality

Manila

City / Municipality

Manila

City / Municipality Makati

City / Municipality Makati

47

Barangay

Manila

Barangay

Manila

Barangay Carmona

Barangay Carmona

48

Street and number

Street 25

Street and number

Street 25

Street name and number Street P. Domingo 75

Street name and number Street P. Domingo 75

49

ZIP Code

12345

ZIP Code

12345

ZIP Code 1207

ZIP Code 1207

50

Contact

Phone

+63 345 661 5633

Contact

Phone

+63 345 661 5633

Contact details Mobile number +63 345 661 5633

Contact details Mobile number +63 345 661 5633

51

Order card

Order card

Order card

Order card

52

Card holder name

Name

Jaromi dela Cruz

Card holder name

Name

Jaromi dela Cruz

Cardholder name Juan dela Cruz

Cardholder name Juan dela Cruz

53

Save changes

Save changes

Save changes

Save changes

54

Shipping address

Shipping address

Shipping address

Shipping address

55

County of residence

Philippines

County of residence

Philippines

County of residencePhilippines

County of residencePhilippines

56

Province

Bulacan

Province

Bulacan

Province Metro Manila

Province Metro Manila

57

City / Municipality

Manila

City / Municipality

Manila

City / Municipality Makati

City / Municipality Makati

58

Barangay

Manila

Barangay

Manila

Barangay Carmona

Barangay Carmona

59

Street and number

Street 25

Street and number

Street 25

Street name and number Street P. Domingo 75

Street name and number Street P. Domingo 75

60

ZIP Code

12345

ZIP Code

12345

ZIP Code 1207

ZIP Code 1207

61

Save changes

Save changes

Contact details Mobile number +63 345 661 5633

Contact details Mobile number +63 345 661 5633

62

Digital

Physical

Digital

Physical

Digital Physical

Digital Physical

63

Your card is on the way!

Your card is on its way!

Your card is on its way!

Yay! Your card is on the way! 🥳

64

You should get your card by mail in a couple of days. Once the card arrives, continue by activating it.

You should get your card by mail in a couple of days. Once the card arrives, continue by activating it.

Your card should be delivered to you in a couple of days. Please activate your card when it arrives.

You'll get your card in just a few days. Remember to activate your card when you get it

65

Processing

On it’s way

Arrived

Processing

On it’s way

Arrived

Processing On its way Delivered

Processing On its way Delivered

66

Check delivery status

Check delivery status

Check delivery status

Check delivery status

67

Delivery details

Tracking number

Delivery details

Tracking number

Delivery details Tracking number

Delivery details Tracking number

68

Order reference number

NVQA-NFD

Order reference number

NVQA-NFD

Order reference number NVQA-NFD

Order reference number NVQA-NFD

69

Delivery address

75 P. Domingo Street, Carmona, Makati 1207 Metro Manila

Delivery address

75 P. Domingo Street, Carmona, Makati 1207 Metro Manila

Delivery address 75 P. Domingo Street, Carmona, Makati 1207 Metro Manila

Delivery address 75 P. Domingo Street, Carmona, Makati 1207 Metro Manila

70

Expected date of arrival

On it’s way

Delivery status

On it’s way

Delivery status On its way

Delivery status On its way

71

Processing

Your card is being processed

Processing

Your card is being processed

Processing Your card is being processed

Processing
Hang tight! Your card is being processed

72

Ready to ship

Your has been created and ready to ship

Ready to ship

Your card is ready to be shipped

Ready to ship Your card is ready to be shipped

Ready to ship
Good news! Your card is ready to be shipped

73

Shipped

Your card is being processed

Shipped

Your card has been shipped

Shipped Your card is on its way to you

Shipped
Ready? You card is on its way to you

74

With the courier

The courier has picked up your card

With the courier

The courier has picked up your card

Out for delivery
The courier has picked up your card

Out for delivery
Almost there! The courier has picked up your card

75

With the courier

Your card has been delivered

With the courier

Your card has been delivered

Delivered Your card has been delivered

Delivered
Woo-hoo! You card has been delivered

76

Your card should be in your hands!

Your card is in your hands / Get ahold of your card! / Take hold of your card!

Your card is in your hands

It's all in your hands

77

It is only the last step

It is the last step / You’re almost done / It’s the final step

You're almost done. Activate your card so you can start using it.

One last step. Activate your card now so you can start enjoying it!

78

Activate card

Activate card

Activate card

Activate card

79

Activate your card

Activate your card

Activate your card

Activate your card

80

Locate the 16-digit number in the front of your card and enter the last 6 digits.

Find the 16-digit number on the front of your card and enter the last 6 digits.

Find the 16-digit number on the front of your card and enter the last 6 digits.

Find the 16-digit number on the front of your card and enter the last 6 digits.

81

Confirm

Confirm

Confirm

Confirm

82

Activating your card

Activating your card

Activating your card

Activating your card

83

Transactions

Transactions

Transactions

Transactions

84

You have no activity.

You have no activity.

You have no activity.

Nothing to see here

85

Card has been activated

Your card has been activated

Your card is now activated!

Yay! Your card is now activated

86

-card detail-

87

Send money

Send money / Transfer money

Send money

Send money

88

Send money to another person

Send money to another person

Send money to another person

Send money to another person

89

Pay bill

Pay bill

Pay bill

Pay bill

90

Send money to service

Send money to service

Pay for bills or services

Pay for bills or services

91

Buy load

Buy load

Buy load

Buy load

92

Top-up your phone

Top up your phone

Top-up your phone

Top-up your phone

93

Pay QR

Pay with QR

Pay with QR

Pay with QR

94

Use QR for easy payments

Use QR for easy payments

Use QR for easy payments

Use QR for easy payments

95

Digital card

Digital card

My card

My card

96

Go to details

Go to details

View card

View card

97

Freeze

Freeze

Lock

Lock

98

Limits

Limits

Limits

Limits

99

Settings

Settings

Settings

Settings

100

Transactions

See all

Transactions

See all

Transactions See all

Transactions See all

101

Bakery

26 May 2022, Succesful

-₱134.00

Bakery

26 May 2022, Successful

-₱134.00

Bakery 26 May 2022, Successful-₱134.00

Bakery 26 May 2022, Successful-₱134.00

102

-daily limits-

103

Daily limits

Daily limits

Daily limits

Daily limits

104

The limits determines the amount that can be spent or withdrawn

The limits determine the amount that can be spent or withdrawn / You can set the limit to your daily spendings or withdrawals.

You can set limits on your card for your transactions or withdrawals.

Your money, your rules. Set the limits for your daily spends or withdrawals

105

Online transaction

Online transactions

Online transactions

Online transactions

106

Amount

₱450

Amount

₱450

Amount ₱450

Amount ₱450

107

Order card

Order card

Set limit

Set limit

108

See rows 102-103

109

ATM withdrawal

ATM withdrawal

ATM withdrawals

ATM withdrawals

110

Amount

₱450

Amount

₱450

Amount ₱450

Amount ₱450

111

Card transaction

Card transactions

Card transactions

Card transactions

112

Online transaction

Online transactions

Online transactions

Online transactions

113

Order card

Order card

Done

Done

114

-all transactions-

115

All transactions

All transactions

All transactions

All transactions

116

Bakery

26 May 2022, Succesful

₱285.00

Bakery

26 May 2022, Successful

₱285.00

Bakery 26 May 2022, Successful ₱285.00

Bakery 26 May 2022, Successful ₱285.00

117

Uber

Pending

₱285.00

Uber

Pending

₱285.00

Grab Pending ₱285.00

Grab Pending ₱285.00

118

₱285.00

To Bakery

₱285.00

To Bakery

₱285.00 To Bakery

₱285.00 To Bakery

119

Payment Summary

Payment Summary

Payment summary

Payment summary

120

Date

26 May 2022, 9:45 AM

Date

26 May 2022, 9:45am

Date 26 May 2022, 9:45am

Date 26 May 2022, 9:45am

121

Status

Successful

Status

Successful

Status Successful

Status Successful

122

Card

.... 1234

Card

.... 1234

Card.... 1234

Card.... 1234

123

Beneficiary

Bakery Ltd

Beneficiary

Bakery Ltd

Recipient Bakery Ltd

Recipient Bakery Ltd

124

Note for myself

Write note

Note for myself

Write note

Note Write note

Note Write note

125

Category

Grocery

Category

Grocery

Category Grocery

Category Grocery

126

Report Transaction

Report Transaction

Report transaction

Report transaction

127

Download receipt

Download receipt

Download receipt

Download receipt

128

-card settings-

129

Change PIN

Change PIN

Change PIN

Change PIN

130

Reset PIN

Reset PIN

Reset PIN

Reset PIN

131

Request card replacement

Request card replacement

Request card replacement

Request card replacement

132

Change card name

Change card name

Change name on card

Change name on card

133

Block card permanently

Block card

Block card

Block card

134

Report a problem

Report a problem

Report a problem

Report a problem

135

-change PIN-v1-

136

Change PIN

Enter your current PIN

Change PIN

Enter your current PIN

Change PIN Enter your current PIN

Change PIN Enter your current PIN

137

Continue

Continue

Continue

Continue

138

Change PIN

Enter new PIN

Change PIN

Enter a new PIN

Change PIN Enter a new PIN

Change PIN Enter a new PIN

139

Continue

Continue

Done

Done

140

See rows 128-133

141

PIN has been changed

Your PIN has been changed

Your PIN has been changed.

Your PIN is now updated!

142

-change PIN v2-

143

Enter your passcode

Enter your passcode

Enter your passcode

Enter your passcode

144

Passcode is a 6-digit PIN you’ve created during onboarding

Passcode is a 6-digit PIN you’ve created during onboarding

Enter your 6-digit PIN to confirm your changes

Enter your 6-digit PIN to confirm your changes

145

See rows 137-139

146

-reset PIN-

147

Reset PIN

Enter your new PIN

Reset PIN

Enter your new PIN

Reset PIN Enter your new PIN

Reset PIN Enter your new PIN

148

Set new PIN

Set a new PIN

Set a new PIN

Set a new PIN

149

-change card name-

150

Card name

Card name

Name on card

Name on card

151

Name

My personal

Name

My personal

Name (up to 24 characters only)

Name (up to 24 characters only)

152

Change card name

Change card name

Change name on card

Change name on card

153

See rows 128-133

154

Card name has been changed

Your card name has been changed

Your name on card has been successfully changed

Yay! Your name on card has been successfully changed.

155

-Block card-

156

You are about to block the card

You are about to block the card / Are you sure you want to block your card?

Are you sure you want to block your card?

Hey! You sure you wan to block your card?

157

You have to contact SaFi Bank to unblock 
the card again

You will have to contact SaFi bank to unblock the card again

You won't able to unblock and use this card again.

Just so you know, you won't be able to unblock and use this card again.

158

Cancel

Cancel

Cancel

Never mind

159

Block card

Block card

Block card

Block it!

160

See rows 133-134

161

Your cards

Digital

Physical

Your cards

Digital

Physical

Your cards Digital Physical

Your cards Digital Physical

162

Request unblock card

Request unblocking

Request to unblock

Request to unblock

163

-Freeze-

164

Unfreeze

Unfreeze

Unlock

Unlock

165

Limits

Limits

Limits

Limits

166

Settings

Settings

Settings

Settings

167

Transactions

Transactions

Transactions

Transactions

168

Bakery

26 May 2022, Succesful

-₱134.00

Bakery

26 May 2022, Successful

-₱134.00

Bakery 26 May 2022, Successful-₱134.00

Bakery 26 May 2022, Successful-₱134.00