UI/UX Design Portfolio: Year 6 Edition

HELLO RAVEN

Case Studies

Judi Health

Clarity. Control. Cardholder.

How might we increase transparency and autonomy for cardholders?

  • Cross-Team Coordination

  • Omnichannel

  • Real-Time Data Display

  • Systemic Design Patterns

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.

Achievements

  • 4 Real-Time Data Displays

    Developed

  • 5 Cross-Platform Features

    Unified

  • 1 Self-Service Feature

    Created

  • 66,000+ Members

    Gained Autonomy & Transparency

Gap Inc.

Creative Contest Meets Web3 Whimsy

How might we create an engaging logo redesign contest while utilizing Web3?

  • 0 to 1 Design

  • End-to-End UX

  • External Partnerships

  • Omnichannel

Abstract

We’re in an era where long-lasting brands are built with communities, not just for them. Recognizing this, the innovation team at Gap launched an event called Gap Logo Remix: a global, community-driven contest promising small fame and fortune for 3 lucky winners.

 

This case study walks you through the creation of the full experience, from start to finish, and how it attracted over 10,000 participants worldwide, sold out over 300 limited-edition hoodies, and more.

Achievements

  • 60+ Artworks

    Submitted

  • 10,000+ Unique Users

    Participated Worldwide

  • 100+ Users

    Joined our Discord Server

  • 300+ Limited-Edition Hoodies

    Sold Out

Gap Inc.

Icons for an Icon

How might we standardize company icons for a seamless user experience?

  • 0 to 1 Design

  • Enterprise Design System

  • Illustration

  • Multi-Brand Design Alignment

Abstract

Icon inconsistency can disrupt the user experience and dilute brand cohesion. To prevent these problems, fellow UI/UX designers wished for the knowledge of correctly using icons and the ability to find one quickly. Their wishes were granted.

 

This case study reveals how I built an icon design system for the iconic Gap Inc. from scratch: tailoring icons, writing style and usage guidelines, stitching pattern libraries together, and exhibiting all icons in one source-of-truth location.

Achievements

  • 200+ Icons

    Illustrated

  • 370+ Parent Icons

    Componetized

  • 10 Themed Icon Libraries

    Created

  • 1 Icon Request Process

    Established

Gap Inc.

Perfecting a Playful Palette for Accessibility

How might we introduce a vibrant artistic style while maintaining an accessible experience?

  • Accessibility-First Design (A11y)

  • External Partnership

  • Visual Design

  • WCAG 2.2 AA

Abstract

Accessibility doesn’t limit creativity, and it can create a memorable design challenge. This challenge occurred when Gap Threads collaborated with Demit Omphroy, an artist with a vibrant style that clashed with our existing web aesthetic.

 

This case study explores how I adapted Demit’s playful palette into a digital experience that stayed true to his artistic voice and our accessibility standards.

Achievements

  • 8,560+ NFT Sales

    Accomplished

  • 9,670+ Unique Owners

    Purchased

  • $19,000+ in Crypto Revenue

    Earned

Judi Health

Scaling Without Sacrifice

How might we preserve client-specific features while expanding our product?

  • B2B Enterprise Software

  • Continuous Discovery & Delivery

  • Product Strategy

  • Scalable System

This project is still active. Details are vague for confidentiality.

Abstract

Clients want digital experiences that evolve with their unique business and user needs. For the product teams behind these digital experiences, challenges may arise when they have multiple clients with unique needs. After gaining our second client, my product team faces that challenge, which is why we’re redesigning key features of our product.

 

This is an ongoing effort to scale our product without sacrificing client-specific features. Follow this case study as it documents the redesign journey; however, the details are currently vague for confidentiality.

Achievements

  • 6 New Experiences

    Created (So Far)

  • 5 Workflows

    Updated (So Far)

  • 1,400+ Employers

    Gained Redesigned Features (Upcoming)

  • 1.3M+ Members

    Happily Serviced (Upcoming)

UI/UX Design Portfolio: Year 6 Edition

HELLO RAVEN

Goodbye meh UI & messy UX

© 2026 Raven Caffey. All rights reserved.

UI/UX Design Portfolio: Year 6 Edition

Case Studies

Judi Health

Clarity. Control. Cardholder.

How might we increase transparency and autonomy for cardholders?

  • Cross-Team Coordination

  • Omnichannel

  • Real-Time Data Display

  • Systemic Design Patterns

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.

Achievements

  • 4 Real-Time Data Displays

    Developed

  • 5 Cross-Platform Features

    Unified

  • 1 Self-Service Feature

    Created

Gap Inc.

Creative Contest Meets Web3 Whimsy

How might we create an engaging logo redesign contest while utilizing Web3?

  • 0 to 1 Design

  • End-to-End UX

  • External Partnerships

  • Omnichannel

Abstract

We’re in an era where long-lasting brands are built with communities, not just for them. Recognizing this, the innovation team at Gap launched an event called Gap Logo Remix: a global, community-driven contest promising small fame and fortune for 3 lucky winners.

 

This case study walks you through the creation of the full experience, from start to finish, and how it attracted over 10,000 participants worldwide, sold out over 300 limited-edition hoodies, and more.

Achievements

  • 60+ Artworks

    Submitted

  • 10,000+ Unique Users

    Participated Worldwide

  • 100+ Users

    Joined our Discord Server

Gap Inc.

Icons for an Icon

How might we standardize company icons for a seamless user experience?

  • 0 to 1 Design

  • Enterprise Design System

  • Illustration

  • Multi-Brand Design Alignment

Abstract

Icon inconsistency can disrupt the user experience and dilute brand cohesion. To prevent these problems, fellow UI/UX designers wished for the knowledge of correctly using icons and the ability to find one quickly. Their wishes were granted.

 

This case study reveals how I built an icon design system for the iconic Gap Inc. from scratch: tailoring icons, writing style and usage guidelines, stitching pattern libraries together, and exhibiting all icons in one source-of-truth location.

Achievements

  • 200+ Icons

    Illustrated

  • 370+ Parent Icons

    Componetized

  • 10 Themed Icon Libraries

    Created

Gap Inc.

Perfecting a Playful Palette for Accessibility

How might we introduce a vibrant artistic style while maintaining an accessible experience?

  • Accessibility-First Design (A11y)

  • External Partnership

  • Visual Design

  • WCAG 2.2 AA

Abstract

Accessibility doesn’t limit creativity, and it can create a memorable design challenge. This challenge occurred when Gap Threads collaborated with Demit Omphroy, an artist with a vibrant style that clashed with our existing web aesthetic.

 

This case study explores how I adapted Demit’s playful palette into a digital experience that stayed true to his artistic voice and our accessibility standards.

Achievements

  • 8,560+ NFT Sales

    Accomplished

  • 9,670+ Unique Owners

    Purchased

$19,000+ in Crypto Revenue

Earned

Judi Health

Scaling Without Sacrifice

How might we preserve client-specific features while expanding our product?

  • B2B Enterprise Software

  • Continuous Discovery & Delivery

  • Product Strategy

  • Scalable System

This project is still active. Details are vague for confidentiality.

Abstract

Clients want digital experiences that evolve with their unique business and user needs. For the product teams behind these digital experiences, challenges may arise when they have multiple clients with unique needs. After gaining our second client, my product team faces that challenge, which is why we’re redesigning key features of our product.

 

This is an ongoing effort to scale our product without sacrificing client-specific features. Follow this case study as it documents the redesign journey; however, the details are currently vague for confidentiality.

Achievements

  • 6 New Experiences

    Created (So Far)

  • 5 Workflows

    Updated (So Far)

  • 1,400+ Employers

    Gained Redesigned Features (Upcoming)

UI/UX Design Portfolio: Year 6 Edition

HELLO RAVEN

Goodbye meh UI & messy UX

© 2026 Raven Caffey. All rights reserved.

UI/UX Design Portfolio: Year 6 Edition

Case Studies

Judi Health

Clarity. Control.Cardholder.

How might we increase transparency and autonomy for cardholders?

  • Cross-Team Coordination

  • Omnichannel

  • Real-Time Data Display

  • Systemic Design Patterns

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.

Achievements

  • 4 Real-Time Data Displays

    Developed

  • 5 Cross-Platform Features

    Unified

  • 1 Self-Service Feature

    Created

  • 66,000+ Members

    Gained Autonomy & Transparency

Gap Inc.

Creative Contest Meets Web3 Whimsy

How might we create an engaging logo redesign contest while utilizing Web3?

  • 0 to 1 Design

  • End-to-End UX

  • External Partnerships

  • Omnichannel

Abstract

We’re in an era where long-lasting brands are built with communities, not just for them. Recognizing this, the innovation team at Gap launched an event called Gap Logo Remix: a global, community-driven contest promising small fame and fortune for 3 lucky winners.

 

This case study walks you through the creation of the full experience, from start to finish, and how it attracted over 10,000 participants worldwide, sold out over 300 limited-edition hoodies, and more.

Achievements

  • 60+ Artworks

    Submitted

  • 10,000+ Unique Users

    Participated Worldwide

  • 100+ Users

    Joined our Discord Server

  • 300+ Limited-Edition Hoodies

    Sold Out

Gap Inc.

Icons for an Icon

How might we standardize company icons for a seamless user experience?

  • 0 to 1 Design

  • Enterprise Design System

  • Illustration

  • Multi-Brand Design Alignment

Abstract

Icon inconsistency can disrupt the user experience and dilute brand cohesion. To prevent these problems, fellow UI/UX designers wished for the knowledge of correctly using icons and the ability to find one quickly. Their wishes were granted.

 

This case study reveals how I built an icon design system for the iconic Gap Inc. from scratch: tailoring icons, writing style and usage guidelines, stitching pattern libraries together, and exhibiting all icons in one source-of-truth location.

Achievements

  • 200+ Icons

    Illustrated

  • 370+ Parent Icons

    Componetized

  • 10 Themed Icon Libraries

    Created

  • 1 Icon Request Process

    Established

Gap Inc.

Perfecting a Playful Palette for Accessibility

How might we introduce a vibrant artistic style while maintaining an accessible experience?

  • Accessibility-First Design (A11y)

  • External Partnership

  • Visual Design

  • WCAG 2.2 AA

Abstract

Accessibility doesn’t limit creativity, and it can create a memorable design challenge. This challenge occurred when Gap Threads collaborated with Demit Omphroy, an artist with a vibrant style that clashed with our existing web aesthetic.

 

This case study explores how I adapted Demit’s playful palette into a digital experience that stayed true to his artistic voice and our accessibility standards.

Achievements

  • 8,560+ NFT Sales

    Accomplished

  • 9,670+ Unique Owners

    Purchased

$19,000+ in Crypto Revenue

Earned

Judi Health

Scaling Without Sacrifice

How might we preserve client-specific features while expanding our product?

  • B2B Enterprise Software

  • Continuous Discovery & Delivery

  • Product Strategy

  • Scalable System

This project is still active. Details are vague for confidentiality.

Abstract

Clients want digital experiences that evolve with their unique business and user needs. For the product teams behind these digital experiences, challenges may arise when they have multiple clients with unique needs. After gaining our second client, my product team faces that challenge, which is why we’re redesigning key features of our product.

 

This is an ongoing effort to scale our product without sacrificing client-specific features. Follow this case study as it documents the redesign journey; however, the details are currently vague for confidentiality.

Achievements

  • 6 New Experiences

    Created (So Far)

  • 5 Workflows

    Updated (So Far)

  • 1,400+ Employers

    Gained Redesigned Features (Upcoming)

  • 1.3M+ Members

    Happily Serviced (Upcoming)

UI/UX Design Portfolio: Year 6 Edition

HELLO RAVEN

Goodbye meh UI & messy UX

© 2026 Raven Caffey. All rights reserved.

UI/UX Design Portfolio: Year 6 Edition

Case Studies

Judi Health

Clarity. Control. Cardholder.

How might we increase transparency and autonomy for cardholders?

  • Cross-Team Coordination

  • Omnichannel

  • Real-Time Data Display

  • Systemic Design Patterns

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.

Achievements

  • 4 Real-Time Data Displays

    Developed

  • 5 Cross-Platform Features

    Unified

  • 1 Self-Service Feature

    Created

  • 66,000+ Members

    Gained Autonomy & Transparency

Gap Inc.

Creative Contest Meets Web3 Whimsy

How might we create an engaging logo redesign contest while utilizing Web3?

  • 0 to 1 Design

  • End-to-End UX

  • External Partnerships

  • Omnichannel

Abstract

We’re in an era where long-lasting brands are built with communities, not just for them. Recognizing this, the innovation team at Gap launched an event called Gap Logo Remix: a global, community-driven contest promising small fame and fortune for 3 lucky winners.

 

This case study walks you through the creation of the full experience, from start to finish, and how it attracted over 10,000 participants worldwide, sold out over 300 limited-edition hoodies, and more.

Achievements

  • 60+ Artworks

    Submitted

  • 10,000+ Unique Users

    Participated Worldwide

  • 100+ Users

    Joined our Discord Server

  • 300+ Limited-Edition Hoodies

    Sold Out

Gap Inc.

Icons for an Icon

How might we standardize company icons for a seamless user experience?

  • 0 to 1 Design

  • Enterprise Design System

  • Illustration

  • Multi-Brand Design Alignment

Abstract

Icon inconsistency can disrupt the user experience and dilute brand cohesion. To prevent these problems, fellow UI/UX designers wished for the knowledge of correctly using icons and the ability to find one quickly. Their wishes were granted.

 

This case study reveals how I built an icon design system for the iconic Gap Inc. from scratch: tailoring icons, writing style and usage guidelines, stitching pattern libraries together, and exhibiting all icons in one source-of-truth location.

Achievements

  • 200+ Icons

    Illustrated

  • 370+ Parent Icons

    Componetized

  • 10 Themed Icon Libraries

    Created

  • 1 Icon Request Process

    Established

Gap Inc.

Perfecting a Playful Palette for Accessibility

How might we introduce a vibrant artistic style while maintaining an accessible experience?

  • Accessibility-First Design (A11y)

  • External Partnership

  • Visual Design

  • WCAG 2.2 AA

Abstract

Accessibility doesn’t limit creativity, and it can create a memorable design challenge. This challenge occurred when Gap Threads collaborated with Demit Omphroy, an artist with a vibrant style that clashed with our existing web aesthetic.

 

This case study explores how I adapted Demit’s playful palette into a digital experience that stayed true to his artistic voice and our accessibility standards.

Achievements

  • 8,560+ NFT Sales

    Accomplished

  • 9,670+ Unique Owners

    Purchased

$19,000+ in Crypto Revenue

Earned

Judi Health

Scaling Without Sacrifice

How might we preserve client-specific features while expanding our product?

  • B2B Enterprise Software

  • Continuous Discovery & Delivery

  • Product Strategy

  • Scalable System

This project is still active. Details are vague for confidentiality.

Abstract

Clients want digital experiences that evolve with their unique business and user needs. For the product teams behind these digital experiences, challenges may arise when they have multiple clients with unique needs. After gaining our second client, my product team faces that challenge, which is why we’re redesigning key features of our product.

 

This is an ongoing effort to scale our product without sacrificing client-specific features. Follow this case study as it documents the redesign journey; however, the details are currently vague for confidentiality.

Achievements

  • 6 New Experiences

    Created (So Far)

  • 5 Workflows

    Updated (So Far)

  • 1,400+ Employers

    Gained Redesigned Features (Upcoming)

  • 1.3M+ Members

    Happily Serviced (Upcoming)