Back to home

Back to home

Back to home

Dream Properties

Dream Properties
Dream Properties

UI Case Study ✦ September 2021 - November 2021

UI Case Study ✦ September 2021 - November 2021

UI Case Study ✦ September 2021 - November 2021

Unseasoned buyers need access to reliable, uncomplicated information about their potential property investments. While there are plenty of blogs and agencies providing information, buyers who are new to the market may struggle to get started without professional guidance and waste time viewing properties that don’t match their needs. Dream Properties aims to solve this problem by providing a user-friendly responsive web app containing a wide range of available homes so that users can easily find the right fit. 

Unseasoned buyers need access to reliable, uncomplicated information about their potential property investments. While there are plenty of blogs and agencies providing information, buyers who are new to the market may struggle to get started without professional guidance and waste time viewing properties that don’t match their needs. Dream Properties aims to solve this problem by providing a user-friendly responsive web app containing a wide range of available homes so that users can easily find the right fit. 

Unseasoned buyers need access to reliable, uncomplicated information about their potential property investments. While there are plenty of blogs and agencies providing information, buyers who are new to the market may struggle to get started without professional guidance and waste time viewing properties that don’t match their needs. Dream Properties aims to solve this problem by providing a user-friendly responsive web app containing a wide range of available homes so that users can easily find the right fit. 

Responsibilities

User Personas and Flows

Wireframes

Style Guide

Final Mockups

Tools

Adobe XD

Adobe Photoshop

Adobe Illustrator

Procreate

Challenge

Users need a simple way to find homes to rent or buy and will need the option to do so across a variety of devices.

Solution

Dream Properties is a responsive web app that allows users to view listings in their desired area, helping them to find their perfect home with ease.

DISCOVER ✦ DISCOVER ✦ DISCOVER ✦
DISCOVER ✦ DISCOVER ✦ DISCOVER ✦

User Persona

The information about Rashida was given to me in the project brief, and I compiled the information to create my primary user persona.

DISCOVER ✦ DISCOVER ✦ DISCOVER ✦
DISCOVER ✦ DISCOVER ✦ DISCOVER ✦

User Flow

I created a user flow based on the information given to me in the project brief as well as the goals of my persona. 

DESIGN ✦ DESIGN ✦ DESIGN ✦ DESIGN ✦
DESIGN ✦ DESIGN ✦ DESIGN ✦ DESIGN ✦

Wireframes

Based on the determined user flow, I sketched out low-fidelity wireframes.

DESIGN ✦ DESIGN ✦ DESIGN ✦ DESIGN ✦
DESIGN ✦ DESIGN ✦ DESIGN ✦ DESIGN ✦

Style Guide

DESIGN ✦ DESIGN ✦ DESIGN ✦ DESIGN ✦
DESIGN ✦ DESIGN ✦ DESIGN ✦ DESIGN ✦

Final Mockups

After planning and designing, I created final mockups of the concept for Dream Properties. These included responsive designs as well.

DESIGN ✦ DESIGN ✦ DESIGN ✦ DESIGN ✦
DESIGN ✦ DESIGN ✦ DESIGN ✦ DESIGN ✦

Concluding Thoughts

Dream Properties was the first project I worked on that was only UI rather than a mix of both UI and UX. I found this to be a bit challenging, as I was going off of research I had no part in, but I think that learning how to create a product based on existing guidelines was valuable experience. I would love to have an opportunity to work on this further, taking a look at improvements that can be made through a UX lens, as well as working through adding more features.