top of page

Quick Real Estate

MY ROLE

UX Designer leading the Quick Website design.

icon_responsabilities.png

RESPONSIBILITIES

Conducting interviews, paper and digital wire framing, low and hi-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs and responsive designs.

Project overview

THE PRODUCT

Quick is a dedicated rental and buy platform.
The main aim is to provide the better properties and to make easily and accessible to every person. 

PROJECT DURATION

January 2023 to February 2023

The problem

Most real estate websites show photos taken by professional photographers, which can be unreliable. Also, it is not possible to choose your broker.

icon_problem2.png

The goal

Create a responsive website capable of helping users find their ideal home, with the help of trusted professionals.

icon_goal.png

User research

Based on interviews I conducted with people who use online tools for apartment hunting, it appears that many of them have had negative experiences with misleading photos that resulted in wasted time visiting properties.

Summary

Pain points

Pictures

Some users believe that apartment hunting is an exhausting task. There are a lot of pictures that you can't trust because they look too professional and produced. Wide lenses make the rooms look bigger than they really are.

icon_1.png

Interaction

Some users prefer to interact with someone they know and trust rather than relying on website texts and pictures.

icon_2.png

Experience

A lot of time is spent searching for apartments.

icon_3.png

Personas

Persona_Jeff3.png
Persona_Celine3.png

User journey map

I created 2 user journey maps: one for Jeff and another one for Celine, both using the website trying to find an apartment in order to identify possible pain points and improvement opportunities.

User Journey Map2.png

Sitemap

To outline all the important functionality, I created a simple sitemap of the main tasks users can do. As reliability was a primary pain point, after sketching this flow, my decision was to bring the Agents and Pictures From Tenants to the Homepage and highlight them.

Paper wireframes

I created paper wireframes for the homepage with the reliability pain point in mind and selected the best elements to combine on a single page.

Screen size variations

As users access the webpage using different devices, I created sketches for a variety of screen sizes to ensure full responsiveness.

Computer

Phone

Digital wireframes

Moving from paper to digital, always keeping the pain points in mind.

Screen size variations

Computer

Phone

Low-fidelity prototype

After connecting all the screens, I created a low-fidelity prototype to provide a basic visual representation of the user journey.

Usability study

Parameters

Study type

Unmoderated usability study

icon_study.png

Participants

5 participants

icon_participants.png

Location

New York City, remote

icon_location.png

Length

10-15 minutes

icon_length.png

Findings

Price range

Users had to choose an exact price instead of a range.

icon_price.png

Pictures

Users got confused with the huge amount of pictures.

icon_pictures.png

Header

Users couldn’t access the header bar after scrolling.

icon_header.png

Mockups

Based on insights from the usability study, I made changes to improve the design issues. I added a price range instead of a fixed price and included a slide button for RENT/BUY to make it easier for users to choose between categories.

The amount of pictures has been adjusted.

after_study2.png

The header now has a fixed position when scrolling.

after_study3.png

Computer screen sizes

Phone screen sizes

High-fidelity prototype

My hi-fi prototype followed the same user flow as the lo-fi prototype. However, I included improvements based on the usability study.

hi-fi prototype2.png

Accessibility considerations

I used headings with differently sized text to create a clear visual hierarchy.

icon_problem2.png

The website has been evaluated for contrast to match at least AA standards. Every frame was checked.

icon_goal.png

Takeaways

icon_impact.png

Impact

Following the completion of Quick, I presented it to a group of potential users who provided positive feedback on its usability and reliability.

icon_leaned.png

What I learned

I learned that it is extremely important to pay attention to feedback from my peers. Since UX design is a team effort, the more feedback you receive, the better.

Next steps

Follow up on the Quick website and conduct usability studies to gather feedback and further improve it.

icon_1.png

Develop a smart watch version of the app to provide users with notifications and reminders on-the-go. This feature is particularly useful for busy professionals who need to stay on top of their tasks throughout the day.

icon_2.png
Web 1920 – 26B.png

Check out these other projects:

Steakhouse_thumbnail2.png
Thumb_gif.gif
bottom of page