Two Listerhill members standing on the lawn in front of their new home

Listerhill Credit Union

Banking with people in mind

We helped Listerhill Credit Union make everyday banking easier to navigate, with a redesigned website for members and practical tools for the team behind it.

Project
Website redesign
Client
Listerhill Credit Union
Role
Strategy, UX / UI design, and Craft CMS development
Launched
June 2026

The Prompt

Make the everyday easier

Checking a loan rate should be straightforward. So should finding an account, exploring financing, or getting a question answered. For Listerhill, the website needed to help members take those next steps while giving staff a reliable way to keep information current.

We worked closely with Listerhill’s team to redesign and rebuild the site, from the pages members visit to the tools staff use to manage them. The new website launched in June 2026, serving members in Florence, Muscle Shoals, and the surrounding communities.

The redesigned Listerhill Credit Union homepage on a desktop browser and a phone
A new homepage built around the information members need, on desktop and mobile.

The Front End

Familiar from page to page

A credit union serves people with different needs. We designed page templates for checking and savings, credit cards, loans, investment services, community programs, the help center, the blog and press room, and each branch.

Shared layouts and components help members find their way as they move through the site. Each page still has room for the details that matter to the account, service, or location they’re exploring.

The full Listerhill community page design, from hero to footer
Community
The full Listerhill loans page design, from hero to footer
Loans
The Listerhill new and used auto loans page in a desktop browser and on a phone
Loan pages pair a section menu with the product, so members can move to auto refinance or GAP coverage from the same place.

Custom Icons

A little visual guidance

We created a custom set of icons in Listerhill red and charcoal for mortgages, auto loans, checking, certificates, and credit cards. They give members a recognizable starting point on the homepage and carry that visual connection into the product pages.

Listerhill’s custom icons for mortgages, auto loans, checking, certificates, and credit cards
Custom icons connect Listerhill’s product families through a shared visual style.
Five Listerhill pages on phones: checking, a credit card, the homepage, the help center, and home loans
Each template adapts to a layout designed for smaller screens.

Desktop and Mobile

Every template at two sizes

We designed each template for desktop and phone together, so a member who starts on a laptop and finishes on a phone finds the same rates, buttons, and answers in a familiar order. On smaller screens, the section menus fold into a single drop-down and the product details stack beneath the header.

The full Listerhill Everyday Checking page on desktop, from header to footer
The full Listerhill Everyday Checking page on a phone, from header to footer
Everyday Checking, from the account overview to the questions members ask most.
The full Listerhill credit cards page on desktop, from header to footer
The full Listerhill credit cards page on a phone, from header to footer
The credit card page sets Listerhill’s Visa cards beside other issuers’ cards, feature by feature.
Five Listerhill pages on phones: savings, credit cards, everyday checking, calculators, and home loans
Savings, credit cards, checking, calculators, and home loans on a phone.

Finding Things

Find a way forward

Some members know exactly what they need. Others could use a little guidance. Search offers autocomplete, section filters, recent searches, and promoted results, while calculators and a Solutions Finder help members explore their options.

The full Listerhill calculators page on desktop, from header to footer
The full Listerhill calculators page on a phone, from header to footer
Calculators are grouped by auto, budget, savings, debt, mortgage, and investment questions.
An angled array of Listerhill desktop pages: community, checking, loans, credit cards, investment services, help, and more
A consistent experience across banking, borrowing, investing, and community.

The Back End

One update reaches every page

Rates appear in more than one place, but staff should only need to update them once. We built custom tools in Craft CMS that connect current rates to pages and rate cards across the site, helping the team keep important financial information consistent.

  • Rates managed in one place

    Staff manage rates in one place and use them across pages and rate cards. When a rate changes, every connected placement updates with it, so members see the same information throughout the site.

  • Search with a head start

    Powered by Algolia, search helps members get to the right page with autocomplete, section filters, recent searches, and promoted results for frequently requested information.

  • Help choosing a next step

    Calculators and the guided Solutions Finder help members work through their options, even when they don’t know which product to search for.

The Craft CMS entry for the Listerhill homepage, with slider, quick link, testimonial, and article blocks

Page Builder

Room to build

We built a library of content blocks alongside the design, giving editors a flexible way to assemble pages within a consistent visual system. The homepage shows how those tools work across the templates.

The Craft CMS forms dashboard with cards for each Listerhill form, shown with sample submission counts

Forms

Keep inquiries in view

Contact, lending, membership, and event forms share one management area, with submissions and spam filtering for each. The admin screenshot uses sample counts.

The Craft CMS navigation editor with the Listerhill masthead menu and the editing panel for one item

Navigation

Menus the team can manage

Staff can update the masthead and footer menus in the CMS, making it easier to add a new page or support a campaign as it launches.

Listerhill’s cookie consent designs: a red banner on the homepage and a detailed preferences dialog
Cookie choices presented in the same visual style as the rest of the site.
The Craft CMS cookie consent log, listing anonymous consent IDs and the categories each visitor accepted

Cookie Consent

Clear choices for members

We designed the cookie banner and preferences dialog to feel at home on the site, with clear choices for members. Staff manage the cookie groups in the CMS, which also records each consent choice.

Under the Hood

The tools behind it

Platform
Craft CMS 5 with a custom block library for every page template
Front end
Tailwind CSS, with GSAP for motion
Search
Algolia, with autocomplete, section filters, and promoted results
Forms
Freeform, including the Solutions Finder and lending inquiries
Site management
Navigation, redirects, and SEO managed in the CMS
Privacy
Cookie consent with per-category choices and a consent log

Listerhill’s care for its community came through in our work together. We enjoyed helping their team bring that same care to the website, making it easier for members in Florence, Muscle Shoals, and the surrounding communities to find what they need.

We continue to build on that foundation as Listerhill’s needs change.