Rentals | Projects

UX Design | Adobe XD

Rentals

Challenge: Users in Maryland want a one-stop shop to view and reserve rentals in their general area

Solution: Build a responsive website where users can view rental properties (homes and apartments), set up viewing appointments, and submit documentation for reserving a property

Duration: 5 weeks

Software: Adobe XD

User Research

Rentals is a website for posting and researching rental homes, condos and apartments in the Maryland area. The typical user is a non-homeowner, between 18-65 years old. The majority of users are either college students or professionals with small families and/or pets. Rentals is designed to be a one-stop shop for finding your next rental home.

Users can message properties they’re interested in, submit documents, (for section 8 housing, credit reports, etc), and post their own rentals, if they own a property they wish to rent out. I wanted to create an easy to use and useful site where users can find rental properties, (homes and apartments), in their general area. They should be able to submit necessary documentation through their account on the website and communicate with the rental properties to ask questions and set up viewing appointments.

I decided a responsive website was the best way to complete this project.

User Pain Points

I did a short survey of users in my general area regarding what they felt could be improved when searching for rental properties. Thought many pain points came up, I summarized a few of them.

Users want an easy way to track rentals and search results

Users want to be notified when there is an update to a rental they’re interested in

Users wanted to see floor plans for rental properties

User Journey Map

After creating a few personas, I complete the user journey map. One example is below.

image

Wireframes

image image image

LoFi Prototype

The low fidelity prototype was next.

Usability Study

After completing the lofi prototype, it was time to test it to the wider world. I gathered some participants and had them search for properties and view listings. Though there were no major issues, a few improvements were requested. Users wanted a way to favorite and share rental listings. They also wanted an easy way to request a tour. These requests would be addressed during the next phase: mockups.

Mockups

Keeping in mind all the notes I took during the usability study, it was time to take the design to the next level. Below are some of the mockups I completed.

image
image
image
image

HiFi Prototype

I linked it all together for the hifi prototype. After that, it was time to do a final usability study and consider the next steps.

Final Thoughts

image

This project was a good experience in designing for different screen sizes. Because of the limited real estate (pun intended) on mobile view, hiding away items in the hamburger menu were vital in keeping the design from getting cluttered.

For the next steps in this project, I would like to concentrate on more accessibility options. Adding in options like audio input to the search bar will go a long way into making this project more accessible.

image

Projects

image

NewLeaf

Website, tablet & Android/iOS app

image

Rentals

Website & tablet

image

Melody Tracks

Android/iOS app