UI/UX Design Portfolio: Year 6 Edition
HELLO RAVEN
HELLO RAVEN
Goodbye meh UI & messy UX
Feature 01
of 04
Feature 02
of 04
Feature 03
of 04
Feature 04
of 04
Featured Case Study
Clarity. Control. Cardholder.
How might we increase transparency and autonomy for cardholders?
Cross-Team Coordination
Omnichannel
Real-Time Data Display
Systemic Design Patterns
A Collaboration Between 3 Teams:
Development, Project Management, & User Experience
Clarity. Control. Cardholder.
Achievements
4 Real-Time Data Displays
Developed
5 Cross-Platform Features
Unified
1 Self-Service Feature
Created
66,000+ Members
Gained Autonomy & Transparency
At a Glance
Abstract
In general, people want clarity and control where it matters most. What mattered most to my users was tracking and maintaining their hours, because their benefit eligibility depended on them. Previously, they had to rely on benefit administrators—but not anymore.
This case study documents how over 66,000 cardholders gained transparency and autonomy over their hours and benefit eligibility.
Role
Lead UI/UX Designer
Responsibilities
UI/UX Design & User Research
Duration
2 Weeks / 1 Sprint
Tools
Figma & Lucid
Company
Judi Health
Industry
Health Tech
Chapter 01
The Discovery
My product team needed to give cardholders the ability to view their hours data and some control over their benefit eligibility; however, our product is restricted to 2 user types that don’t include cardholders. Where would this request come to life?
Read Full Case Study
Chapter 02
The Challenges
- Our Eligibility product didn’t have features in the member portal. I was starting with a blank slate.
- Since I was starting with a blank slate, I had to follow established design patterns within the member portal.
- I needed to ensure the benefit administrator experience within Judi® and the member portal experience aligned.
- Historically, I’ve only had access to benefit administrators for design reviews—not cardholders.
Solution: Let’s utilize the member portal to display cardholder hours while offering self-service features.
Read Full Case Study
Chapter 03
The Opportunities
- Collaboration between two product teams
- Work on a different Judi Health product
- Enhance features within my own product
- Have a user interview with a cardholder (very rare)
Read Full Case Study
Chapter 04
The Process
This is where I designed the necessary features, then reviewed my design solutions with my developers, the member portal team, and a cardholder.
Read Full Case Study
Chapter 05
The Final Results
Cardholders gained the ability…
- to view their hours bank, timesheet, skipped months, bought hours, and useful information about their benefit eligibility status
- to buy hours to maintain their benefit eligibility
My Takeaway: Minimal user research capabilities are better than none. If resources are limited, maximize the research value by asking targeted questions and jotting down actionable next steps.
Read Full Case Study
Clarity. Control. Cardholder.
Deliverables
4 New Data Displays in the Member Portal
Primary Deliverable
4 Updated Data Displays in Judi® (Eligibility Module)
Primary Deliverable
1 Self-Service Feature
Primary Deliverable
User Research Feedback
Secondary Deliverable
High-Fidelity Wireframes
Secondary Deliverable
Prototypes
Secondary Deliverable
Feature 01
of 04
Feature 02
of 04
Feature 03
of 04
Feature 04
of 04
UI/UX Design Portfolio: Year 6 Edition
HELLO RAVEN
Goodbye meh UI & messy UX
Feature 01
of 04
Clarity. Control. Cardholder.
Case Study
A self service for 1,000+ members
Feature 02
of 04
Creative Contest Meets Web3 Whimsy
Case Study
An experience that attracted 10K+ users
Feature 03
of 04
Icons for an Icon
Case Study
A design system built from scratch
Feature 04
of 04
Cart to Comfort: Crafting a Chic Checkout
Concept
An adoption of established patterns
Featured Case Study
Clarity. Control. Cardholder.
How might we increase transparency and autonomy for cardholders?
Cross-Team Coordination
Omnichannel
Real-Time Data Display
Systemic Design Patterns
A Collaboration Between 3 Teams:
Development, Project Management, & User Experience
Clarity. Control. Cardholder.
Achievements
4 Real-Time Data Displays
Developed
5 Cross-Platform Features
Unified
1 Self-Service Feature
Created
66,000+ Members
Gained Autonomy & Transparency
At a Glance
Abstract
In general, people want clarity and control where it matters most. What mattered most to my users was tracking and maintaining their hours, because their benefit eligibility depended on them. Previously, they had to rely on benefit administrators—but not anymore.
This case study documents how over 66,000 cardholders gained transparency and autonomy over their hours and benefit eligibility.
Role
Lead UI/UX Designer
Responsibilities
UI/UX Design & User Research
Duration
2 Weeks / 1 Sprint
Tools
Figma & Lucid
Company
Judi Health
Industry
Health Tech
Chapter 01
The Discovery
My product team needed to give cardholders the ability to view their hours data and some control over their benefit eligibility; however, our product is restricted to 2 user types that don’t include cardholders. Where would this request come to life?
Read Full Case Study
Chapter 02
The Challenges
- Our Eligibility product didn’t have features in the member portal. I was starting with a blank slate.
- Since I was starting with a blank slate, I had to follow established design patterns within the member portal.
- I needed to ensure the benefit administrator experience within Judi® and the member portal experience aligned.
- Historically, I’ve only had access to benefit administrators for design reviews—not cardholders.
Solution: Let’s utilize the member portal to display cardholder hours while offering self-service features.
Read Full Case Study
Chapter 03
The Opportunities
- Collaboration between two product teams
- Work on a different Judi Health product
- Enhance features within my own product
- Have a user interview with a cardholder (very rare)
Read Full Case Study
Chapter 04
The Process
This is where I designed the necessary features, then reviewed my design solutions with my developers, the member portal team, and a cardholder.
Read Full Case Study
Chapter 05
The Final Results
Cardholders gained the ability…
- to view their hours bank, timesheet, skipped months, bought hours, and useful information about their benefit eligibility status
- to buy hours to maintain their benefit eligibility
My Takeaway: Minimal user research capabilities are better than none. If resources are limited, maximize the research value by asking targeted questions and jotting down actionable next steps.
Read Full Case Study
Clarity. Control. Cardholder.
Deliverables
4 New Data Displays in the Member Portal
Primary Deliverable
4 Updated Data Displays in Judi® (Eligibility Module)
Primary Deliverable
1 Self-Service Feature
Primary Deliverable
User Research Feedback
Secondary Deliverable
High-Fidelity Wireframes
Secondary Deliverable
Prototypes
Secondary Deliverable
Feature 01
of 04
Clarity. Control. Cardholder.
Case Study
A self service for 1,000+ members
Feature 02
of 04
Creative Contest Meets Web3 Whimsy
Case Study
An experience that attracted 10K+ users
Feature 03
of 04
Icons for an Icon
Case Study
A design system built from scratch
Feature 04
of 04
Cart to Comfort: Crafting a Chic Checkout
Concept
An adoption of established patterns
UI/UX Design Portfolio: Year 6 Edition
HELLO RAVEN
Goodbye meh UI & messy UX
Feature 01
of 04
Clarity. Control. Cardholder.
Case Study
A self service for 1,000+ members
Feature 02
of 04
Creative Contest Meets Web3 Whimsy
Case Study
An experience that attracted 10K+ users
Feature 03
of 04
Icons for an Icon
Case Study
A design system built from scratch
Feature 04
of 04
Cart to Comfort: Crafting a Chic Checkout
Concept
An adoption of established patterns
Featured Case Study
Clarity. Control. Cardholder.
How might we increase transparency and autonomy for cardholders?
Cross-Team Coordination
Omnichannel
Real-Time Data Display
Systemic Design Patterns
A Collaboration Between 3 Teams:
Development, Project Management, & User Experience
Clarity. Control. Cardholder.
Achievements
4 Real-Time Data Displays
Developed
5 Cross-Platform Features
Unified
1 Self-Service Feature
Created
66,000+ Members
Gained Autonomy & Transparency
At a Glance
Abstract
In general, people want clarity and control where it matters most. What mattered most to my users was tracking and maintaining their hours, because their benefit eligibility depended on them. Previously, they had to rely on benefit administrators—but not anymore.
This case study documents how over 66,000 cardholders gained transparency and autonomy over their hours and benefit eligibility.
Role
Lead UI/UX Designer
Responsibilities
UI/UX Design & User Research
Duration
2 Weeks / 1 Sprint
Tools
Figma & Lucid
Company
Judi Health
Industry
Health Tech
Chapter 01
The Discovery
My product team needed to give cardholders the ability to view their hours data and some control over their benefit eligibility; however, our product is restricted to 2 user types that don’t include cardholders. Where would this request come to life?
Read Full Case Study
Chapter 02
The Challenges
- Our Eligibility product didn’t have features in the member portal. I was starting with a blank slate.
- Since I was starting with a blank slate, I had to follow established design patterns within the member portal.
- I needed to ensure the benefit administrator experience within Judi® and the member portal experience aligned.
- Historically, I’ve only had access to benefit administrators for design reviews—not cardholders.
Solution: Let’s utilize the member portal to display cardholder hours while offering self-service features.
Read Full Case Study
Chapter 03
The Opportunities
- Collaboration between two product teams
- Work on a different Judi Health product
- Enhance features within my own product
- Have a user interview with a cardholder (very rare)
Read Full Case Study
Chapter 04
The Process
This is where I designed the necessary features, then reviewed my design solutions with my developers, the member portal team, and a cardholder.
Read Full Case Study
Chapter 05
The Final Results
Cardholders gained the ability…
- to view their hours bank, timesheet, skipped months, bought hours, and useful information about their benefit eligibility status
- to buy hours to maintain their benefit eligibility
My Takeaway: Minimal user research capabilities are better than none. If resources are limited, maximize the research value by asking targeted questions and jotting down actionable next steps.
Read Full Case Study
Clarity. Control. Cardholder.
Deliverables
4 New Data Displays in the Member Portal
Primary Deliverable
4 Updated Data Displays in Judi® (Eligibility Module)
Primary Deliverable
1 Self-Service Feature
Primary Deliverable
User Research Feedback
Secondary Deliverable
High-Fidelity Wireframes
Secondary Deliverable
Prototypes
Secondary Deliverable
Feature 01
of 04
Clarity. Control. Cardholder.
Case Study
A self service for 1,000+ members
Feature 02
of 04
Creative Contest Meets Web3 Whimsy
Case Study
An experience that attracted 10K+ users
Feature 03
of 04
Icons for an Icon
Case Study
A design system built from scratch
Feature 04
of 04
Cart to Comfort: Crafting a Chic Checkout
Concept
An adoption of established patterns
UI/UX Design Portfolio: Year 6 Edition
HELLO RAVEN
Goodbye meh UI & messy UX
Feature 01
of 04
Clarity. Control. Cardholder.
Case Study
A self service for 1,000+ members
Feature 02
of 04
Creative Contest Meets Web3 Whimsy
Case Study
An experience that attracted 10K+ users
Feature 03
of 04
Icons for an Icon
Case Study
A design system built from scratch
Feature 04
of 04
Cart to Comfort: Crafting a Chic Checkout
Concept
An adoption of established patterns
Featured Case Study
Clarity. Control. Cardholder.
How might we increase transparency and autonomy for cardholders?
Cross-Team Coordination
Omnichannel
Real-Time Data Display
Systemic Design Patterns
A Collaboration Between 3 Teams:
Development, Project Management, & User Experience
Clarity. Control. Cardholder.
Achievements
4 Real-Time Data Displays
Developed
5 Cross-Platform Features
Unified
1 Self-Service Feature
Created
66,000+ Members
Gained Autonomy & Transparency
At a Glance
Abstract
In general, people want clarity and control where it matters most. What mattered most to my users was tracking and maintaining their hours, because their benefit eligibility depended on them. Previously, they had to rely on benefit administrators—but not anymore.
This case study documents how over 66,000 cardholders gained transparency and autonomy over their hours and benefit eligibility.
Role
Lead UI/UX Designer
Responsibilities
UI/UX Design & User Research
Duration
2 Weeks / 1 Sprint
Tools
Figma & Lucid
Company
Judi Health
Industry
Health Tech
Chapter 01
The Discovery
My product team needed to give cardholders the ability to view their hours data and some control over their benefit eligibility; however, our product is restricted to 2 user types that don’t include cardholders. Where would this request come to life?
Read Full Case Study
Chapter 02
The Challenges
- Our Eligibility product didn’t have features in the member portal. I was starting with a blank slate.
- Since I was starting with a blank slate, I had to follow established design patterns within the member portal.
- I needed to ensure the benefit administrator experience within Judi® and the member portal experience aligned.
- Historically, I’ve only had access to benefit administrators for design reviews—not cardholders.
Solution: Let’s utilize the member portal to display cardholder hours while offering self-service features.
Read Full Case Study
Chapter 03
The Opportunities
- Collaboration between two product teams
- Work on a different Judi Health product
- Enhance features within my own product
- Have a user interview with a cardholder (very rare)
Read Full Case Study
Chapter 04
The Process
This is where I designed the necessary features, then reviewed my design solutions with my developers, the member portal team, and a cardholder.
Read Full Case Study
Chapter 05
The Final Results
Cardholders gained the ability…
- to view their hours bank, timesheet, skipped months, bought hours, and useful information about their benefit eligibility status
- to buy hours to maintain their benefit eligibility
My Takeaway: Minimal user research capabilities are better than none. If resources are limited, maximize the research value by asking targeted questions and jotting down actionable next steps.
Read Full Case Study
Clarity. Control. Cardholder.
Deliverables
4 New Data Displays in the Member Portal
Primary Deliverable
4 Updated Data Displays in Judi® (Eligibility Module)
Primary Deliverable
1 Self-Service Feature
Primary Deliverable
User Research Feedback
Secondary Deliverable
High-Fidelity Wireframes
Secondary Deliverable
Prototypes
Secondary Deliverable
Feature 01
of 04
Clarity. Control. Cardholder.
Case Study
A self service for 1,000+ members
Feature 02
of 04
Creative Contest Meets Web3 Whimsy
Case Study
An experience that attracted 10K+ users
Feature 03
of 04
Icons for an Icon
Case Study
A design system built from scratch
Feature 04
of 04
Cart to Comfort: Crafting a Chic Checkout
Concept
An adoption of established patterns