Perfect Properties — Vedika Kapoor

Objective

A responsive web app that provides property buyers with information on properties of interest.

Role

Sole UX/UI Designer with focus on UI including conception and research to visual design

Duration

November 2020 - December 2020

Tools

Sketch, Invision, Flinto, Pen & Paper, Zeplin

The Design Process

Discover & Empathasize

Design Brief - Key Facts

Key Messaging: “Finding the perfect property shouldn’t be hard”
Primary Target Audience: small scale property buyers
What: user - friendly, responsive app containing comprehensive property database and information on each listing

Accessible for everyone from any device along with login feature

Competitor Analysis

In order to understand the users and market in greater detail, I started off by researching into 2 market leaders for online property search in Germany mainly Immobilienscout24.de and immowelt.de. Although both of them primarily focus on helping people find rental properties, the research still helped me to understand their approach and overall insight into the property Market.

Define

User Persona

All the information was already provided about the User Persona in the given brief and the only thing I did was to add an image of the persona to give her more character.

User Flow

To build a foundation and navigation for my platform I created a user flow diagram using the user stories.

Ideate

Moodboards

For the visual design of my web app the design brief stated the following:

Clean, quick smart
greens, blues and purples

Based on this information and research I conducted into different colour palettes and interiors/exteriors I created two moodboards to decide on the perfect colour palette. I decided to choose the below Mood Board as I found the colours most appropriate and unique.

Wireframes

I created low, mid and high - fidelity wireframes for the main pages for the application. While creating mid fidelity wireframes I realised that having a bottom navigation would not be workable and could even lead to confusion as browsers on mobile phones usually and two bottom navigations could mislead users.