Perfect Properties
“A place to find the best home to build wonderful memories”
Tools
Figma
Lucid
Frontify
Team
Solo
Timeline
12 Weeks
Role
UI Designer
Overview
Real Estate has become an integral part of the rising economy in the world today and financial security for years. Tho, there are many sites offered to users, there is a main issue for new buyers that they get confused or flustered when looking for homes via a mobile or web app. This where the Perfect Properties app steps in.
Challenge
Perfect Properties needs to give new buyers an opportunity to find homes quickly and efficiently. It needs to offer them a selection of homes that are near their options. Lastly, there has to be an easier way to contact the agent towards said home.
With having a bit of a background of the app and its challenges, we will now be able to see an overview of the user.
Persona
Emily
37
Married w/ 2 Children
BA Computer Science
MA Advanced Computer
Goals
Invest in property near good schools and neighborhood that primarily has children
Find the correct info for fast decision-making
An app that quickly gives me the correct tools to find the right home
Pain Points
While constantly being on the road, I need a way to gain home information quickly
As a parent, I am constantly getting interrupted in some way, so I need an easy way to contact a real estate agent
Though I am in IT, I still need an app that is great for first time buyers
As we get a glimpse of Emily and her needs, we can then move into what certain things she is looking to get out of the app.
User Stories
“I want to be able to search and filter thru properties, so I can find good matches based on my needs.”
“I want to be able to save the properties I am interested in, so I can come back to them later.”
“I want to reach out to the right people towards the house I’m interested in, so I can view it.”
"I want to check if the property fits my needs and compare it to others, so I can narrow down my given choices."
Now, with getting an idea of what Emily is looking for in an app, we can then go into the overall outline of the app.
User Flow
As we dissect the user flow and understand the outline, we can then move on to getting an idea of the creative side of the app.
Base Wireframe
With the base in mind, we are able to create the low-fidelity wireframe that will help push the build of Perfect Properties even further.
Low Fidelity Wireframe
Mobile
Tablet
Desktop
Gaining a broader idea of the look from different breakpoints , now pushes us onto my favorite part which is bringing in color and defining elements of the app.
Icons
Mood Board
Style Guide
Text
UI
Images
If you would like to view more of the style guide, please click the link below.
Now that we have an idea of how we would like the app to be viewed, we can implement that to high scale and introduce the final look of the app.
High Fidelity Wireframe
Though you have seen the proposed final of mobile, we will now introduce you to the finals of the other breakpoints.
BreakPoints
Mobile
Tablet
Desktop
Now that you have seen the overall look of Perfect Properties, we would like to give you an opportunity to view the prototype.
Clickable Prototype
Takeaway
What did you learn from a UI perspective?
I have learned that organization, fine tuning, and correct color combination play a huge part in creating any app in this day. Also, the need to simplify this app to bring in more first-time buyers was a crucial part towards this entire project and help shape the app to what it is today. The number #1 take away from this project is patience, as I had to redefine some pages over and over to make it more accessible for buyers to get the information that is needed.
What would you have added to your project?
A few things I would like to add is a way the user can click on one of the home markers and a small image comes up w/ its price. With the alert page, adding a location recommendation rather than just a home recommendation. It gives the user an option to view another location in the same state and may have better in pricing & schooling, yet in the similar details they are looking for. Lastly, possibly reconsidering the onboarding process and make a bit more defined as it will help give the user more precise home options.