PRODUCT DESIGN
0 → 1
MOBILE
REACT NATIVE
Mobile class-action claims settlement.
CONTEXT
The Impact Fund is a legal NPO based in Berkeley, CA; they challenge the wealthy and powerful by fighting for socioeconomic, environmental & racial justice through strategic litigation.
My team at Blueprint was challenged to build a court-aligned, digital notice infrastructure that made participating in class-actions easy and accessible for all stakeholders, bringing accountability to institutions, organizations and bad actors.
CONTRIBUTIONS
Wireframing
Design systems
Prototyping
Interaction design
Usability testing
Developer handoff
TIME
Aug 2023 — May 2024
ROLE
Product Designer
TEAM
Product Managers
Stephanie Wong, Ronnie Beggs
Fullstack Developers
THE PROBLEM
Class action lawsuits are confusing and tedious. Their ability to help everyday people is limited by pain points —
COMPLEXITY
Intricate legal procedures, documents and arguments make it challenging for class members to follow along.
COMMUNICATION
Most lawyers combine using WhatsApp, email and physical mail, which feels messy and outdated.
CONNECTION
Class members feel uninformed and left in the dark, reducing their investment in the process.
THE PROCESS
The Impact Fund scoped 6 essential features of claims filing, which I was challenged with digitizing —
CASE DISCOVERY
ACCOUNT MANAGEMENT
ELIGIBILITY CHECK
CASE UPDATES
CASE RESOURCES
CLAIM FILING
THE PROCESS
Midway through our development period, the client asked for 2 core changes with important design implications —
PRODUCT ASK #1
The Impact Fund wanted to turn its global updates tab into case-specific updates
PRODUCT ASK #2
We learned that users may have more than 2 active and inactive cases at the same time
CHANGES MADE
Replaced Updates Tab w/ QR Scanner Tab
Removed Inactive Case dropdown & QR button
NEW TOGGLE
Reduces visual clutter for multiple cases
Intuitive Tabs bar for core flows
THE PROCESS
After conducting internal usability testing, I also simplified the layout for Updates, Claim Filing, and Opting Out —
CHANGES MADE
Combined Status Bar with Case Updates
Replaced top-down button pair w/ toggle
NEW TOGGLE
Lateral layout less confusing than vertical
Reinforces binary mutual exclusivity
THE SOLUTION
Discover cases and join them now with two ways instead of one —
OLD PHYSICAL PROBLEM
Before, users engaged in class actions through word-of-mouth or by mail. These avenues lacked calls to action, and were hard to get involved in.
NEW DIGITAL SOLUTION
Users add cases via deep-linking from fellow class action members or QR scanner, maximizing opportunities to gain additional members,
THE SOLUTION
Securely create & manage an account for easy and effective participation —
OLD PHYSICAL PROBLEM
Lawyers had no streamlined way to track all class-action members, members didn't have a centralized way to access all their class-actions.
NEW DIGITAL SOLUTION
Standardized account controls with a one-time password to user authentication, making it quick and easy to reset a password if you forget it.
THE SOLUTION
Determine your own eligibility for a case to easily figure out your next best steps —
OLD PHYSICAL PROBLEM
Lawyers would need to individually verify every members' eligibility, using WeChat or email. This created too much confusion and tediousness.
NEW DIGITAL SOLUTION
Our checklist approach quickly and visually helps users make that determination; after they pass this stage they have access to future actions.
THE SOLUTION
See all the resources for your case all in one location to quickly see what's relevant and helpful —
OLD PHYSICAL PROBLEM
Users had to go out of their way to find documents often housed in different locations, or contact the lawyer directly to obtain them.
NEW DIGITAL SOLUTION
The app gives quick access to an in-depth summary of each case and consolidates any relevant documents with an in-app file reader.
Lastly I can't thank my developers and PMs enough — this team
is easily and honestly a highlight of my undergrad career :D
