Overview

Application Workflow

We were tasked with updating the workflow to reduce time on task and remove redundancies to increase conversions. This project was very collaborative with many different teams and departments. I was a still a Visual Designer but transitioning into a UX/UI role.

2022 - 2023
Visual Designer / UX/UI Designer
Civic FCU
Four smartphone screens displaying Civic app account setup steps including personal info, account setup options, connected accounts, and funding a Bonus Checking account.

Our challenge

We noticed a lot of users starting applications but not finishing them. We also didn’t collect contact information early enough, leaving us with no way to contact them to complete the application. We wanted to redesign the workflow to make it easier and quicker, and giving users a preview beforehand of what they would need to complete the application.

Our goals

  • Capture contact information earlier in the process
  • Reduce time on task
  • Update the look to feel more like Civic

Solution

My role was to design the wireframe, prototype it for presentation, and create a UI kit for the vendor to reference when implementing our new workflow design.

We started by reviewing the workflow and eliminating unnecessary fields. For example, when you entered your address it would pre-populate and you could select your address, but then you had to enter the zip code in a separate text field right next to it. Date fields had no structure, and radio buttons and checkboxes were used interchangeably. I enjoyed solving real problems with this project, which directly impacted entry into the credit union.

Secure sign-up form for Civic Federal Credit Union requesting first name, last name, email, and phone number with a consent checkbox and a purple next button.
Moved email and phone collection to beginning
Webpage showing Account Agreements and Disclosures with a user photo and a message about opening links before agreeing, accompanied by a document preview and buttons labeled agree, back, and save for later.
Grouped disclosures and agreement
Banking webpage prompting user Cody to fund Bonus Checking account with options for debit card, account transfer, mobile deposit, or mail check and form fields for card details.
Streamlined account funding
Welcome message screen for Civic member Cody Brennan showing account information and encouragement to download the mobile app.
Created a confirmation page with details and popular CTAs

Design specs for handoff

UI kit layout showing typography styles, color palette with four color roles, iconography, button states, selection controls, and card components with headings and body text examples.
User interface kit displaying various text fields, dropdown menus, checkboxes, radio buttons, pop-up windows, avatar with message, document scroll, and a sample PDF viewer.
UI kit layout labeled 'Header with Progress bar' and 'Footer' showing Civic Credit Union branding, user profile images, and a mobile app download prompt with Google Play and App Store icons.
Sticker sheet showing circular portraits of diverse people, images of various debit and credit cards, loan types, and two callouts with people holding phones labeled pending and approved.