PSECU — 2022

Banking Kit Design System

I led the design of our new internal design system (Digital Banking Kit) to unify design and development processes as well as increase faster implementation of our product features.

PSECU Digital Banking Kit

PSECU — 2022

Banking Kit Design System

I led the design of our new internal design system (Digital Banking Kit) to unify design and development processes as well as increase faster implementation of our product features.

PSECU Digital Banking Kit

PSECU — 2022

Banking Kit Design System

I led the design of our new internal design system (Digital Banking Kit) to unify design and development processes as well as increase faster implementation of our product features.

PSECU Digital Banking Kit

Product Design Lead

May 1, 2022

Web App Design System

Success

Targeting a 20% increase in team efficiency and a 30% reduction in design inconsistencies are key success indicators I tracked. This data, alongside internal user feedback, will show the Digital Banking Kit's impact on accelerating product implementation.

Goal

Define Standards

Collaborate with engineers to establish best practices, design audits, accessibility, and standards.

Build Component Library

Utilize atomic design structure to create a reusable library of components, styles, and UI elements.

Streamline Workflow

Implement the Digital Banking Kit to accelerate design and development of future features.

Design for Growth

Develop a scalable system to accommodate PSECU's evolving needs.

Design System Overview

Sneak peak of PSECU's Digital Banking System built from the ground up in late 2022. While building out our system, I collaborated with our engineering team on a 4-week design sprint. This sprint covered; best practices, design audits, accessibility standards, and implementation planning. The system is based on the atomic framework to unify and reuse components, styles, grids, typography, and usage standard guidelines. The system is built to scale to accommodate our needs as a financial institution.

Super thrilled to show some pretty cool product features the team and I have released to our membership. This page will be updated soon. Check back in a little. 😎

Other Projects

PSECU Digital Self Service Dispute

PSECU Digital Self Service Dispute

PSECU Digital Self Service Dispute

Empowering Members with a Digital Dispute Resolution

A sleek and modern landing page template for mobile app launches and enhancements. Impress your users with its sleek design, highlight key features, and drive app success like a pro

Empowering Members with a Digital Dispute Resolution

Targeted a 50% decrease of Visa disputes resolved through our call center's volume within six months of launch. Minimized the need for paper documentation while reducing mail-in forms by 35%.

Read More

PSECU Spending Summary Feature Web and mobile app

PSECU Spending Summary Feature Web and mobile app

PSECU Spending Summary Feature Web and mobile app

Smart Tools to Help you Optimize your Money

A sleek and modern landing page template for mobile app launches and enhancements. Impress your users with its sleek design, highlight key features, and drive app success like a pro

Smart Tools to Help you Optimize your Money

The redesign of our new Spend Summary feature resulted in 48% Increase to our mobile web banking sessions and reduced our call center's volume of calls and tickets by 70%.

Read More

Dashboard Refresh

Dashboard Refresh

Dashboard Refresh

Digital-First Banking Done Better

A sleek and modern landing page template for mobile app launches and enhancements. Impress your users with its sleek design, highlight key features, and drive app success like a pro

Digital-First Banking Done Better

The redesign of the in-app dashboard resulted in 24% increase in our share and loan activity and improved our customer service by 14% with ease of use.

Read More

Edio Learning Management System

Edio Learning Management System

Edio Learning Management System

Learning Solution for Commonwealth Charter Academy

A sleek and modern landing page template for mobile app launches and enhancements. Impress your users with its sleek design, highlight key features, and drive app success like a pro

Learning Solution for Commonwealth Charter Academy

Edio version 1.0 launched as a successful design and software solution 3 years ago. Today the platform serves almost 22,000+ users and 1.6 million graded entries. There are over 700 meetings per day with 10,000 participants on the platform.

Read More

PSECU Mobile App Feature Design

PSECU Mobile App Feature Design

PSECU Mobile App Feature Design

Empowering Members with Financial Flexibility

A sleek and modern landing page template for mobile app launches and enhancements. Impress your users with its sleek design, highlight key features, and drive app success like a pro

Empowering Members with Financial Flexibility

Increased our mobile engagement by 24% with our financial products by highlighting key benefits to each product type to membership.

Read More

NFPA LiNK Web App

NFPA LiNK Web App

NFPA LiNK Web App

User-Centric Solutions for NFPA LiNK's New Product Vision

A sleek and modern landing page template for mobile app launches and enhancements. Impress your users with its sleek design, highlight key features, and drive app success like a pro

User-Centric Solutions for NFPA LiNK's New Product Vision

The National Fire Protection Association (NFPA) has been helping to solve some of the planet’s toughest safety problems for more than 125 years. Stats to come when we establish a Go Live Date 😎

Read More

School Culture and Climate Initiative

School Culture and Climate Initiative

School Culture and Climate Initiative

School Culture and Climate Initiative Web

A sleek and modern landing page template for mobile app launches and enhancements. Impress your users with its sleek design, highlight key features, and drive app success like a pro

School Culture and Climate Initiative Web

The new responsive website resulted in an overall increase SCCI's online reach by 70%, allowing them to connect with more schools interested in promoting social-emotional well-being (pre-K to 12). Additionally the Marketing team saw a 36% in social media engagements, that resulted in positive support network meetings.

Read More

UGI Gas

UGI Gas

UGI Gas

UGI Utilities Website

A sleek and modern landing page template for mobile app launches and enhancements. Impress your users with its sleek design, highlight key features, and drive app success like a pro

UGI Utilities Website

The new website features streamline account management, allowing customers to easily manage bills and access information. The new website increased customer satisfaction by 25% and reduced support call volume by 10%, freeing up UGI resources.

Read More

UPMC Health Find a Doctor

UPMC Health Find a Doctor

UPMC Health Find a Doctor

UPMC Health Website

A sleek and modern landing page template for mobile app launches and enhancements. Impress your users with its sleek design, highlight key features, and drive app success like a pro

UPMC Health Website

These features improved user experience by 20%, making it easier for Pennsylvanians to find the health information they needed. Additionally leading to a 18% increase in online appointment scheduled for doctors. UPMC Pinnacle was awarded the 2018 eHealthcare Leadership Award for Best Hospital Mobile Website.

Read More