The product is an online property marketplace aimed at customers of an Indian Background.
I worked on UI and UX Design to fulfil the core functionality:
There are two types of users:
A) people that want to rent their property (house or flat), and B) people that are looking for properties to rent.
The target user has an Indian background. The main objective here was to guarantee that the user experience for individuals using the website was as efficient as possible. In practice, this meant that the website had to be usable, easy to navigate, aesthetically appealing and engaging.
We are a small team of three people: A product owner, a developer and me. We work remotely, we have an open channel of communication and work cooperatively – and it works for us!
For this project, I suggested the plan and we established the process for work prioritisation and milestones.
The product owner had knowledge of the target user. Because of this, we decided that he would be the right person to choose the colour schemes and point the team in the right direction. Because of this cooperation, the project was a success.
It is a greenfield project.
1. DISCOVERY Top
During this stage, I conducted the research. I looked at the competitive landscape and interviewed people who could help me understand the company’s vision.
Methods: user interviews
During the research I conducted interviews to gain insight into what people experienced when using competitor’s products.
Understanding the Users
1.1 Understanding the Users Top
Who are we designing for
As part of the user research, I chose three personas who would be the primary users of the website:
What is Currently Out There
1.2 What is Currently Out There Top
Methods: competitive analysis
‘Airbnb’ has a clear and objective user interface. The user has to add a lot of information in order to offer his property up to another user, but the process is not daunting. The forms are distributed in several steps with friendly descriptions.
The user also knows why he/she is adding the information (to increase the chances of making a successful deal). When adding information, the user feels like they are talking to a friend. The font size is also large to increase accessibility.
As we can see in the image above, the website ‘Properties for rent in Mumbai’ has a nice feature. It has a list of properties based on lifestyles and interests.
The website ‘Rightmove’ has two nice features. You can search using the map and you can turn on alerts.
The primary feature of the website ‘Hotpads’ is the map view.
The website ‘Daft’ offers a ‘commercial’ option.
The website ‘Love Home Swap’ requires a membership, but it also offers a free trial.
The target user for the website ‘Swap And Move’ are homeowners that need to move quickly.
The target user of the website ‘Home Exchange’ are homeowners that are willing to swap their homes in order to travel.
Identify the best way to make the website user-friendly
1.3 Identify the best way to make the website user-friendly Top
Determine how people approach their search for properties and what the current pain points are.
Methods: user interviews
User interviews helped us to understand how people approach searching for a property and how they plan a local visit, moving and holidays. We learned that, in general, people know where they would like to visit and the type of people they would like to share a property with.
“I would like to live with people with similar beliefs and way of life. I would not like to live in a party house”
1.3.1 Pain points:
Users usually know where they want to live, and who they want to live with. The pain point is to visit the properties and make a decision under pressure. If users are looking for a place to stay during holidays, they tend to gather around one screen while one person types and search for options. If the group is not collocated it is difficult to share the search results, as there are so many options to choose from.
1.3.2 Closer look at user experience
Methods: user journey, user flow
2. Iterative evolution Top
Methods: sketches, digital wireframes, user testing
Simple sketches evolve into more detailed wireframes that are tested and adjusted along the way
Wireframes, mobile first
Wireframes to UI
3. DELIVERY Top
A clickable prototype that addresses the journey of two main users