Case Study Banner

Project Summary

Church Pension Group needed a modern self-service portal that would reduce support volume and give members and administrators a simpler, more efficient way to manage benefits and personal information. I led the UX efforts for this initiative, focusing on clarity, usability, accessibility, and long-term scalability for the product and engineering teams.

Designer
User Research
Illustration & Brand
Creative & Tech
Website Application

Project Details

Role :

Design Lead

Duration :

June 2020 - November 2022 (3.5 years)

Tools :

Figma, Sketch, Webflow, Invision, Agile, Wrike, Monday

Problem Icon

The Challenge:

Inundated with Customer Support Calls

Support teams were managing a high volume of requests because members did not have a straightforward way to complete key tasks online. The organization needed a self-service experience that was easy to use, reduced reliance on customer support, and built trust by giving users more control over their own information.

Solution Image
Problem Icon

My Approach:

Create a Self-Service Application

I partnered with business, engineering, and support stakeholders to understand user pain points and internal priorities. From there, I worked to align requirements, map key user journeys, and establish design patterns that supported both immediate needs and future product expansion.

Solution Image

Project Alignment and Requirements Mapping

The scale of the application made it challenging for teams to align on scope and requirements. I created a comprehensive requirements map that unified business needs, user goals, and development constraints. This improved cross-team clarity, reduced back-and-forth, and helped us move faster. As a result, we stayed ahead of schedule and maintained an early launch trajectory.

Requirements Map
Requirements Map

Rapid Prototyping for Vendor Selection

When development shifted to an outside firm, I quickly delivered user-focused mockups that translated requirements into clear, scalable interface patterns. Completing this within one working sprint allowed us to evaluate vendors immediately and kept the project timeline intact.

3 New Employee Screen Examples

Updated Dashboard

The dashboard needed a full refresh to support better usability and introduce new design standards. Key goals included simplifying content, increasing clarity, and creating more actionable paths for users.

Focus areas:

  • Reduced visual clutter
  • Integrated new design system components
  • Converted static text to actionable links
  • Added helpful guidance to reduce cognitive load
  • Highlighted essential tasks and information

Original

Original Dashboard

Updated

Updated Dashboard

Fidelity Concepts

Concept Image

1. Low Fidelity

Sketched structural layouts to align stakeholders and ensure that business and technical requirements could be met. These served as a shared foundation for user-centered discussions and early iteration.

2. Medium Fidelity

Introduced interaction details and visual hierarchy so teams could evaluate behavior and usability. This stage helped identify refinements before committing to final design decisions.

Concept Image
Concept Image

3. High Fidelity

Delivered final polished screens that reflected brand guidelines and accessibility standards. These were prepared for efficient engineering handoff, reducing ambiguity and rework during development.

Results

The self-service experience significantly improved both user success and internal efficiency. Support center call volume decreased by 28 percent as users were able to complete more tasks independently, and successful self-service task completion increased by 35 percent.

Through moderated usability testing and iterative refinement, user error rates dropped and satisfaction improved from 3.3 to 4.7. In addition, the introduction of scalable UI components and clear design specifications reduced design-to-engineering turnaround time by 25 percent, supporting faster delivery and a more consistent product experience.

Final Application

The completed high-fidelity flow demonstrates the full experience of adding and editing a dependent in the application. This flow highlights key improvements in clarity, self-service efficiency, and accessibility, supporting both user independence and reduced support burden for the organization.

Final Application Examples

Design System and Style Guide

Built a scalable design system to increase consistency and support faster iterations.

Key improvements:

  • Component and pattern library for future growth
  • Work with contract designers and developers to transition designs into updated CMS
  • Streamlined color palette for clearer CTAs
  • Accessible type scale for readability
  • Iconography for quicker scanning
Style Image
Style Image
Style Image
Style Image

Feature Demonstrations

Selected flows highlight key user journeys and the improved self-service experience.

Thanks for looking

Continue viewing below

My Portfolio