top of page

Perfect Properties | Real Estate app

Perfect Properties is a responsive mobile application that provides interested property buyers with information on properties of interest.

Overview

The Perfect Properties project aims to design a mobile app that provides interested property buyers with information on properties of interest.

The app must include...

  • An onboarding process that allow users to input their property preferences 

  • An option to search and filter properties

  • An option to save or mark properties 

  • Easy access to as much information on properties as possible

  • An option to contact the right people in order to schedule a viewing for a property

Persona

Rashida

TECH USAGE 

Rashida is highly skilled at technology. She likes to keep track of latest trends and always has the latest models of smartphone.  Technology is a daily part of her life, she uses online tools to help her schedule her work, social life, and to communicate with friends and family

MOTIVATIONS 

Rashida wants increased financial security for her family and believes that investing in property is the best way to achieve that.  This increased financial security can be used to provide a quality education for her children, secure her retirement, and provide a safety blanket for emergencies.   

rashida 1.png

TASKS

  1. Search for properties, inputting criteria relevant to what she’s looking for

  2. Easily view and return to listings she’s interested in

  3. Receive relevant and comprehensive information about properties

“I want to provide my family with financial security. I’ve been considering buying property for a while, and am looking for a tool that can help me find what I’m looking for, quickly!”

NEEDS AND GOALS

Rashida makes a good living and wants to invest in property beyond the city for increased financial security for her family. She wants to find the right information for fast decision-making.  She wants a tool to help her find the right properties and not waste time.

User Stories

After carefully reviewing the functional requirements of the app I constructed five user stories.

  1. As a user, I want to create a profile containing all my property criteria, so that I am recommended results most relevant to me.

  2. As a user, I want access to as much written and visual information as possible about properties I’m interested in, so that I can make an informed decision

  3. As a user, I want to be able to search and filter properties, so that I can find good matches based on my needs.

  4. As a user, I want to be able to save or mark properties I am interested in, so that I can easily revisit them

  5. As a user, I want to be able to contact the right people if I am interested in viewing a property, so that I schedule a viewing.

User Flows and Initial Sketches

User Flow 1

“I want to create a profile containing all my property criteria, so that I am recommended results most relevant to me.”

User flow 1.png
User Flow 2

“I want to create a profile containing all my property criteria, so that I am recommended results most relevant to me.”

User Flow 3

“I want access to as much written and visual information as possible about properties I’m interested in, so that I can make an informed decision.”

Moodboards and Wireframes

I created 2 different mood boards with the goal to see which captures the visual identity of the brand's values. After careful consideration one was chosen because it captured the visual identity of the project. The key words "Power, Smart, and Opportunity" are guided towards a user that is looking for a reliable investment like my persona Rashida. The colors are bold and the typography is powerful. The Icons are easy to interpret and the imagery is crisp. The app’s purpose is to facilitate investments so the interface will be professional and efficient in order to establish trust with users.

moodboard.png

The screens were created using Figma starting with very basic grids then progressing to include typography, colors, UI elements, and visual balance. Some changes to focus on here include the use of a darker green to improve contrast between the text and background, formatting the buttons to be the same size, and changing the spacing between elements.

Wireframes 1.png
wireframes 2.png
wireframe 3.png
bottom of page