Mechanics Bank is a full-service community bank that’s remained independently managed for over 130 years. The new site provides a user-friendly experience that brings Mechanics’ service-forward, real and human personality to the forefront.
Collaborating with my partner, my role included front-end development and visual/UX design for the website redesign.
Copywriter: Annie Ertle Programmer/Designer: Ted Boyer Digital Director: Mike Krueger Senior Account Executive: Zorina Kennedy Copy Editor/Proofreader: Holly Kirby
Behind the scenes. The number of pages and materials my team and I were starting to gather quickly began to get overwhelming. I discovered Notion after searching for a method to document and visualize this large amount of project information. First for myself, but later with my team, we leveraged this tool in a collaborative way to keep track of the site’s 100+ pages. Having a single point of reference for this project was immensely helpful, and as a result of this improved workflow, we were able to focus on what was important during each step.
A new visual design. We developed a fresh look for the website to bring Mechanics’ brand personality to the forefront. Using carefully-considered design elements and improved information architecture, the new site feels friendly, modern, and engaging. I was brought in to this project at an early stage to help expand on existing wireframes and designs, code the site’s sections and components, and refine the overall visual design, through to the site launch.
Thoughtful UX. From navigation to the flow of pages, we approached the site with strong attention to detail and a focus on usability. One of our challenges was figuring out how to best display the product comparison information across devices. I researched and prototyped responsive table patterns, then using this work, my team and I developed a solution that presents this complex data in a clear and intuitive way.
Interactive features. We created comprehensive digital functionality for the bank’s programs—allowing high school students to fully keep track of their financial literacy progress, investment in their community, and more.
Beyond the site. I concepted and designed an internal email newsletter to accompany the site launch.
“You know how when you move into a new house and for days you just walk around and stare at it all? That’s how I feel about the new website. I just love it.” Client Testimonial