Last year we worked with the Vesicash team on design and strategy to help them improve on their current product offering which is the escrow payment system and designing of the web app which they can use to manage the whole process. They also want to offer merchant of record services, Payment and reconciliation for businesses

The main challenge was at that there were no competitor offering escrow services so we had to think about the whole experience from the customer and business stand point. This was the most difficult part of the research as we had to think about the whole flow carefully and test it out from there.

Escrow payment involves two main parties which is the buyer that wants to purchase and the seller that wants to sell. Both usecase can create their order from the platform and invite the other party to make payment or validate payment

We categorised the persona into two disbursements which are Single disbursements (for money sent once) and multiple disbursements ( for money sent in tranches). We also made use cases for two set of parties that acts as roles in a transaction which include Two parties (buyer and Seller), Multiple parties ( Buyer, Seller, Admin) . Depending ont he people that are involved in a transaction, they perform

To create am nescow a buyer /seller needs to go through 4 stages which include Filling their payment details, inviting parties in the transaction , Filling in the parties that get details and making the payment for the escrow to allow vesicash hold the payments

When a payemnt is done by the seller/ buyer, the provess starts and goies through payment stages which include

Inprogress : When the escrow has started, payment is made by the buyer to vesicash escrow, the invite is sent to the seller to notify them

Delivered : A buyer accepts the invite into the escrow

Sent-rejected : A seller rejects the order that the buyer initiated in the escrow and the payment is closed

Delivered - Accepted : A seller accepts the order and the payment is made

Delivered - Rejected : A buyer rejects the order and a renew date is picked by the buyer when they wil make payment

The payment stages works for both the single disbursment type and multiple disbursment types

We noticed some users were finding it difficult to understand how to use the app, so we made an onboarding flow that explains about what they need to know and the actions they need to perform on the app which include their dashboard, funding and withdrawals, Creating escrow, Escrow transactions, Exchange and getting their Business IDs

We also created flows on how exchange is performed on the app along with how payment and reconciliation is made although the system .

We have a lot of payment inflows which meant we had to categorise our payment types into inflow and outflows which also depends on the source which can be card, bank transfer, settlements. We also had to categorze those paymets into currencies that we accept whiich inclue Naira, dollar, pounds, cefa , shillings and other currrencies

The vesicash design system consist of set of components laid out to help the product have a consistent look and feel across board.

It consist of 2 primary colours and 3 secondary colours along with their tint and shades to be used in different scenarios.

We also have a list of 60+ double tone icons used across board to ensure consistency and usage around the systems. The system is used in several different pages on the Nav, Page highlights and on each o the screens. Our typography system uses two san-serif font, one for our web app design interface called inter and roboto system which is for our marketing pages

We also created empty states for all the pages on the vesicash web app to help users in navigations. We also created skeleton screens for cases when the app balance fails to load fast from the backend system. This helped us improve retention on the app.

We created app illustrations for all the pages and section of the pages that we have on the Vesicash app. The illustrations were created from product screenshots from the web app.

We created pages and illustrations for Billbox, Escrow, Payment options , Fraud prevention, Tax compliance, Seamless fund transfers, B2B invoicing , checkout, Pricing, About us, Developers, resources, Blog, FAQ and Support pages.

We created 30+ illustrations to fill into each of the pages to represent the content for each of the sections of the pages

The collaboration with the Vesicash team was a fruitful one , aside from helping them improve their escrow payment system, we also helped them build their Merchant of record, exchange, Tax and compliance features on the Vesicash app.

Some of the results that was achieved include expanding to

9+ countries to help merchants collect payment for their business, Onboarding 1k+ businesses to use the payment app.

Rolling out the exchange feature to exchange from one currently to another currency , both from the user app and the admin app sections.