kotak wallet- taskflows & ia

12

Click here to load reader

Upload: shailendra-tiwari

Post on 14-Apr-2017

24 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Kotak wallet- taskflows & IA

Landing screen(Menu)

Digital Vault Curated StoreMobile Recharge Bill Payments Fund Transfer PFM Mobile Store

Transaction screen

Recharge Transaction flowEnter mobile number or select from contact list/recent/favoriteSelect operator (Auto Detection)Enter amount or browse plansRecharge (CTA)

Payment Transaction flowSelect BillerEnter User/Consumer IDEnter amountPay (CTA)

Billers list (Popup)

SVA Debit/Credit Cards

Net Banking

Page 2: Kotak wallet- taskflows & IA

Mobile RechargeTransaction

screen

Debit/Credit CardsSVA Net Banking

Recharge (CTA) Add Money

Authentication(Transaction

PIN)

Recharge Confirmation

Like to do another Recharge?Yes - Go back to Mobile Recharge Transaction screenNo - Go back to Menu screenSet as Favourite, Set reminder and AutoPayYES

NO

Net Banking Debit/Credit Cards

In case of insufficient funds, ‘Add Money’ to the Wallet through Net Banking or Cards

Redirect to Bank Website

Enter Card Details, and Add Money

(CTA)

Confirmation (Popup)

Recharge (CTA)

NO

YES

No MPIN is required for recharge below Rs.500

Page 3: Kotak wallet- taskflows & IA

Mobile RechargeTransaction

screen

Debit/Credit CardsSVA Net Banking

Authentication(Transaction

PIN)

Recharge Confirmation

Like to do another Recharge?Yes - Go back to Mobile Recharge Transaction screenNo - Go back to Menu screenSet as Favourite, Set reminder and AutoPay

YES

NO

Camera Scan

Enter Expiry Date & CVV #

Confirmation (Popup)

Recharge (CTA)

NO

YES

Card SelectionEnter CVV & recharge Add Card

Unable to read card details,

Enter Card Details

Page 4: Kotak wallet- taskflows & IA

Mobile RechargeTransaction

screen

Debit/Credit CardsSVA Net Banking

Recharge (CTA) Bank Selection

Authentication(Transaction

PIN)

Recharge Confirmation

Like to do another Recharge?Yes - Go back to Mobile Recharge Transaction screenNo - Go back to Menu screenSet as Favourite, Set reminder and AutoPay

YES

NO

Bank Website

Search Option Plus The Bank List

Redirect to Bank Website

Enter OTP

Page 5: Kotak wallet- taskflows & IA

Utility Bill Payments

Debit/Credit CardsSVA Net Banking

Pay (CTA) Add Money

Authentication(Transaction

PIN)

Payment Confirmation

Like to do another Payment?Yes - Go back to Utility Bill Payments screenNo - Go back to Menu screenSet as Favourite, Set reminder and AutoPayYES

NO

Net Banking Debit/Credit Cards

In case of insufficient funds, ‘Add Money’ to the Wallet through Net Banking or Cards

Redirect to Bank Website

Enter Card Details, and Add Money

(CTA)

Confirmation (Popup)

Pay (CTA)

NO

YES

Page 6: Kotak wallet- taskflows & IA

Utility Bill Payments

Debit/Credit CardsSVA Net Banking

Authentication(Transaction

PIN)

Payment Confirmation

Like to do another Payment?Yes - Go back to Utility Bill Payments screenNo - Go back to Menu screenSet as Favourite, Set reminder and AutoPay

YES

NO

Camera Scan

Enter Expiry Date & CVV #

Confirmation (Popup)

Pay (CTA)

NO

YES

Card SelectionEnter CVV & pay Add Card

Unable to read card details,

Enter Card Details

Page 7: Kotak wallet- taskflows & IA

Utility Bill Payments

Debit/Credit CardsSVA Net Banking

Pay (CTA) Bank Selection

Authentication(Transaction

PIN)

Payment Confirmation

Like to do another Payment?Yes - Go back to Utility Bill Payments screenNo - Go back to Menu screenSet as Favourite, Set reminder and AutoPay

YES

NO

Bank Website

Search Option Plus The Bank List

Redirect to Bank Website

Enter OTP

Page 8: Kotak wallet- taskflows & IA

Fund transfer

Send Money Request Money

Select Contact Select Contact

Enter Amount

Payment Confirmation

Like to do another Payment?Yes - Go back to Utility Bill Payments screenNo - Go back to Menu screenSet as Favourite, Set reminder and AutoPayYES

NO

Enter Amount

From Contact List / Email Add

Send Request

Confirmation Message

From Contact List / Email Add / Bank Details / UPI

Enough Money Insufficient Balance

Pay Add Money

Page 9: Kotak wallet- taskflows & IA

Mobile Store

Choose Seller

Payment Confirmation

Like to do another Payment?Yes - Go back to Utility Bill Payments screenNo - Go back to Menu screenSet as Favourite, Set reminder and AutoPay

YES

NO

List of All The Online Stores

Pay

Mobile Site

Search Or Select Product

Add to Cart

Checkout

Pay

SVA

Cards

Netbanking

SVA Flow

Cards Flow

Netbanking Flow

OTP

For SVA Payment Mode,- If amount is less than 10,000 (Add Money)- If the purchase is more than 10,000 (upgrade your account, EKYC)

Page 10: Kotak wallet- taskflows & IA

Curated Store

Search or Select Product

Payment Confirmation

Like to do another Payment?Yes - Go back to Utility Bill Payments screenNo - Go back to Menu screenSet as Favourite, Set reminder and AutoPay

YES

NO

List of All The Products

Pay

Product Specs

Add to Cart

Checkout

Pay

SVA

Cards

Netbanking

SVA Flow

Cards Flow

Netbanking Flow

OTP

For SVA Payment Mode,- If amount is less than 10,000 (Add Money)- If the purchase is more than 10,000 (upgrade your account, EKYC)

Page 11: Kotak wallet- taskflows & IA

Digital Vault

Stored Cards Empty Screen With a ‘+’ Icon

Stacked Cards & ‘+’ Icon to add more cards

Add Cards

Capture Open up the camera or any other technology for capturing

Click & Crop

Save

Page 12: Kotak wallet- taskflows & IA