ING First Home Truths

Overview

ING set out to create an educational hub specifically for Australian first-time home buyers, providing essential insights and guidance for achieving home ownership. The challenge was to develop an engaging hub that guides users through the entire process—from saving and researching to finding and purchasing their first home. This comprehensive resource includes practical tools like a cost breakdown calculator, a jargon-busting truth translator, and curated content to educate and empower potential homeowners.

My Role

In this project, I collaborated closely with the design manager, project manager, and development team. I was involved in all stages, from initial wireframing and concept development through to design, production, and testing. My focus was on ensuring our designs were user-friendly and aligned with project goals.

My Contribution

UX UI Design Product Strategy Interaction Design

The Team

1 × Product Manager 2 × Designers 2 x Developers

Year

2021

Agency

Lash Creative

Process

Wireframe and final design side by side

Wireframing and conceptual development

During the wireframing stage, I worked with project and design managers to structure and order each module on the page, ensuring a clear and intuitive layout for users. The calculator module underwent iterative improvements to enhance usability, providing a transparent financial breakdown for first-time home buyers.

Step by step guidance for every stage of home buying

Guide users through the home-buying process

Organised the hub to guide users through each stage of the home-buying process, including saving, researching, looking, and buying. Within these sections, we curated a diverse selection of articles and videos to provide comprehensive guidance and support.

Tracking progress and ensuring readability with slide panel

Interactive article progress

Implemented a feature where, after reading an article, its card transitions to a “viewed” state, providing users with a sense of progress and accomplishment. Each article was designed to open in a slide panel, ensuring optimal ease of access and readability.

Breaking down real estate jargon

Real estate can be full of confusing terms that can overwhelm newcomers. To simplify this, we created a section that breaks down jargon into plain language, including an alphabetical guide for quick reference.

Making learning easy with the “Truth Translator”

The “Truth Translator” is an interactive feature that explains real estate terms through clickable cards, making learning about real estate fun and engaging. Users can click on terms like “exclusive” and “all about the view” to reveal their clear meanings.

Calculating Costs

Understanding the costs involved in buying a home is crucial. The hub includes a handy calculator that breaks down everything from upfront costs to ongoing expenses, providing users with a clear financial picture. This tool acts like a personal financial guide.

These features weren’t just about building a website—they were about creating a supportive tool to help first-time home buyers navigate the journey to homeownership. Each design choice was made with the user in mind, aiming to make the process as smooth and understandable as possible.

Outcome

The project was designed to ensure a seamless and educational experience for first-time home buyers, enhancing their confidence and knowledge in the home-buying process.