Website Review

Context

Community Savings Credit Union is a well-established financial institution With over 30,000 members and managing assets worth $800 million, Community Savings plays a significant role in supporting both local unions and individuals within the community with a variety of banking products and services.

Overview

1. Problem

The issue of an aging client base is a common challenge faced by many credit unions. As baby boomers reach retirement age and beyond, many credit unions find that their existing customer base is not being replaced with younger members at a fast enough rate to sustain growth.

2. Challenge

We were tasked to redesign the user experience of the credit union's digital platform to resonate with and attract younger members, while ensuring usability and accessibility for all users.

3. Research

Our research highlighted a few areas of improvement: Users perceive the design as dull and boring, with a monotonous color scheme. They find the website visually cluttered and complicated, leading to difficulty in navigating and locating desired information. The overwhelming layout contributes to confusion and frustration, particularly for first-time visitors.

4. Stakeholder Alignment

We held multiple meetings to share our discoveries and ensure alignment of expectations with CSCU executives. It became evident that the project would require a complete brand new identity. Some areas identified for improvement include the color scheme, imagery selection, copywriting style, overall layout design, and information architecture.

5. Deliverables

We were tasked with delivering samples and a selection of redesigned pages, along with a project estimation detailing the time and resources required for implementation.

6. Outcome

80% improvement in task completion, 90% of users preferred the new style. Through usability tests on prototypes, comparing before and after assets, we observed an 80% improvement in user task completion accuracy. Additionally, 90% of users found the updated color scheme more inclusive and appealing.

Opportunity

Imagery

Website was cluttered with large, tall images that consumed valuable screen space and slowed down page loading. Unfortunately, these visuals often lacked relevance to users and were unclear, diminishing their impact on engagement.

Copywriting

During our random user testing, individuals tended to overlook crowded content areas, potentially missing important information. Additionally, participants consistently struggled to interpret page headers, spending excessive time on this task.

Information Architecture

The website's navigation was seven levels deep, but most users didn't explore past the third level. So, some pages at the seventh level hardly got any visits, as users had to click through six other pages to reach them. As a result, lots of content went unnoticed for months.

Accessibility

The website falls short in terms of contrast, making it difficult for some users to read content. This issue is particularly problematic for our elderly clientele, who may struggle with low contrast text. Additionally, inconsistent interactive elements further complicate the user experience.

Suggestions

Imagery

Research indicated the need to minimize tall hero sections and remove image backgrounds where possible to reduce distraction and convey clearer meaning. Additionally, incorporating humor was identified as a strategy to enhance memorization and encourage content sharing.

Copywriting

We carefully selected traits to evoke the desired feelings in our readers. Our goal was to make the website feel trustworthy, current, inclusive, light-hearted, and relatable. With these qualities in mind, we recommended adopting them both in the writing style and in the design.

Information Architecture

The original website had a hierarchical information architecture, which buried content deep within the site structure, limiting visibility and accessibility. To improve this, we suggested transitioning to a flatter architecture, organizing content for easier navigation and increased visibility. This change ensures users can quickly find information, enhancing accessibility and overall user experience.

Outcome

80% improvement in task completion, 90% of users preferred the new style.

After diving deep into research, we've crafted a design that's set to serve both older and younger users alike. Our comparison of before-and-after assets revealed an impressive 80% boost in user task completion accuracy. And with 90% of users finding the new color scheme more appealing and inclusive, we're confident the design concepts were on the right track.