Claim your payment! 

Simply enter a bank account or debit card number to cash out.

Claim your payment!

Expertise

UX/UI Design

Platforms

iOS & Android

Credits

Copywritten by Megan Linhoff & Josh Einbinder

Try it for yourself

Details

The goal of this project was to equip Service Professionals to be able to receive mobile payments. As HomeAdvisor moves to adopt 50% of its users to be Mobile App users, features like paying a service professional through the app can be a driving factor. 

The consumer app is enticing the homeowner to pay for their project through the app by tackleling on a Service Gurantee. A homeowners project can be engible to have this Service Gurantee if they pay the Service Professional through the consumer app. For MVP, the most critical function is that the Service Professional has inputed their bank account or debit card information into the Pro in order to receive that payment. 


Mapping the Experience

Given that the consumer app is working on driving homeowners to pay through the app to receive the service guarantee, this scenario will be most use case. The Service Professional has a single pending payment that the homeowner sent and what we want to achieve is for the Service Professional to input their banking information to receive payment.

In order to achieve that, I crafted this experience like an on-boarding flow. The first step is to call out that the Service Professional has been paid and that they just need to add their bank account or debit card to cash out their payment. With the help of some value props, I hope that the simple fact that there is a pending payment waiting will attract the Service Professional to input their banking information.

Single Payment Wireframe
Single Payment Pending Wireframes/Flow
Maybe Later Wireframe
Remind Me Later Wireframes/Flow

In the event that a Service Professional does not go through the mobile payments on-boarding flow and decides to exit out of the experience, I proposed multiple ways to get the Service Professional back to into that flow. 

payments
Single Pending Payment Mockups
Multiple Payments

Multiple Pending Payments

In the edge case that the Service Professional has multiple pending payments, the flow is exactly like the single pending payment but the landing page has different copy to be tailored to having more than one payment. 

cash-out-idea1
cash-out-idea2
cash-out-idea3

Iterations

I worked through a few possibilities as to how to call out a pending payment on the lead pipeline. Some more aggressive than others, and some a bit broad and not clear as to what exactly is being called out. 

remind-me-later
Ways to get back into Mobile Payments on-board flow

I designed multiple ways for a Service Professional to get back into the Mobile Payments on-board flow. The HomeAdvisor Pro App "Home" screen is the Lead Pipeline. Here the Service Professionals see all their active leads and a great opportunity to remind the Service Professional that they have a pending payment.

For MVP, we were not able to make a call out on the specific homeowner that had sent a payment but if the Service Professional was to tap into a lead, the lead details will have a CTA to get them back into the Mobile Payments on-board flow.

The last placement is on the Settings page of the app. Making the call out of "Pending" to draw the eye to that specific option of Mobile Payments that would take the Service Professional onto the on-boarding flow. 

Future Iterations

These are very early mockups of what a future iteration of Mobile Payments can be. Primarily, focusing on allowing Service Professionals to Request Payment. This would also mean that the experience in the Consumer App would need to be designed out and you could see a prof on concept of that on the 3rd screen. 

future-iterations
Future State of Mobile Payments

MVP of Mobile Payments will be released in Decemeber of 2019 on the HomeAdvisor Pro App.

© 2020 Alfredo Contreras

© 2020 Alfredo Contreras