CASE STUDY 03 REAL ESTATE ENTERPRISE

ROLE ID — Workforce Assignment Management

Administrators were reassigning employee roles by hand, one row at a time, across more than 30 properties every time someone moved. That was a large, error-prone problem with real operational risk. The redesign solves it with automated transitions, bulk reassignment, and coverage gaps that stay visible.

badge ROLE
Sole UX

Research, IA, Prototyping, Validation & Stakeholder Alignment

schedule DURATION
30 Days

Before Development Kickoff Handover to Developers

groups STAKEHOLDERS
Operations & HR Teams

Property Admins, POs & BAs, Admins & Operations Team

verified Key Outcome
70% Automated

70% Automated

ROLE ID Properties View Dashboard
Final High-Fidelity MVP Design Handed Off to Engineering
SECTION 01 · DISCOVERY & LEGACY STATE

Understanding User Friction

The problem was bigger than a single screen. The legacy tool forced administrators to unbind assignments by hand across 30+ properties every time someone moved. Solving it meant understanding the people who lived with it every day, so I ran in-depth interviews with administrators, operations leads, product owners, and business analysts who operated the legacy tool daily.

Legacy App Wireframe
Fig 1. Legacy Interface: Excessive filters, nested tables, and disconnected actions
visibility_off Overwhelmed & Crowded

The legacy interface crammed dozens of tabular columns without clear visual priority, causing users to get lost when managing complex portfolios.

filter_list Filter Fatigue (30+ filters, <10% used)

Access is restricted to role based filtering and searching. Over 20 nested filter dropdowns created cognitive paralysis. 80% of daily users relied on only 2 quick filters (Region & Property Name).

sync Manual Drag & Reassignment

When an employee transitioned, administrators had to individually open each assignment row across 30+ properties and unbind them manually.

SECTION 02 · USER RESEARCH & INFORMATION ARCHITECTURE

Card Sorting & Hierarchy Workshops

Conducted open and closed card sorting exercises with cross-functional stakeholders to define clear decoupled hierarchical mappings between Employees, Roles, Markets, Properties, and Regions.

WORKSHOP SYNTHESIS

Decoupling Roles from Flat Spreadsheets

In the old system, properties and employee records were tightly coupled in a monolithic schema. Card sorting sessions revealed three primary mental models:

1
My Work (Operator Focus)
Properties, Markets, Assigned Roles, Pending Requests
2
Search & Filter (Quick Retrieval)
Contextual Quick Filters, Saved Views, Global Search
3
Geographic Hierarchy (Structural Order)
Region > Market > Sub Market > Property
Card Sorting Workshop Artifact
Workshop Board: Natural mental models & navigation taxonomy
SECTION 03 · UX STRATEGY & GUIDING PRINCIPLES

Four Guiding Principles

Prioritizing visibility, workflow speed, and progressive disclosure over raw complexity.

auto_awesome

Clarity over Complexity

Eliminate unnecessary form fields upfront. Surface critical metadata with clear typography and state tags.

monitoring

Surface What Matters

At-a-glance KPI cards immediately reveal missing mandatory roles, unassigned properties, and completion rates.

memory

Automate Repetitive Actions

One-click employee transition triggers automated unassignment across all associated property clusters.

layers

Design for Scale

Support nested tree hierarchies accommodating 1,000+ national properties without UI degradation.

The Goal Statement & Objectives
Executive Goal Statement & Product Metrics Alignment
SECTION 04 · EXPLORATION & WIREFRAMES

From Low-Fi Scribbles to Scalable Architecture

Rapidly iterating from spreadsheet sketches to multi-view hierarchical prototypes.

edit Phase 1: Conceptual Wireframes
Ideation
Early Conceptual Table Draft
Low-Fidelity Role Assignment Flat Table

Explored how to collapse role assignments under parent rows while allowing in-line bulk selection.

dashboard Phase 2: Hierarchical & Property-First
Structuring
Transition Workflow Draft
Properties View Wireframe

Validated expandable regional drawers, property health progress meters, and quick actions directly with leads.

tune Mid-Fidelity Iterations: Drawers, Modals & Filters
Iteration Stage
Mid-fidelity Wireframe
Role Configuration Side Sheet Wireframe
SECTION 05 · A/B CONCEPT EXPLORATION & VALIDATION

Table vs. Card Grid & Kanban

Standardized operational tokens: status indicators, high-density table rows, diagnostic typography, and semantic badge palettes calibrated for fast scanning under pressure.

A/B Testing Variants
Key Finding: Users overwhelmingly preferred the Hierarchical Table (Version A) because enterprise operations requires scanning dense property lists with completion progress bars and quick drill-downs rather than horizontal Kanban dragging.

Clickable Interactive Flow Architecture

End-to-end interactive journey tested across multiple user roles before engineering handoff.

FIGMA AI PROTOTYPE
Figma Prototype Architecture Flow
SECTION 06 · FINAL MVP SOLUTION

The Redesigned Experience

A centralized, high-density dashboard engineered for rapid decisions and automated transitions.

FEATURE 01 · CORE WORKSPACE

Property Health & Assignment Indicators

Replaced static lists with live health meters. Admins can expand any property (e.g. NYC-01 Grand Central) to immediately see assigned vs. vacant mandatory roles, progress rings, and quick assignment CTAs.

  • check Status pills: Complete, Missing, None
  • check Instant KPI bar highlighting missing mandatory roles
  • check Nested inline expanding drawers for sub-roles
Properties View Final UI
Role Configuration Modal
FEATURE 02 · BULK MODAL

Contextual Multi-Property Bulk Assignment

Step-by-step role configuration modal featuring geographic validation, auto-matching employee regional permissions, and instant multi-select for unassigned properties.

All Assignments Table
FEATURE 03 · DIRECTORY

Unified Directory & Fast Inline Actions

Centralized table view combining division, region, market, and property attributes with quick inline edit permissions and 1-click bulk unassign for team restructures.

CONSTRAINTS & TRADE-OFFS

20-Day Timeline & AI-Accelerated Strategy

Given the aggressive 20-day delivery window before development kickoff, we strictly scoped the project around high-leverage workflows:

  • check_circle Prioritized Automated Unassignment: Instead of building complex AI recommendation engines for reassignment, we focused on automated de-coupling and clean admin-controlled reassignment.
  • check_circle Actionable Metrics over Heavy Analytics: Deferred multi-page statistical charts in favor of immediate operational cards: Unassigned Properties and Missing Mandatory Roles.
  • auto_awesome AI-Accelerated Iteration: Leveraged Figma AI and rapid concept generation tools to build interactive hi-fi prototypes within days, saving weeks of manual wireframing.
OUTCOME & REFLECTION

The Leadership Reflection

"Operational efficiency is rarely achieved through adding more features or buttons. The most profound improvements came from reducing clutter, making critical coverage gaps visible, and automating repetitive transitions."

Business Impact Achieved:

✓ Successfully handed off to engineering after 2 rigorous validation rounds.
✓ Projected to reduce employee role reassignment time by over 70%.
✓ Zero unassigned mandatory role blindspots across managed commercial properties.

NEXT CASE STUDY

DQHQ — Data Quality Incident Command Center

One workspace for identifying, escalating, and resolving data quality incidents.

Image Preview
Enlarged screenshot