
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 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.



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.

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.





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 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.

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.

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.

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.


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.

