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
![](https://cdn.prod.website-files.com/64bd3eaa491c490b41016dbc/64c0130d9c416c19b0648d48_components.png)
Process
![](https://cdn.prod.website-files.com/64bd3eaa491c490b41016dbc/667427dbb6577b93337055ef_wireframe.png)
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.
![](https://cdn.prod.website-files.com/64bd3eaa491c490b41016dbc/6674290a2b1a0ae5fd2b062b_main.jpg)
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.
![](https://cdn.prod.website-files.com/64bd3eaa491c490b41016dbc/66742b49bba3d8133fe95c07_article-page.png)
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.
![](https://cdn.prod.website-files.com/64bd3eaa491c490b41016dbc/66744eb3b9d637b1fc43c605_calculator-breakdown-3.png)
![](https://cdn.prod.website-files.com/64bd3eaa491c490b41016dbc/667e6a322a48b0981acc38c0_mobile.png)