CurbPass Wallet

Digital Wallet for commercial parking

What & Why

CurbPass is designed to make commercial parking—equitable & efficient

CurbPass - previously known as 'Automotus Pay' - is Automotus' solution to make the curb: safer, equitable, and efficient. It is a webapp designed to improve access to the curb and reduce loading zone abuse by providing a handsfree pay-to-park solution post sign-up.

A user signing up for CurbPass
CurbPass SignUp
The Problem

For nearly 3 months, the conversion rate of CurbPass stagnated just below 11%

One of the biggest constraints of CurbPass is that its a webapp; user proximity does cannot be leveraged to drive conversion.

Data showing curbpass' low conversion rate
2022 Conversion Rate
The Brief

Investigate the onboarding experience and propose solutions to improve conversion

Timeline

10 Weeks

My Role

  • Research & Synthesis
  • Design Strategy
  • PRD scoping & planning
  • Ideation
  • Prototyping
  • A/B Testing
  • Pixel Craft
  • HandOff

Resource

  • 1 Full Stack Dev
  • 1 Backend Engineers
  • Product Manager
  • 2 Product Designers
  • Marketing Team
The Insight

Research revealed that the onboarding was confusing and the app felt unreliable

Parking is inherently a negative experience that makes users sensitive to what's next.

The Onboarding Cliff
The Solution

Value focused and quick onboarding so that users can get going

The redesigned product incorporates a design system, better branding, and less intrusive actions.

~1:35 mins
Old Design
~1:05 mins
New Design*
*industry average is ~1 to 2 mins
curbpass v2
curbpass v2
Design Breakdown

Reduced cognitive and physical effort

BEFORE
  • Poor affordances
  • Errant pattern
curbpass v1
curbpass v2
AFTER
  • Mental model fit
  • Assistive
BEFORE
  • Poor Affordances
  • Lack of information & visual hierarchy
curbpass v1
curbpass v2
AFTER
  • Glanceability
  • Purposeful
BEFORE
  • Unclear value proposition
  • Distracting actions
curbpass v1
curbpass v2
AFTER
  • Actionable information
  • Direct entry
Landing Page
BEFORE
  • Unclear value proposition
  • Distracting actions
curbpass v1
curbpass v2
AFTER
  • Actionable information
  • Direct entry
Onboarding
BEFORE
  • Poor affordances
  • Errant pattern
curbpass v1
curbpass v2
AFTER
  • Mental model fit
  • Assistive
CurbPass Wallet
BEFORE
  • Poor Affordances
  • Lack of information & visual hierarchy
curbpass v1
curbpass v2
AFTER
  • Glanceability
  • Purposeful
The Impact

Significant increase in conversion and MAU

The redesigned CurbPass was very successful and inspired several other parking authorities to adopt CurbPass.

+19%
Conversion Rate
+2500
MAU in SLZs
-50%
Support Tickets
-32%
Churn
local_library
To learn more about this project, click here and reach out
Research & Synthesis

Uncovering painpoints through UX research

Interviewed delivery drivers to understand pain points in CurbPass onboarding.

An image of delivery driver using phone
An image of UPS delivery
auto_awesome
Key Insight

Parking is inherently a negative experience for drivers. As a result, drivers are frustrated and sensitive to further frictions like onboarding an app

User Journey
Current user journey & Insights
Heuristic Evaluation

Flawed patterns & poor UX writing was a major factor for low conversion

Synthesized insights from contextual inquiries and heuristic evaluations.

An figma frame showing flawed ux patterns found in CurbPass v1

71% users said that this step was very confusing

Design Strategy

Leading design using principles

Given that 'Automotus Pay' failed majorly because of poor design, a solid definition of design principles and language was required. This inherently meant a complete overhaul and rebranding, leading to birth of 'CurbPass'.

Be Unobtrusive

CurbPass should not disrupt the user’s journey by wasting time, creating friction, or demanding unnecessary effort.

Be Familiar

CurbPass must be approachable, familiar, and easy to use as it is a new concept in the world of curb management.

Be Rewarding

Compliance must be earned, not forced. CurbPass’ value must be discovered through engagement - not by sale.

lock
This project led to the establishment of Automotus' design system. Reach out to learn about it
Design Development

The power of APIs in onboarding

userflow revisedlow-fi wireframe
01

64% prefered option B as the easiest wallet setup step

Explored 5 payment step variations and boiled them down to 3 for A/B testing. Furthermore, I also proposed Google Pay/Apple Pay integration and supported its implementation from a design stand-point.

Option B
Payments option B
Option A
Payments option A
Option C
Payments option C
02

First impression goes along way in the conversion funnel

For Automotus, the landing page plays a crucial role since CurbPass is a webapp—user proximity does not exist. Secondly, the product operates in a high-dynamic environment—the curb. Hence first engagement experience is consequential.

03

Adding feedback loops using notifications - Twillio

Besides the redesign of the webapp experience, it was vital to add feedback loops. I took the help of the PM to build Twilio SMS flows for various notifications along the user journey.

Twillio Studio
Final Design

CurbPass V2 Hi-fi Wireframe

Documentation

Hand-off preparation

Annotations

The designs predominantly used components from Automotus' new design system. Additionally, annotations and callouts were added to aid engineers.

QA Sync

Collaborated with QA and co-authored input error and system error test cases.

Marketing Team Alignment

Collaborated with Marketing to ensure that campaigns are aligned with the new user journey.

HandOff
arrow_upward