Ideation of a contact page
Azibo (previously Zibo) - Vendor Pay
Created a brand-new feature in 2 weeks (mobile-first approach)
Goal and Challenge
The Problem Statement
The intention of this feature is to make it easy for landlords to pay their vendors and for vendors to collect these payments using the Zibo platform.
What was the challenge?
On the landlord side, the biggest hurdle we had to overcome was to create a design that was simple enough for users to understand the difference between sending money to another account, merchant, and vendor.
On the vendor side, we realized that vendors do not want to create a new Zibo account for payment collection. To overcome this, we made a guest checkout process. The vendor would receive an invite from the landlord by text or email. The vendor would then have to enter a verification code to collect their payment.
Tools: Figma
Duration: 2-week sprint
These are three key steps that enable a landlord to pay their vendors.
The first screen was one of the many ideas on where this feature will live on the Zibo platform.
The second screen explores the idea of merging 2 steps: previewing a payment invite to the vendor, and generating an invoice. Later iterations allow the landlord to choose a bank account for that transaction and assign a property and expense category to that transaction.
The third screen allows the vendor to view all pending payments and get a quick summary of each.
Why is this important?
Landlord
Landlords would like to track all vendor payments and organize these transactions across their properties.
Landlords would like to view all transactions in one place rather than across multiple mediums like Venmo and PayPal.
Consolidated invoices help landlords prepare their tax documents. This will help them maximize any tax deductions from their properties.
Vendor
Vendors would like to be paid faster. Especially when they hire sub-contractors and need to pay them immediately.
Vendors are currently receiving payments through multiple payment apps, cash, and checks. Consolidating their payments will help them organize their transactions.
Vendors want to organize their invoices so that they do not miss any payments.
Above are the final versions of the three key steps that let a landlord pay a vendor.
The first screen shows that this feature lives under the 'Send Money' button. This location will make it easy to scale VendorPay. In the future, we can include options to send payments to merchants (paying bills) or transfer money from one bank account to another.
The second screen shows how this feature allows for multiple payment methods and provides an easy way for landlords to categorize and manage their transactions.
The third screen is on the vendor experience side. Unlike the previous version, it only shows one payment. Since the vendor is signing in as a guest, the current back end functionality only allows for one payment to be viewed at a time.
Designing from feedback
Feedback 1
Landlords would like to know what the vendor experience would be like before making their vendors use it.
After sending a payment to a vendor, the landlord is presented with a success screen that clearly states the next steps for both the landlord and the vendor. Understanding the process builds more trust when using this feature.
Feedback 2
Will the process of paying a vendor be more seamless, the more times it is used?
Contact information will be saved once a vendor is paid. The landlord has the ability to add more recipients if necessary. In this MVP version of VendorPay, a contact page was out of scope.
Feedback 3
Some vendors insist on landlords paying by check or cash.
In the vendor experience, the vendor will receive the option to get paid via check or by an ACH transfer.
Landlord Experience
Vendor Experience
Results
The challenge
This project was challenging since the turnover time was very quick. We had 2 weeks to design a brand-new feature from start to finish. Due to the time constraint, we had to sacrifice some features for the MVP version. We were able to show our prototype to landlords for feedback but did not have time to show it to vendors (however, we were able to speak to them during the discovery phase).
Things I would improve on
Contact page- Allow landlords to manage their contacts and create favorite contacts
Request money- Allow both landlords and vendors to send an invoice to each other
Improve visuals of success screens
Allow edits to the transactions before they are collected
11
Iterations
32
Screens
14
cups of coffee