Research & primary design
Mortgage
Journeys
A clearer path from exploring a mortgage to understanding the next step toward ownership.
Saved artboard from the 2023 mortgage development file: product discovery, preparation, and calculation in one experience.
An earlier ideation direction from the original XD project, exploring a more guided route into calculation and product discovery.
Project overview
The work
behind the work.
My areas were research and primary design for the mortgage experience.
The design brings product exploration, document preparation, and affordability estimation into one journey. The aim is to give each stage a clear place before asking someone to begin an application.
The two original XD artboards shown here capture an earlier ideation direction and the 2023 development design. They show the work at those stages, rather than a reconstruction of the current live service.
Decision in focus
Put the estimate beside the inputs.
Two original artboards approach the calculator differently: the ideation introduces the question; the development design places inputs, results and a qualification together.
Earlier ideation: introduce the question
Three numbered inputs ask for date of birth, average monthly income and average monthly expenses. A separate “Find your number!” card explains the estimate and links to a fuller affordability calculation.
Earlier ideation · calculator detail from the original XD artboard.
2023 development: show the estimate’s structure
Year of birth, monthly income and monthly expenses sit beside a Loan Details column. The output names the loan amount, interest rate and loan insurance, with a note that the details remain subject to assessment.
2023 development · calculator detail from the original XD artboard.
Connect entry with output
The development design gives the expected result a named place beside the inputs. The artboard shows the information structure, not a working calculation.
Keep the estimate provisional
A qualification sits below the result fields rather than leaving the figures to stand alone. The displayed values are design placeholders, not a current lending offer.
Balance explanation with density
The earlier card has room to explain the question. The development panel makes room for more output, but asks readers to scan inputs, results and a qualification together.
My areas were research and primary design for the mortgage experience. These earlier ideation and 2023 development artboards show design stages, not the current live mortgage service.
A closer look
Design in detail.
Explore the full layouts and the relationships between their parts. Select an image to inspect it at a larger scale.
2023 development artboard: the product overview, preparation resources, calculator, and next actions.
An earlier ideation direction from the original XD project, exploring a more guided route into calculation and product discovery.
Reflection
The constraint.
The response.
The constraint
Mortgage exploration involves several connected decisions: understanding the product, preparing documents, considering affordability, and knowing when to ask for help. The design challenge was to organise those decisions into a legible route.
My response
My work covered research and primary design. In the original artboards, preparation resources, calculation, explanatory content, and onward actions become distinct parts of the page, with guidance available alongside the application path.