Comunal Case Study
Vivenda’s mobile app design

Designing a mobile application that solves the difficult process that takes to find a house and buy it.

Team: Solo.
Rol: Visual / UX Designer.
Time: 2 weeks (September 2021)

Directly responsible for:
UX Strategy, UX Research, Benchmarking, Analysis and sensemaking, Co-ideation workshops, Creation of user flows.
UI Design using Marvel and Figma (wireframes and high fidelity mockups), Usability testing with internal users, Design documentation.

Due to the quarantine, some  of the mexicans started saving their money to, at the end of 2020, finding bank offerings with very low interest rate and loans with easy access, so the rise in real state purchases was immediate.

Vivenda is an hypothetical company that looks to exploit the increase in the demand for real estate.

The problem

87% of the mexican population browse the internet to find real state properties, however, when moving forward, most of the users step back because of fear of being victim to fraud or to find a property that is not in optimal conditions.

Source: Gain Dynamics Research.

The goal

Design a digital solution to search and find available options easily, adapting to the users schedule and needs so they can book an appointment to visit it and start the purchase process.

The solution

A mobile application with options to Search, multiple View options, Book appointments, reach out to sellers and a Security verification process to keep the trust through the real state community.

An overview on how it was done...
Design Thinking Methodology
... but being honest, at the end it looked like this
What was found...
in the Desk Research and Benchmarking
through Social Media Analysis
through Data Analysis

in some webpages the information is not real, verified or updated. Some of the listings are not available anymore and it doesn’t allow you to report it.

the buyers stay away from real state webpages because:
• They’re afraid of frauds.
• The photos doesn’t match.
• It's hard to keep track of the queries you make.
• It’s “easier” to talk in person with the seller.

one of the most frequent real state search queries add the words “fraud” or “safe” at some point.
Example:
“Is inmuebles24 a fraud?”  
“Is trovit safe?”



Source: Google Trends y Ubbersugest

Let’s look at it this way...
This is Nora.

Her motivation is...
Have a house of her own.
Take advantage of the credit offered by the bank.
Save time searching in the streets if she finds something online.
Future prevention.

But her pain points are...
The photos are very different from the real thing or the location is bad.
There is no follow up through internet and the information is not updated.
She is afraid it may be a fraud or a criminal act.

Context
Nora wants to buy a house because she doesn’t want to pay rent but a mortgage instead and have something to call her own, but it’s been difficult for her to find something that convince her.

Goal / Objective

• Find a house available to buy.
• Know the specific location.
• Meet the place and house disposition..
• Manage the appointment and purchase process.

Priorities

• Find an affordable house that she can pay with credit.
• Confirm that is in the desired zone.
• Make sure that the offer and images are real.
• Manage the appointments.

How might I design an app that makes the real state properties search reliable and transparent with an option to follow-up?
So, for Nora the product has to be...
Reliable

Transparent and sincere about the price and location.
Detailed information on the place and owner.
Specify the credits they accept and if they do.

Constantly updated

Real footage / street view / 360 view / videos.
Include dates and time range of posting and response.
Detailed information of the place and seller.

The Solution
The look and feel...
UI Kit in a nutshell

Security verification for the account on top, showing what legal documents were used for it.
Legal status of the propiety insignia below.

Map view available in the onboarding screens and in the main page. Filters available to narrow down the results.

Multiple view options available in the detail page so you the user can switch between them and get to know the building and the space around.

A close up to the solution...
Some of the basic functions

User information
Verified account with legal documents such as INE or CURP. Also, it shows the location and for how long it has been a member.

Follow up on appointments
Messages within the app to solve the questions and the option to book an in-person or remote appointment and add it to your personal calendars.

Visualization options
Video, street views, fotografías 360.
In the detail page the publication date is visible, the location is precise and it specifies what type of credit is accepted.
It has options to Share and add to your Favorite to track it down.

Outcomes and numbers
The High Fidelity Prototype was tested with 5 users obtaining the next results and observations:
1/5
4/5
wouldn’t upload his legal documents.
were confused by the switch in the onboarding screen.
What I learned

Figma is a magical thing! From variants to autolayouts it amazed me how they have a solution for everything.

The components library is easier to use than create, either way it was fun to learn and experiment with it.

What I learned

If I had more time, I would add a status bar so the seller could update it and it could notify both interested parties when it’s been so long without updates.
I would like to have extended research with real users, to verify wether it’s a viable solution.