The real estate app that allows users to browse and share real estate while providing them with the tools and information they need to be successful homeowners.
Embedded Files
Role: Sole UX/UI designer
Duration: 2 months
Client: CareerFoundary
Tools: Figma, Canva, Miro
Objective
Help partners, families, and friends browse and share the homes they love with each other. Provide information such as the purchasing process, crime data, and interesting social activities.
Context
Real estate is an increasingly popular way for individuals to achieve financial security and the American dream. It is an exciting and emotional experience but often complicated. While there are plenty of blogs and agencies providing information, often, buyers new to the market may struggle to get started without professional guidance and waste time viewing properties out of their range. This web app will provide them with the expertise needed to get started efficiently.
Process
Understand - Define - Ideate - Responsive design - Implement
Understand
User interviews
In order to better understand my audience, I decided to interview some potential users doing so allowed me to see their perspective and understand their pain points better.
Key takeaways
Although users enjoy sharing the houses they like, those shared properties tend to get lost in the noise
Users wanted to have specific search parameters such as neighborhood with activities they enjoy or very specific
features in the house
Trying to find more information on neighborhoods such as crime rates was a pain point
The process of purchasing a home is complex and stressful, users constantly catch themselves looking for more information without being able to find it.
Define
The 5 W's
Persona
Ideate
Sketches, Low-fi and Mid-fi wireframes
Having a limited amout of time, I decided to focus on the screens that would create an MVP and address user painpoints.
Curious to see more low-fi and mid-fi sketches?
Addressing user pain points
One of the biggest pain points I tackled during this project was the fact that users like to share properties with their significant others, but texts and chats are messy and unorganized. Although competitor apps have this feature, it is hidden, and most interviewed users were unaware that the feature even existed. This insight inspired me to improve this feature and make it visible and easy to use. I also allowed users to see their mutual likes to make the decision process more manageable.
Moodboard
It was important for me to set the tone for the app and use colors and icons that represented simplicity and trustworthiness.
After some iteration and keeping my audience in mind (young families that are looking for their primary residence) I landed on the mood board seen on the left.
This mood board was used to make all UI decisions and kept the project consistent and homogeneous.
Responsive design
Mobile
iPhone 13/ 13 Pro (390 x 844)
4 Column gridMargin: 20 pxGutter: 16 pxTablet
iPad Pro 11 (834 x 1194)
8 Column gridMargin: 60 pxGutter: 20 pxDesktop
Desktop (1440 x 1024)
4 Column gridMargin: 70 pxGutter: 20 px
Design system
Mockups
Lessons learned
As a UX designer, this UI project has given me insight into the use of color, fonts, and icons to provide users with specific sensations and feelings.
I also learned the importance of establishing a hierarchy and how to define it.
Google Sites
Report abuse