Starting from zero: a modern way to make payments - API Athens 2015

Alberto López Braintree_Dev.

<Advocate/>

Starting from zero: a modern way to make payments

γεια@albertuslm

[email protected]

[email protected]

battlehack.org

@AlbertusLM@Braintree_Dev


30-31 MAY

One Axe


100.000 USD


Alberto López Braintree_Dev.

<Advocate/>


Starting from zero: a modern way to make payments

“payments are painful”


User Experience


What is UX?

"User experience" encompasses all aspects of the end-user's interaction with the company,

its services, and its products.

Nielsen & Norman



Business translation

= $

User Experience


costumer

merchant

developer

Hercul-UX


> Responsive design_

<costumer/>


goo.gl/7Y6omH


> Type of credit card_

<costumer/>


*It’s on Wikipedia


Hercul-UX


> cvv, cvc, cid_

<costumer/>


Hercul-UX


> Checking the Credit Card_

<costumer/>


http://goo.gl/YR7pRa


Luhn algoritm


Hercul-UX


> Expiration date_

<costumer/>


@AlbertusLM@AlbertusLM@Braintree_Dev

@AlbertusLM@Braintree_Dev @AlbertusLM@Braintree_Dev

Hercul-UX


> Visible labels_

<costumer/>


Hercul-UX


> # of digits_

<costumer/>


Card Number of Digits

AMEX 15

Visa 13 or 16

MasterCard 16

Discover 16


Hercul-UX


> ¿Creativity? Not in forms!_

<costumer/>


Hercul-UX


> Variety of languages_

<developer/>


<client side/>

v.zero


<server side/>

v.zero


> Easy integration_

<developer/>


dem@AlbertusLM@Braintree_Dev

> Safe Payment Gateway_

<merchant/>



client server BT Server

I need I client token to create the Drop-In

1. Creating the Drop-in UI form…

Please, the client Token

v.zero SDK checkout flow



Client Token


Client Token




Create Drop In Payment form UI here





User clicks on pay button, give me the payment nonce

2. Submitting form with payment information

PAY

NONCE: adas-123f-3sdq45-f34



client server BT ServerNONCE from Braintree

& rest of information

3. Finishing transaction

nonce to finish transaction

transaction ID

transaction ID


client_token

payment_nonce


> Payment Options_

<merchant/>


OFF

ON

ON

ON

ON

OFF

ON

ON

ON

ON

FUTURE Payment Method

C&D Cards

v.zero


<merchant/>

> Types of payments_

<merchant/>


Simple payments Recurring Billing Marketplaces Partners

v.zero


Unique Payment Payment in Vault

v.zero


> Conclusion_



Olympo of Payments

invisi

ble

eleg

ant

ultr

a slim

Payment Gateway

Hercul-UX


> Links_


Braintree: braintreepayments.com

Get Started with Braintree developers.braintreepayments.com

Braintree v.zero: braintreepayments.com/v.zero

Sandbox environment: sandbox.braintreegateway.com


> Questions?_


Source'photo

Alberto López [email protected]

@AlbertusLM / @Braintree_Dev

ATHENS, 30-31 MAY

2015.battlehack.org/athens

THANKS!

Starting from zero: a modern way to make payments - API Athens 2015

Technology

Transcript of Starting from zero: a modern way to make payments - API Athens 2015