#Fintech
#Fintech
#Fintech
#UX/UI
#UX/UI
#UX/UI
#Figma
#Figma
#Figma
Designing a Seamless Home Loan Journey
Designing a Seamless Home Loan Journey
Designing a Seamless Home Loan Journey
Designing a Seamless Home Loan Journey
Designing a Seamless Home Loan Journey
Designing a Seamless Home Loan Journey
BetterBond helps thousands of South Africans secure their dream homes faster. I led the redesign of their Bond Application and Pre-Approval flows to improve conversion, reduce user confusion, and enhance trust—at a stage where every second and every step counts.
BetterBond helps thousands of South Africans secure their dream homes faster. I led the redesign of their Bond Application and Pre-Approval flows to improve conversion, reduce user confusion, and enhance trust—at a stage where every second and every step counts.
BetterBond helps thousands of South Africans secure their dream homes faster. I led the redesign of their Bond Application and Pre-Approval flows to improve conversion, reduce user confusion, and enhance trust—at a stage where every second and every step counts.
BetterBond helps thousands of South Africans secure their dream homes faster. I led the redesign of their Bond Application and Pre-Approval flows to improve conversion, reduce user confusion, and enhance trust—at a stage where every second and every step counts.
BetterBond helps thousands of South Africans secure their dream homes faster. I led the redesign of their Bond Application and Pre-Approval flows to improve conversion, reduce user confusion, and enhance trust—at a stage where every second and every step counts.
BetterBond helps thousands of South Africans secure their dream homes faster. I led the redesign of their Bond Application and Pre-Approval flows to improve conversion, reduce user confusion, and enhance trust—at a stage where every second and every step counts.
Timeline
2023 - 2024
Role
Lead UX & UI
Timeline
2023 - 2024
Role
Lead UX & UI
Timeline
2023 - 2024
Role
Lead UX & UI
Timeline
2023 - 2024
Role
Lead UX & UI
Timeline
2023 - 2024
Role
Lead UX & UI
Background
Background
Buying a home is one of the biggest decisions in a person’s life—but applying for a bond is notoriously complex. BetterBond wanted to remove that friction, improve application completion rates, and build a sense of progress and clarity into what can be an overwhelming process. I was brought in to redesign the two key flows:
Buying a home is one of the biggest decisions in a person’s life—but applying for a bond is notoriously complex. BetterBond wanted to remove that friction, improve application completion rates, and build a sense of progress and clarity into what can be an overwhelming process. I was brought in to redesign the two key flows:
1
The Bond Application flow
1
The Bond Application flow
1
The Bond Application flow
1
The Bond Application flow
1
The Bond Application flow
2
The Pre-Approval flow
2
The Pre-Approval flow
2
The Pre-Approval flow
2
The Pre-Approval flow
2
The Pre-Approval flow
Challenge
Challenge
The original flows were functional but unintuitive. Users often dropped off due to:
The original flows were functional but unintuitive. Users often dropped off due to:
1
Lengthy forms with unclear structure
1
Lengthy forms with unclear structure
1
Lengthy forms with unclear structure
1
Lengthy forms with unclear structure
1
Lengthy forms with unclear structure
2
A lack of guidance through required documentation
2
A lack of guidance through required documentation
2
A lack of guidance through required documentation
2
A lack of guidance through required documentation
2
A lack of guidance through required documentation
3
Uncertainty about whether they were doing it "right"
3
Uncertainty about whether they were doing it "right"
3
Uncertainty about whether they were doing it "right"
3
Uncertainty about whether they were doing it "right"
3
Uncertainty about whether they were doing it "right"
4
A mobile experience that didn’t feel as polished or accessible
4
A mobile experience that didn’t feel as polished or accessible
4
A mobile experience that didn’t feel as polished or accessible
4
A mobile experience that didn’t feel as polished or accessible
4
A mobile experience that didn’t feel as polished or accessible
The challenge was to streamline the experience without compromising on required data, while ensuring users felt confident and supported every step of the way.
The challenge was to streamline the experience without compromising on required data, while ensuring users felt confident and supported every step of the way.
Solution
Solution
To address these challenges, the design focused on two main strategies
To address these challenges, the design focused on two main strategies
1
Progressive Disclosure for Ease-of-Use
Instead of overwhelming users with long forms, we introduced step-by-step modules. This allowed users to focus on one thing at a time, with autosave functionality to ensure progress wasn’t lost.
1
Progressive Disclosure for Ease-of-Use
Instead of overwhelming users with long forms, we introduced step-by-step modules. This allowed users to focus on one thing at a time, with autosave functionality to ensure progress wasn’t lost.
1
Progressive Disclosure for Ease-of-Use
Instead of overwhelming users with long forms, we introduced step-by-step modules. This allowed users to focus on one thing at a time, with autosave functionality to ensure progress wasn’t lost.
1
Progressive Disclosure for Ease-of-Use
Instead of overwhelming users with long forms, we introduced step-by-step modules. This allowed users to focus on one thing at a time, with autosave functionality to ensure progress wasn’t lost.
1
Progressive Disclosure for Ease-of-Use
Instead of overwhelming users with long forms, we introduced step-by-step modules. This allowed users to focus on one thing at a time, with autosave functionality to ensure progress wasn’t lost.
1
Human-Centered Design and Microcopy
Knowing how stressful home finance can be, we rewrote key microcopy to be conversational, reassuring, and jargon-free. Each section included contextual help and validation feedback to boost user trust.
1
Human-Centered Design and Microcopy
Knowing how stressful home finance can be, we rewrote key microcopy to be conversational, reassuring, and jargon-free. Each section included contextual help and validation feedback to boost user trust.
1
Human-Centered Design and Microcopy
Knowing how stressful home finance can be, we rewrote key microcopy to be conversational, reassuring, and jargon-free. Each section included contextual help and validation feedback to boost user trust.
1
Human-Centered Design and Microcopy
Knowing how stressful home finance can be, we rewrote key microcopy to be conversational, reassuring, and jargon-free. Each section included contextual help and validation feedback to boost user trust.
1
Human-Centered Design and Microcopy
Knowing how stressful home finance can be, we rewrote key microcopy to be conversational, reassuring, and jargon-free. Each section included contextual help and validation feedback to boost user trust.
3
Mobile-First UI Refinement
Most BetterBond users apply on their phones. We redesigned the interface to be thumb-friendly, introducing larger tap areas, simplified layouts, and clear call-to-actions.
3
Mobile-First UI Refinement
Most BetterBond users apply on their phones. We redesigned the interface to be thumb-friendly, introducing larger tap areas, simplified layouts, and clear call-to-actions.
3
Mobile-First UI Refinement
Most BetterBond users apply on their phones. We redesigned the interface to be thumb-friendly, introducing larger tap areas, simplified layouts, and clear call-to-actions.
3
Mobile-First UI Refinement
Most BetterBond users apply on their phones. We redesigned the interface to be thumb-friendly, introducing larger tap areas, simplified layouts, and clear call-to-actions.
3
Mobile-First UI Refinement
Most BetterBond users apply on their phones. We redesigned the interface to be thumb-friendly, introducing larger tap areas, simplified layouts, and clear call-to-actions.
Conclusion
Conclusion
Redesigning the BetterBond application flows was an opportunity to transform a typically overwhelming process into one that feels intuitive, personal, and empowering. By simplifying the form structure, introducing smart logic, and elevating the mobile experience with a clean, calming UI, we helped users feel more confident in one of life’s biggest decisions. The updated flows not only improved completion rates but also strengthened BetterBond’s reputation as a trustworthy, user-first brand in the property space. Most importantly, the work laid a scalable foundation for continuous iteration and growth.
Redesigning the BetterBond application flows was an opportunity to transform a typically overwhelming process into one that feels intuitive, personal, and empowering. By simplifying the form structure, introducing smart logic, and elevating the mobile experience with a clean, calming UI, we helped users feel more confident in one of life’s biggest decisions. The updated flows not only improved completion rates but also strengthened BetterBond’s reputation as a trustworthy, user-first brand in the property space. Most importantly, the work laid a scalable foundation for continuous iteration and growth.
Tools
Tools
Figma
Adobe
Figma
Adobe
Figma
Adobe
Figma
Adobe
Figma
Adobe
More projects
