Kaytlyn Tanner
Kaytlyn Tanner

Nephi Western Federal Credit Union

 Crafting a better banking experience with a modern website redesign

I redesigned the Nephi Western Federal Credit Union website into an accessibility-first platform that simplifies navigation and banking tasks.

my Role
UX/UI Designer
Duration
6 Weeks
Overview
Challenge
As a personal project, I redesigned Nephi Western Federal Credit Union’s website to address an outdated layout and a lack of essential information. The original site made it difficult for customers to find what they needed efficiently, hindering the overall user experience.
Solution
To improve usability, I created a modern, user-friendly interface with intuitive navigation and improved accessibility. This redesign featured a responsive layout for desktop and mobile, specifically enhancing content organization to make banking information easier to find.
Research
Client Discovery
To start this project, I spoke with my client to align on their specific design and project goals. They requested a full website refresh to make the UI look more modern and engaging, with a primary focus on making navigation easier and information more accessible. A key requirement was to highlight their competitive value proposition in the hero section: "Lowest loan rates, highest savings rates."
User Interviews
To gain a deeper understanding of what banking customers expect, I conducted user interviews focusing on feature prioritization and common frustrations. Key insights revealed that while all participants use banking websites for online account management and checking rates, many also visit to find branch hours and locations. These findings emphasized the need for a simple, intuitive design.
Competitive Analysis
I conducted a competitive analysis of financial institutions like Utah Community Credit Union and Mountain America to evaluate their information architecture and UI design. While their layouts were visually strong, I found consistent accessibility gaps in typography and color contrast. This insight helped me to prioritize WCAG compliance from the start, ensuring my redesign was fully accessible to everyone.
Analysis
User Personas, Journey Mapping, and Task Flows
Based on my research, I developed "Rachel – The Saver", a user persona, to identify key touchpoints and frustrations. I created a journey map for her, highlighting a need for more accessible rate information and a streamlined application process. To address this, I mapped out task flows for home loans and savings accounts, incorporating a loan calculator to help users determine their desired loan amounts before applying.
Designing & Refining
Ideation & Wireframing
I designed multiple low-fidelity variations to explore different layout options. Through concept testing, I gathered feedback on what participants found intuitive versus confusing. This helped me determine the most effective layouts for the homepage, rates page, and savings account page before moving into mid-fidelity wireframes.
Prototyping & Iteration
I then created mid-fidelity mockups for the homepage, services, loans, and accounts pages. I also focused on the online application process for savings accounts. These wireframes allowed me to refine the information architecture across both desktop and mobile views, ensuring a consistent and responsive experience. Since rates were a top priority for many users, I wanted to ensure they were clearly displayed on the homepage and easy to access. I designed the loans page to clearly display each type along with its subcategories, making it easy for users to explore their options.

High Fidelity Design
The final UI features a modern aesthetic with a focus on readability and clear calls to action. I implemented a high-contrast color palette to solve the accessibility issues identified during my competitive analysis. Essential information, like the "Lowest loan rates, highest savings rates" hero message requested by the client, was integrated into a clean, professional layout that prioritizes ease of navigation.
Final Designs
Usability Testing & Outcomes
To validate the final design, I conducted usability testing to ensure participants could complete key tasks—such as finding mortgage rates or starting an application—without friction. Participants interacted with the prototype as if they were using the website, completing all tasks without any errors. The feedback I received was positive, with many noting that the designs were clear and easy to use. They appreciated having the rates displayed on the homepage, as that's the information they would most likely look for.

The redesigned Nephi Western Federal Credit Union website now provides a streamlined, accessible banking experience that meets both user expectations and business goals.
Final Thoughts
I redesigned the Nephi Western Federal Credit Union website to a modern, informative platform. Through user interviews and competitive analysis, I found that members prioritize quick access to interest rates, banking services, and branch locations. Using these insights, I streamlined the user experience by designing intuitive flows for high-priority tasks, like loan applications and account openings, ensuring the final site is both efficient and easy to navigate.
View More Work
2026 Kaytlyn Tanner. All rights reserved.