App ID:

sandbox-sq0idb-Wbb40dSenwYyiqTjD8sF0w

App URL: https://main.d1rt7wmhelc6ho.amplifyapp.com/

Checkout test Credentials:

Code: https://github.com/altaga/Fastyd-Square/tree/main/FastydApp

Marketplace URL: https://main.d1u590ue7pr3ia.amplifyapp.com/

Checkout test Credentials:

Introduction and Problem

The main problem that we will be addressing is as follows: We find that close to 70% of shopping carts in online businesses are abandoned leaving Near to $260 billion worth of lost orders which are recoverable solely through a better checkout flow & design. Which would translate in a 35.26% increase in conversion rates for online businesses.

Regarding the problem we found after some research that these are the most important reasons for checkout and cart abandonment.

There are several reasons that we cannot tackle directly because they depend more directly on the seller such as delivery times, website crashes and Return policies.

But, we can Tackle for our solution several of the most important ones such as (Referencing the table above):

  • Reducing extra costs (1)
  • The requisite of creating an account (2)
  • Trust issues with credit card information (4)
  • Calculating payment costs (6)
  • And increasing payment methods (penultimate one)

With these we can solve more than 80% of the problems related to Checking-out and increase the conversion rate with a better checkout flow.

While at the same time innovating on the fintech sector with our expertise on Web3 and decentralized computing.

System's Architecture

The main services we are using is Square, Rapyd, ChainLink, Moralis, IPFS and Polygon.

  • Square Services:
    • Square Checkout:
      • Checkout page to perform the product count, payment in the marketplace and receipt.
    • Square Customers:
      • Customer creation to be able to manage their transactions, cards and personal data.
    • Square Cards:
      • Card creation, used for cash out.
    • Square Payments:
      • Payment engine to make transfers at the time of checkout in the marketplace, cashout and swap.
  • Rapyd Wallet:
    • Creation of personal wallets for transfers.
    • Obtain balances by account to display them in the app.
    • Creation of the identity verification page to comply with the KYC.
  • Polygon is our main blockchain, where thanks to its low fees we can provide the following services.
    • Decentralized Chat.
    • Transfer tokens and NFT's
    • Chainlink, thanks to its data feeds, provides us with the possibility of consuming them directly within a smart contract, in this case we use a contract deployed in Polygon Mainnet as a bridge to provide our dapp with the prices of BTC, BNB, USDC, MATIC, LINK and ETH.
  • Moralis provides us with a very efficient API to obtain data from our NFT's and Token balances in our account.
  • The Swap is the only section where we coordinate Rapyd, Square and Polygon services to be able to exchange MATIC to Fiat money and create the payment with Square.

Solution

This is the Demo of our solution.

Marketplace URL: https://main.d1u590ue7pr3ia.amplifyapp.com/

Checkout test Credentials:

Code: https://github.com/altaga/Fastyd-Square/tree/main/Marketplace

Square Checkout:

We will demonstrate our improved Checkout via an old marketplace we designed a couple months ago.

Here go through a normal buying process in which you fill First the shipping information. After that we go straight away to choosing a Payment method which is way faster than most other options currently in the market. Let’s choose Square Checkout.

You will see a new window open, which is the checkout page from Square's Checkout API, with the pre-filled data of our form and only pending the filling of the card data, now we will fill this data.

Once this is done, when paying, our application will send the confirmation to our main page through websockets, completing the order and in turn showing us our digital receipt.

Finally in our main Fastyd application, we have the completed transaction in our list.

Fastyd Checkout:

Now for our second checkout option we will use our Fastyd app.

As you can see a prompt opens, we log in and we can choose two forms of payment, which is Fiat, USD or credit and debit card in this case, or Crypto payments with ETH or MATIC.

Let’s pay with US dollars at this moment through our Rapyd ewallet.

Immediately we get confirmation and the details for it. And we can also get to see how that balance changes on our Rapyd backend. This offers a much faster, elegant and simpler checkout experience for the buyer.

Once again, the transaction is registered in our app thanks to Square Payments.

Application

App URL: https://main.d1rt7wmhelc6ho.amplifyapp.com/

Web App test Credentials:

Code: https://github.com/altaga/Fastyd-Square/tree/main/FastydApp

That was on the cash out portion but we have a mobile application that you use to speed up every process. Let’s see how we get to that fast checkout.

Once inside the platform you will see our Chainlink-based price feed as the first screen (third phone on the image above).

The ewallet payments (transactions) will obtained with Square Customers and Square Payments.

Already within our Dapp we can see our balances (Rapyd and Polygon) and transactions (Square and Polygon) of Fiat and Crypto.

Finally, in the last button you can complete the KYC (Rapyd) to verify your identity.

Swap functionality

In the swap section we can make an exchange between our Fiat account and our crypto account, we only have to select if we want to convert Crypto to Dollar or Dollar to Crypto, in this case we will convert Crypto to Dollar. Once the transaction is signed and the operation is finished in the home section we will be able to see how we have already received our money in our Fiat account and deducted it from our Crypto account.

Cash out

In our Cash out section we will have 2 options, generate a virtual debit card where we can use our Fiat money or make an electronic transfer to yout bank account.

Messenger Demo

For our messenger every transaction or message is wallet signed in the background on Blockchain.

At the same time we integrate a chat section, where we can talk to any address on the same network, first we put the address with which we want to talk and we can start sending messages, in this case it is possible to send messages, send attached money or even send an NFT.

Real Showcase

This is now a Real demo of our solution.

You can now use our Application without any problem on a real cell phone, as you can see here we are already using it and running it with all its functions and features active. On the phone you can see our balance which is X dollars, now we will be buying an article on the same site as the first demo and show you how the experience feels and how everything is shown at the end with the new balance on the Fastyd app.

Whats Next for Fastyd

For now we think we have a great improvement over incumbents in the checkout space, if we compare it to other solutions in the payments ecosystem such as Bolt or Paypal we think we have a much more agile and faster process thanks to Square APIs. On that same front we think going mobile is the way to move forward as there is a huge population, including Latin America and other developing regions that have access to a Cellphone with internet connection, but are not banked. But, of course this represent a huge market that will keep on growing for the coming years and it is imperative to access it. Regarding our current development we would like to incorporate even more payment options and work around our design a little bit more to make it more intuitive, or include documentation and a FAQ that explain how to do everything inside the application. Furthermore we would like to expand and try more marketplaces to test the application for a possible alpha or beta test in the coming months.

References

https://baymard.com/lists/cart-abandonment-rate

https://www.statista.com/statistics/477804/online-shopping-cart-abandonment-rate-worldwide/

https://www.drip.com/blog/cart-abandonment-statistics

Built With

Share this project:

Updates