Shopmonkey Payments
Info
Duration: 1.5 months, 2022
Software: Figma, Pendo, Hotjar
Key Roles: User flow, cross collaborate, visual design, user research, present to stakeholders
Team: 1 product manager, 3 engineers, finance team, marketing
Projects
1. Payments Landing Page
This was a redesign of the Payments landing page to improve the low percentage of user engagement and sign ups.
Outcomes
600/2000 shops signed up for Shopmonkey Payments, increasing company revenue by 20%.
Previous Landing Page
Our goal for redesigning this page:
1. Serve as an in-app marketing landing page
2. Provide a point of conversion
3. Be the centralized place for all features related to payments
Before (Payments Page)
Redesign
This redesign met our goals and additionally:
1. Captured the attention of new users with illustrations and dynamic content modules.
2. Quick and easy sign up with the CTA labeled "Set up in 5 minutes."
3. Clarified confusion of different payment rates.
After (Payments Page)
Competitve Analysis
My process in redesigning included looking at competitors like Square and Stripe to view their information hierarchy, use of color and illustrations, and content modules.
Design Iterations
This process was in collaboration with the payments team to provide data insights on credit card rates, and marketing provided support on copy and illustrations.
This project was in collaboration with the payments and marketing team to increase the exposure of Shopmonkey Payments in the app.
2. Upsell Messages
Outcomes
-
This project Increased payments attach rate by 15% totaling 300 shops out of 2,000.
-
Contributed towards 10K increase in company revenue.
Current Upsell Messages
Research showed these problems with upsell messages:
-
Users are not currently taken directly to sign up
-
Not visually eye catching
-
Payments benefits weren't clearly stated
Before
After
Improved Upsell
These upsell messages addressed the targeted goals:
-
Include illustrations to capture users' attention
-
Incorporate benefits in the upsell messages
-
Advertise a quick and easy signup
Connecting Touchpoints
Both upsell messages were strategically placed within different relevant flows in the web app. When shops were creating a new payment and when they sent an estimate to a customer.
Research showed shops without Shopmonkey payments took days to receive their payments. These were one of the many benefits we surfaced in the messages.
These messages connected the user to the newly designed payments landing page to Stripe sign up flow.
Email Follow Up
Research showed shops have busy work days and don't always have the time to sign up for new features.
This email was designed to follow up with users at the end of their work day to sign up.
This project aimed to integrate Google and Apple pay into text-to-pay, one of Shopmonkey Payment's most popular features.
3. Google & Apple Pay
Outcomes
-
325/600 shops using Shopmonkey Payments utilized Google and Apple Pay.
-
Increased the speed of payments completed from 1m 30s to about 30s.
Problem to Solve
It took 1m 30s for customers to fill in their credit card number when making a mobile payment.
Additionally, about 70% of customer successfully paid their invoice in one session.
Our solution was to Integrate Google Pay and Apple Pay to increase completed payments and decrease the time it took to pay.
Apple Pay Integration
This final design showcases an invoice sent from an auto shop to a customer. The customer bypasses filling in their credit card by clicking Apple Pay shortening their session.
Google Pay Integration
On the web experience, we integrated Google Pay for chrome users and focused on keeping the CTA at the top of the modal to prioritize usage.
Google and Apple Pay
Google Pay
Estimate Receipt
Auto shops need the ability to print out completed invoices to keep on record or provide the customer. This was another design aspect I needed to work in Google and Apple Pay.
Apple Pay on Desktop
