AM Realty
Prop Tech / 2022
preview of AM Realty high fidelity screens
View prototype

Details

Role: UX Research,U Design, UI design, Interaction design
Duration:  7 weeks, Mar - May 2022
Tools: Figma, Miro, Coreldraw

Project Overview:
This website redesign is for AM realty is a Nigerian Real estate startup that makes Real estate investments simple and accessible to more people by lowering the barrier to entry for Real estate investment.

preview of AM Realty high fidelity screens

Problem
Definition

6 people were recruited for this study and were given basic tasks to carry out on the old website. These tasks were hard for the users as more often than not they abandoned them due to frustration.

image of am realty old website

I identified the following flaws with the website from a heuristic evaluation.

Poor market advantage:
A business’ website main aim is to bring it to the doorstep of its (potential) customers and generate leads. This was not achieved on the website.

Poor visual design:
An overall user experience is improved by good user interface design. This website had a lot of inconsistencies in the alignment, layout and typography.

Difficult to understand and navigate:
Users  were unable to locate information they needed on this website, such as the firm's services, detailed information on the property they were interested in e.t.c.

Goal

The key themes listed below served as a basis for my design.

goal of the design, provide features that lead to salesgoal of the design, improve layout and navigationgoal of the design, create an environment that promotes credibilitygoal of the design, make users feel valued and recognized

Research

I sent out a preliminary survey to learn more about property owners and what they look for when looking for a home to buy, a. The findings are shown below.

Insight:
Many of our respondents want to buy a home but aren't ready yet. I then knew I needed to find people who were ready to buy a property.

result of a survey question "do you own a property?" 53% said no, 16% said in the process, 30% said yes

I conducted interviews with 8 participants who were interested in acquiring a property to collect detailed qualitative comments on how they go about doing so.

Insight:
I discovered that the majority of our participants were cautious about buying a home on the internet and that many websites make it difficult for customers to obtain information that might lead to sales.

Competitive
Audit

The audit was run on two businesses namely:
Sheltery  (Direct competitor)
A Real Estate startup and brokerage firm involved in Real Estate investment.

Pennek (Indirect competitor)
A large Real Estate company that provides solution to the procurement and provision of premium land and housing investment opportunities in Nigeria.
Key findings are  shown below;

competitive audit findings on shelterycompetitive audit findings on Pennekopportunities for improvement from competitive audit, Improve porperty lisitng navigation ,Add better features to the blog ,Easily accessible inspection scheduling

Balancing user needs with business goals:
Merging the business and design goals required me to focus on a few key areas, such as streamlining the user experience across the landing page, displaying the services rendered and property listings at a glance, and thus meeting business and user goals such as key engagement, access to information, user retention, and sales, with an emphasis on credibility and functionality.

View the competitive audit spreadsheet
here
View the competitive audit report here
here

Starting
the Design

After working on the site map in a way to facilitate users in finding and processing the information they want I proceeded to create the wireframes for the website first before moving on to the mobile

site map of a m realty websitewireframes of am realty website

Style guide

style guide of am realty website, d m sans typographystyle guide of am realty website, trajan typographystyle guide of am realty website, colours

Hi-fi design

After working on the site map in a way to facilitate users in finding and processing the information they want I proceeded to create the wireframes for the website first before moving on to the mobile

a m realty high fidelity, home page

Property listing:

From the competitive audit, the opportunities for improvement identified were explored.

  • A tab was used within the property listing page to switch between land and buildings categories for better navigation
  • After viewing a property and a user wants to proceed with the purchase, a user can easily schedule an inspection with the modal that pops up
a m realty high fidelity, property listing

Blog:

The blog has a search for users to find articles they want through keywords. And a main article every week is displayed at the top of the blog, these features were inspired by the competitive audit findings.

a m realty high fidelity, blog

Mobile
Responsive

a m realty high fidelity, mobile screens
View all the screens on the figma file
here

Interaction
design

I designed and prototyped the interactions for this two sections. The thought process behind this was to better organize content, and make browsing for properties/ reading reviews more seamless and engaging.
The ways to browse the content is either through the time delay, clicking the pictures or using the next\previous icon.

View the prototype
here
a m realty high fidelity, interaction design

User
Testing

Research prompts

  • Look for elements of credibility
  • View details on a property they are interested in
  • Contact us on our services
  • Book an inspection for a property

Insights

  • All of our users evaluated the website to be credible and would endorse it to a friend or family member.
  • Users browsed the home page well, played around with the testimonials section, majority returned back to the hero section to use the CTA there to view.
  • Some users requested for a direct contact button beside the button for scheduling an inspection.
  • The site was straightforward to navigate for all users.
  • All of the tasks assigned to our users were
    accomplished satisfactorily.

The
END

The purpose of this project was to improve the current website to one that’ll serve both the customers and business needs satisfactorily and I believe this was achieved.

The website is in development and I am working closely with the devs to ensure its built to standard.

Challenges:

  • Creating the copy/content to avoid using lorem ipsum in the project as I wasn’t given any content from the stakeholders yet I learned about copywriting and how it has a significant impact on a product.
  • I had issues with the interaction design as I had not done such complex prototyping before, but after learning a lot about Figma interactive components, it made things much easier.

In future projects I hope to learn more about interaction design, UX writing, Information architecture and Customer experience.

Up next

picture linking to dubbly projectpicture linking to delivered project