ux/ui case study

Redesigning Mortgage Works' Website for Improved User Experience


Mortgage Works is an Australian mortgage broker company that offers personalised loan solutions.

The Mortgage Works website is the primary touchpoint of the user’s journey, providing information about the company, their services, mortgage options, and contact information. However, their previous website had not been updated in several years and didn’t meet the company’s and its customers’ needs.

The new Mortgage Works’ website has a user-friendly interface that is easy to navigate and provides users with relevant information. It is optimised for tablet and mobile devices and reflects the company’s professional brand identity. The mortgage calculator, information on mortgage options, and easy-to-use contact form provide users with the necessary information and tools to take action. The website design increased user engagement and leaded to higher conversion rates as expected.
my role
Solo UX/UI Designer

Figma, WordPress, Elementor & Adobe Creative.

2022 – Sydney, Australia.
the process


research summary
To understand the pain points and needs of the Mortgage Works website’s users, we conducted a series of research activities, including:
User interviews

We conducted interviews with past and potential customers to understand their experiences with the current website and identify pain points and areas for improvement.

Competitor analysis

I analysed the websites of other mortgage broker companies to identify best practices, patterns and design trends that could be applied to the new Mortgage Works website.

Analytics review

We reviewed the website's analytics data to gain insights into user behaviour and identify areas where users were dropping off or experiencing issues.

research results
previous website pain points
Difficult to navigate

Users had trouble finding the information they needed, with a confusing site structure and inconsistent navigation.

Outdated design

The site's design was outdated and did not reflect the company's professional brand identity.

Limited mobile optimisation

The site was not optimized for mobile devices, which could deter potential customers from engaging with the company.

First-time home buyers looking for personalized support and guidance throughout the home buying process.
Pain Points
Prototyping: User Flow

The website offers users personalised support and guidance throughout the mortgage process, providing various convenient channels for them to get in touch with a mortgage broker, including phone, email, online forms, and click-to-call buttons.

Wireframes / User Flow – Lead Conversion Process

the result


Users can quickly and easily find the information they need

By simplifying the information architecture and navigation, users can easily find the information they need without feeling overwhelmed, leading to a more engaging experience.

Mortgage Works navigation menu

Usability & Accessibility improvement

Incorporating icons into the design help users understand the interface and the information more easily.

Professional and Trustworthy image

I build credibility by showcasing the company's human side by including real pictures of team members, highlighting the company's values and commitment to customer service, and displaying real-time customer reviews and testimonials on the website.

Mortgage Works values page

Real-time testimonials

Empowering users to make informed mortgage decisions

By incorporating improved functionalities, users can conduct online research, estimate mortgage payments and costs using calculators, and be pre-approved for a mortgage using simplified forms.

Allow users to easily apply online through a simple and targeted form that can be completed in a few steps.

DIY Mortgage Estimations. Includes interactive tools, such as mortgage calculators, to help users estimate their monthly payments and total costs.

New Design System (UI)

The new comprehensive design system ensured consistency and efficiency in the design process.

Part of the UI/Design System