Hi, my name is Mateusz

home IMPROVING PARAMOUNTS' SEARCH EXPERIENCE
« home

IMPROVING PARAMOUNTS' SEARCH EXPERIENCE

THE BRIEF:

Real Estate agency paramount-properties.co.uk wanted to update the property search form on their page.

GOAL:

The Client wants to enable users to filter searches by:

    • Location (i.e. ‘Search Area' or 'Postcode’- text field) 
    • Sales / Lettings
    • Radius (i.e. distance from location)
    • Price range
    • Property type (House, Flat, New Development, Land)
    • Bedrooms
    • Include previously sold/let

CHALLENGE:

Designs should be in-keeping with the Client's website styling and brand guidelines

PROBLEM:

The Client was worried that the above-the-fold on the homepage might be "too busy"

POTENTIAL SOLUTION:

Hiding some elements behind and 'Advanced' option

MY ROLE:

User research, conducting interviews, creating personas, user's journey maps, idealisation, creating wireframes, UI design and prototypes

I started the project with research. To better understand user needs and behaviours, I conducted a short survey. I asked five people about their needs, habits, and preferences during their online property search process.  Their responses showed the following behavioural patterns:

- Users mostly search for properties on their phone

- Some users are not using a desktop for search purpose at all

- Key parameters applied by those surveyed are the number of bedrooms and price range


PERSONAS

I used my survey to create personas which helped me in the design process

To better understand users' search processes, I created three journey maps. One for each persona

The third phase of the process was competitor research. It helped me understand how the similar solutions were implemented by others companies


Idealise

Design

A

Advanced search options are hidden behind the "arrow" button (mobile) or "advanced" button (desktop)

B

Majority of the Clients listings are rentals. It's why I decided to put "rent" window as a default option

C

According to my research 'number of bedrooms', 'price range' and 'radius' are the most popular search fields. It's why I designed them as easy to use sliders

D

Not so often used 'property type' field  was designed as an easy to access drop down box

E

During my research, some users said the different layout between mobile and desktop designs frustrating. It's why I decided to implement same design solutions for both versions


What I might do differently

The Client wanted to keep its search box design clean and simple. My first design on the mobile version included advanced options, hidden beneath the 'arrow' button. It made the search box minimalistic and didn't require users to make a lot of decisions in the initial search. However, only an 'arrow' might be not enough visible to users. I decided to design an alternative version with an 'advanced' button. I presented both versions to the client with a note that further user tests may be required.



 

Using Format