Rea

About Project.

About Project.

About Project.

Transforming Real Estate Investments with Rea

Transforming Real Estate Investments with Rea

Transforming Real Estate Investments with Rea

Rea (Real Estate & Assets) is a platform that offers fractional ownership in rental properties in Lagos, Nigeria, at an affordable entry cost. The goal is to make real estate and other income-generating assets more accessible while reducing the cost, time, and effort associated with real estate investing. Rea handles all processes, allowing users to focus solely on their investments.

In development

In development

In development

Role:

Role:

Role:

UI & UX Design

UX Research

Client:

Client:

Client:

Neutrolabs

Date:

Date:

Date:

Dec - March 2024

Designing for Real Estate Investors

Designing for Real Estate Investors

Designing for Real Estate Investors

The challenge was to design a responsive web app that aligns with Rea’s existing mobile app and branding while providing users with an efficient, intuitive experience.

How can I design an online real estate investment platform that offers users a seamless and error-free experience, while ensuring scalability and responsiveness across devices?

How can I design an online real estate investment platform that offers users a seamless and error-free experience, while ensuring scalability and responsiveness across devices?

How can I design an online real estate investment platform that offers users a seamless and error-free experience, while ensuring scalability and responsiveness across devices?

01.

01.

01.

Understanding the Problem

Understanding the Problem

Understanding the Problem

Researching User Needs and Industry Challenges

Researching User Needs and Industry Challenges

Researching User Needs and Industry Challenges

With an existing app in place, my focus was to design a seamless user experience while maintaining consistency across platforms. To achieve this, I conducted user research on the company’s product and its competitors to:


  • Understand the challenges users face when investing online, particularly in real estate.

  • Identify the frustrations users experience with similar platforms.

With an existing app in place, my focus was to design a seamless user experience while maintaining consistency across platforms. To achieve this, I conducted user research on the company’s product and its competitors to:

  • Understand the challenges users face when investing online, particularly in real estate.

  • Identify the frustrations users experience with similar platforms.

Key Research Insights

Key Research Insights

  • Users feel unsure about the legitimacy of investment platforms.

  • Users want intuitive navigation, transparent information, and clear investment steps.

02.

02.

02.

Connecting Insights to Action

Connecting Insights to Action

Connecting Insights to Action

Persona Development

Persona Development

Persona Development

Based on research, I created a user persona to embody the needs, goals, and frustrations of Rea’s target audience. This persona served as a guide throughout the design process.

User Persona

User Persona

Mapping Constraints and Goals:

Mapping Constraints and Goals:

Mapping Constraints and Goals:

Using insights from user interviews, I identified key pain points and goals, mapping them in a diagram to align user needs, business objectives, and technical constraints. This process clarified priorities and provided a roadmap for the design direction.

03.

03.

03.

Design Specifications

Design Specifications

Design Specifications

Homepage as a Gateway

Homepage as a Gateway

Homepage as a Gateway

I began with wireframes of the homepage, focusing on creating a compelling landing page that communicates trust, simplicity, and the platform’s value proposition. This set the tone for subsequent pages.

Wireframes

Wireframes

04.

04.

04.

Rea’s Visual Identity

Rea’s Visual Identity

Rea’s Visual Identity

Adhering to the Style Guide

Adhering to the Style Guide

Adhering to the Style Guide

To ensure the design was both functional and scalable, I adhere to Rea’s style guide for consistency, integrating typography, color schemes, and UI components.

05.

05.

05.

Starting with the Hompage

Starting with the Hompage

Starting with the Hompage

Rea's Homepage

Rea's Homepage

Empowering Users with Clarity

Empowering Users with Clarity

Empowering Users with Clarity

I aimed to create a design that allowed users to explore the entire page effortlessly, eliminating guesswork. The interface enables users to view available properties and their current status, striking a balance between user needs and Rea’s commitment to trust and transparency.

Access to multiple propertieds

Access to multiple propertieds

Tablet View

Tablet view

Investment Calculator

Investment Calculator

Enhancing Property Insights

Enhancing Property Insights

Enhancing Property Insights

To ensure a seamless experience, users can access property information for the type of property they’re interested in. Features include property name and address, status, and an investment calculator to provide projected estimates on investments

Property Overview

Property Overview

06.

06.

06.

Centralizing Investment Activities with the Dashboard

Centralizing Investment Activities with the Dashboard

Centralizing Investment Activities with the Dashboard

Developing Dashboard Concepts

Developing Dashboard Concepts

Developing Dashboard Concepts

After designing other pages, I focused on one of the most important features for users—monitoring and accessing their overall activity on the platform via the user dashboard. I developed two concepts that address user needs.

Version A

Version A

Version B

Version B

07.

07.

07.

Gaining Insights Through A/B Testing

Gaining Insights Through A/B Testing

Gaining Insights Through A/B Testing

Testing Dashboard Concepts with Users

Testing Dashboard Concepts with Users

Testing Dashboard Concepts with Users

To evaluate the effectiveness of these proposed concepts, I conducted A/B testing with 10 participants. to understand which of the dashboard resonates with the users.

The Results

The Results

The Results

  • Users appreciated the UI layout and overall experience but desired more visual clarity.

  • Liked the visibility of wallet balance alongside their portfolio.

  • Appreciated the visibility of wallet balance alongside their portfolio.

  • Users found the property performance UI unclear and struggled to access details about upcoming rental income payments and their total property investments.

08.

08.

08.

Refined Dashboard for Optimal User Experience

Refined Dashboard for Optimal User Experience

Refined Dashboard for Optimal User Experience

A dashboard to see overall investments

A dashboard to see overall investments

Enhancing the User Experience

Enhancing the User Experience

Enhancing the User Experience

Based on insights gathered from user research and stakeholder feedback, several improvements were implemented to enhance the dashboard's usability:

Streamlined Properties Overview

Streamlined Properties Overview

Rental Income Payment Section

Rental Income Payment Section

Portfolio Status

Portfolio Status

09.

09.

09.

Ensuring a Responsive Design

Ensuring a Responsive Design

Ensuring a Responsive Design

Adapting for Mobile Screens

Adapting for Mobile Screens

Adapting for Mobile Screens

Optimizing the web app for mobile screen sizes presented challenges, as some desktop components didn’t translate seamlessly to smaller screens. I reimagined layouts for mobile without sacrificing functionality.

10.

10.

10.

Outcomes and Reflections

Outcomes and Reflections

Outcomes and Reflections

Limitations

Limitations

Limitations

Time constraints limited user testing. Ideally, I would have recruited more participants for comprehensive feedback. However, I look forward to gathering insights post-launch.

Learnings

Learnings

Learnings

Designing a responsive web app requires adaptive thinking beyond traditional breakpoints, emphasizing flexibility, close collaboration with developers, and leveraging existing design systems for consistency and efficiency

Real Estate for Everyone.

Real Estate for Everyone.

Next Steps

Next Steps

Next Steps

  • Conduct post-launch usability testing to gather feedback from a broader audience.

  • Refine the design based on real-world user interactions.

Next Project

Next Project

Next Project