Mortgage Center
Website Redesign

Experience Design Art Direction & Project Lead Front-End Development

Timeline

6 months

Roles

Project Lead Digital Designer Web Development

Deliverables

Information Architecture Creative Direction & Project Management Implementation of new pages and content Visual and Graphic Design

Overview

Mortgage Center needed a new website to complete its digital transformation. I worked with stakeholders, my team, and an external development team through our CMS provider to lead the project.

Where I Come In

I assumed the role of the creative director and project lead, using my knowledge of digital design and UI/UX design.

Defining Our Goals

The original website was very text heavy and didn't provide a lot of focused content to help users find what they were looking for. After auditing the current website, I came up with a wishlist of features and changes. I then collaborated with my team and stakeholders to define the project requirements and scope.

Old Homepage on a laptop and the new homepage on another one in front

Project Scope & Requirements

After auditing the old site, we met with the development team and outlined the scope of our project:

The web design should be modern and responsive, providing a great experience on any device. Revisit the site architecture to create more focused pages and provide more internal links on our website. Utilize a blog to drive organic traffic and educate our members. Leverage the content in the blog and landing pages as featured content in a mega menu. More use of white space and graphics, less text and congestion. Continue to use co-branded pages for our credit union partners to use when linking to us from their website or campaign. Utilize dynamic content to customize messaging for co-branded sites to maximize our partner's members' experience.

Process

roadmap

Challenges & Constraints

Small, but mighty, team

Our internal team that working directly on the project was small which created bottlenecks when it came to implementing and testing pages.

Tight Timeline

We had a timeline of 6 months to get the new website completed. This required both our external and internal teams to hustle to hit that deadline.

COVID-19

We were launching a month after COVID hit and the whole company started working remotely. Thankfully, Mortgage Center had a fantastic system in place that allowed us to transition to remote work without affecting our timeline.

Deliverables

features

Over the course of 6 months, our teams worked closely to deliver the new website with all of it's new features and goodies. Check out the images below to see the problems we solved for and UI patterns we used.

Best Viewed on A Wider Screen

This project contains content better viewed on a larger screen. Try rotating your screen if on mobile.

Promoting The New Website

campaign

To notify members of the changes coming to the website, we created an awareness campaign that utlizied our digital channels including email, blog articles, and social media.

Social media had a week long series of introducing members to new features or pages on the website. When discussing features, we'd direct traffic to the blog article outlining new features members would be seeing. The email took recipents to this article as well.

Outcomes & Takeaways

Once the site was live, we created marketing content to promote the new launch and introduce members to the new layout.

We also created blog content to add additional value, rank on search engines, and provide educational blog articles for our partners to use and reference.

Over the next year with the new website, we were able to increase our ranking on Google and reduce our bounce rate by providing more relevant landing pages and content.

Mortgage Center Website Redesign

Overview

Where I Come In

Defining Our Goals

Project Scope & Requirements

Process

Challenges & Constraints

Small, but mighty, team

Tight Timeline

COVID-19

Deliverables

Best Viewed on A Wider Screen

Promoting The New Website

Outcomes & Takeaways

Mortgage Center
Website Redesign