Together Credit Union

Role
UX/UI Designer
Timeline
Aug 2023 - Feb 2024
Tools

Problem & Objectives

The existing website was a maze of inconsistencies, disconnected from Together Credit Union's branding. Navigation was a struggle, leaving users frustrated and disengaged. Our challenge was clear: simplify, unify, and enhance.

Crafting the Strategy

User Stories and Flows: We transformed insights from client interviews into detailed user stories and flows, mapping out the customer journey and pinpointing essential functionalities.

Whiteboarding Sessions: Our collaborative sessions were a hot bed of creativity, where we reimagined key design concepts, focusing on making vital information like loan and savings rates easily accessible.

Bringing the Vision to Life

User Stories and Flows: We transformed insights from client interviews into detailed user stories and flows, mapping out the customer journey and pinpointing essential functionalities.

Storyboards: I brought on storyboards to help align with TCU’s goals. Storyboards created a shared understanding, ensuring clarity and cohesion in the redesign’s direction.

info

In the original site, the design was bulky and unclear, with no solid call to action for users. In the wireframe, I streamlined the design by breaking down the whiteboarding session and enhancing it. The navigation now shows fewer links with a clear call to action, and there is a distinct designation of categories throughout the rest of the site. This redesign has already improved the site's usability and visual appeal, making it more intuitive for users.

While I created many wireframes, the careers page stood out with its unique approach and new components. TCU's original careers page was just a single hyperlink leading off-site. My redesign includes a featured comparison section for open roles and highlights what it's like to work there. I took inspiration from major banks, using proven UX principles to build a more engaging and informative page.

info

Storyboarding was a new and unique addition to SilverTech, something I introduced to the team. We combined user stories, user flows, and wireframes to visually showcase the user journey through the site for each persona. This helped TCU staff better understand the site’s layout and gain a clearer perspective on the user journey.

info

High-Fidelity Designs: A Visual Transformation

I developed 22 high-fidelity mockups and prototypes, turning wireframes and storyboards into detailed, interactive designs. Regular reviews with the client ensured our designs were in perfect alignment with user needs and business objectives.

Seamless Developer Handoff

Our project concluded with a detailed handoff to the development team and client, including a comprehensive "Widget Guide" detailing specifications and optimal uses for all components. This guide ensured a smooth transition from design to development.

I discovered that making slight UI tweaks to the Gamepad not only visually distinguishes it from the navigation but also decreases the visual weight of the buttons. This way we don't have to lose any of the buttons, therefore keeping our swiping metrics healthy.

info

The Impact: Tangible Results

The integration of user stories, flows, and storyboards into our design process not only enriched the project’s strategic alignment but also led to significant operational efficiencies, saving Together Credit Union 60 billable hours. Post-launch, we anticipate:

  • Increased User Engagement
  • Enhanced Satisfaction
  • Improved Retention Rates

These improvements are projected to elevate daily user interactions and foster stronger customer loyalty, setting a solid foundation for future growth.

View Other work

Fulton Bank

Bank / Home Page Redesign

Coming soon
Ariadne Labs

Healthcare / UX Research

Coming soon
Ripple

Fintech / Navigation & IA Testing