
Property page
Property page
Secondary research, Moodboards, Style Guide, Responsive web designs
UI designer, and UI mentor
8 weeks
This is my capstone project for my UI Design specialization at CareerFoundry. As someone interested in all forms of investing, I set out to find what blocks millennials from purchasing homes during the COVID-19 pandemic.
Millennials prefer a refined interface design and realtor availability that are not standard practice for previous generations.
The goal of this UI project is to design a home-buying experience tailored to millennials looking to buy homes in the city for the first time.
The question that guided my designs was
The outcome of this effort is a progressive web app, Kasa, which is a real estate app catered to millennial users who are buying a home for the first time.
of older millennials found their home through a mobile app
of millennial home buyers live in the city
of buyers hire a real estate agent during the buying process
Many speculate that domestic migration patterns in the U.S. point to an urban exodus. Although real estate trends can indicate this phenomenon in the short term, it may be short lived. Lower rates of city dwellers is caused by factors including higher death rates and lower birthrates caused by the global pandemic.
For this reason, my target user group is millennials who are looking to buy their first home in the city. Based on this, I created a moobodard that was minimalist, bold, and approachable.
Using strong colors paired with the Helvetica typeface makes the product feel approachable yet exciting, two qualities which are important when house-hunting.
The color pairings are meant to be fun, invigorating, and aspirational, yet maintain a modern sophistication.
Initially, users could view properties by moving a map across the screen and watching the horizontal property list populate by area.
This option included map information, but also specifics on the properties themselves. Because the nature of the information is very different visually, I decided to de-clutter the page and separate the property list and map into separate pages.
Not only that, but horizontal scrolling is not standard and can be hard to read compared to vertical scrolling.
My research uncovered first time home-buyers’ need for agents, as they play an educational role in the home buying process.
The goal with the agent list page is to allow users to quickly glance at their potential matches and learn more about them by clicking on their card.
Small adjustments were made to the visual design to encourage users to click and learn more:
The starting point of the Kasa experience
Filters and maps help users narrow down their choices and save properties with a tap.
If that’s not enough, talking with an agent can give them more details on specifics like the neighborhood and financing process.
Users are encouraged to partner with agents in their area to get the most out of their experience
UX/UI design
UX/UI Design
© 2022 designed by Alitzel Tamayo