Contact me
#PRODUCT CASE STUDY

Resales Plus

Resales Plus is a modern evolution of a legacy real estate platform, which I led the redesign to meet the needs of industry professionals. Through UX research, usability testing, and iterative design, we enhanced workflow efficiency, search functionality, and data visualization. This transformation improved usability, performance, and user satisfaction, making Resales Plus a more intuitive and powerful tool for real estate professionals.
  • My role: Lead Product Design
  • Duration: Aug, 2022 - Feb 2025
  • Tools: Figma, FigJam, TL;DV, Survey Monkey
  • Method: Design thinking, Agile

Project Overview

1. Introduction

For over two decades, Resales Online was a trusted tool for real estate agencies, but its UX remained outdated. As the Lead Product Designer, I led a full-scale redesign through UX research, surveys, and collaborative workshops, shifted stakeholder focus from minor tweaks to a complete new product,  Resales Plus

2. Problem statement

Resales Online  struggled to keep pace with contemporary user expectations. Its outdated UI and fragmented workflows made navigation difficult, leading to inefficiencies. The absence of a user-centered approach in past iterations frustrated users, highlighting the need for a modern, structured experience.

3. Product Goal

The goal was to merge modern usability standards with familiar functionalities, ensuring a smooth transition for existing users. By streamlining workflows, improving productivity, and enhancing user interactions, Resales Plus redefines how real estate professionals manage daily operations efficiently.

The old Search filter requires users to fill a form which takes extra time and effort to modify

The Process

1. Understanding
Challenge
Unclear Information Architecture
The existing IA lacked clarity, creating a cluttered experience where users struggled to find what they needed.
Feature Overload & Complexity
The platform had an excessive number of features with unclear objectives, leading to a complex and confusing user experience.
Poorly Designed & Unusable Features
Many features were not user-friendly, making it difficult for users to complete essential tasks efficiently.
Lack of User-Centered Insights
There was no clear understanding of core user goals and pain points, making it challenging to implement design improvements.
How might I help stakeholders see the impact of a design thinking approach?
Approach

To address these challenges, I began by conducting a comprehensive product audit, evaluating each feature’s purpose, usability, and relevance. This helped us identify redundant or ineffective functionalities that could be streamlined or eliminated. To gain deeper insights, we conducted UX research, including quantitative surveys and qualitative interviews.

Following our research, we facilitated collaborative workshops with stakeholders to redefine the Information Architecture (IA) and user flow, this also helped our stakeholders feel more involved in the design process that they were initially not familiar with. Through iterative brainstorming sessions, we identified and prioritized core features, ensuring they were both useful and accessible. This process was followed by the development of wireframes, high-fidelity prototypes, and interactive mockups, which were continuously refined based on user feedback.

How might I make sure the process is transparent and aligned with what we need?
My Research roadmap proposal for stakeholders
2. Research
Research & Identifying Core Features
How might I understand what are our user's needs and pain points?

We conducted user surveys to collect feedback from existing users, focusing on identifying their biggest challenges and most frequently used features. Through this research, we found that the Dashboard and Search functionalities were the most critical areas requiring improvement. The Dashboard lacked clear data visualization and workflow efficiency, while the Search experience was hindered by complex filtering options and an outdated interface.

Ideation & Brainstorming Sessions
How might I align our findings with business goals and product visions?

Once identified the primary focus areas, I conducted collaborative brainstorming workshops with stakeholders, product managers, and engineers. These sessions were instrumental in restructuring the information architecture and redesigning user flows, by using white boarding techniques and UX mapping tools such as FigJam. We also prioritized feature development based on feasibility and user impact, ensuring that the redesign addressed both business goals and user needs.

Wireframing & High-Fidelity Design

With a clear direction established, I started designing wireframes in Figma, focusing on the restructured Dashboard and Search experience. Low-fidelity wireframes were shared with internal teams for early feedback, allowing us to refine layouts and workflows before progressing to high-fidelity designs. The final high-fidelity UI incorporated a modern visual style, improved accessibility, and refined interaction elements that made navigating the platform seamless.

Revamped Information Architecture
Restructured the platform’s IA to create a more intuitive navigation system, grouping related features.
Clearer Hierarchy & Grouping
Organized features based on user needs and priorities, ensuring a seamless experience with well-defined categories
Improve User Flow
Redesigned user flows with clearly defined goals, ensuring that each step aligns with how users naturally interact with the platform.
Reduced and Optimized Features
From the surveys we identified the most valuable features, eliminating redundant and underutilized functionalities.
Prototyping & Usability Testing
How might I ensure that the design really helps our users achieve their goals?

To validate our design decisions, I developed interactive prototypes and conducted usability testing sessions with selected users via video calls and Figma prototypes. Participants were tasked with real-world scenarios, such as searching for properties using specific filters and managing listings from the new Dashboard. These sessions provided valuable qualitative feedback, highlighting areas of friction and opportunities for further refinement. Based on the findings, we made iterative adjustments to improve clarity, streamline workflows, and enhance the overall usability of Resales Plus. The final product successfully bridged the gap between user expectations and business objectives, resulting in a more efficient, intuitive, and user-friendly experience for real estate professionals.

Refine

Refining the Design to Align with Business Goals & User Feedback

After completing usability testing and gathering extensive user feedback, we collaborated with stakeholders to ensure the refined design aligned with both business goals and user expectations. We analyzed areas where user needs and business objectives intersected, ensuring that our design adjustments not only improved usability but also supported long-term growth and product adoption.

Established a Minimal Design System
Introduced a structured design system to ensure consistency, maintainability, and a more systematic approach to UI design.
Improved Search Results Page
Replaced infinite scrolling with pagination to enhance usability, reduce web storage consumption, and improve performance.
Optimized for Larger Screens
Shifted the main breakpoint from 1440px to 1920px based on research, ensuring a better experience for users operating on larger screens.
Refined Visual Identity
Updated typography, color schemes, and UI components to align with business branding, creating a more cohesive and polished design.
Read Case Study of Edumall Subscription Model