Thao Ha
← back to all projects
01case study

Product · Data · 2024

Brookfield Properties Dashboard

Product Designer · Data Visualization

2024

Solo design project

Designed a data-driven dashboard for Brookfield Properties to help stakeholders monitor real estate portfolio performance across major U.S. markets — from property listings and revenue summaries to tenant activity and lease status updates.

Brookfield Properties Dashboard
02problem

What needed solving

Real estate portfolio data was fragmented across spreadsheets and legacy tools. Decision-makers needed a single, intuitive interface to track revenue, occupancy, and lease health without drowning in raw numbers.

01research & discovery

research & discovery

Stakeholders don't need more data — they need the right data at the right moment.
  • Mapped key user personas: portfolio managers, leasing teams, and executive stakeholders with different information needs.
  • Audited existing reporting workflows to identify friction points — manual exports, inconsistent KPIs, and delayed lease status updates.
  • Benchmarked enterprise dashboard patterns in real estate and fintech to understand information hierarchy for high-stakes decisions.
  • Defined core metrics: total revenue, properties sold, active listings, lease status, and recent transactions.
02design process

design process

  • Started with low-fidelity wireframes to validate navigation structure — sidebar, search, and modular dashboard cards.
  • Built a scalable design system with DM Sans typography, semantic color tokens, spacing scales, and elevation shadows.
  • Iterated on data visualization patterns — bar charts for listing trends, progress gauges for occupancy, and status tags for lease states.
  • Designed a complementary registration flow with social sign-in and manual onboarding to support new user acquisition.
  • Ran usability reviews on chart interactivity — hover states, tooltips, and filter dropdowns for monthly/weekly/daily views.
03design strategy

design strategy

Resonate, not just report — every chart should answer a decision, not decorate a screen.
  • Prioritized scannable KPI cards at the top so executives get portfolio health in under 5 seconds.
  • Used a dark sidebar + light content area to create visual hierarchy between navigation and data.
  • Applied semantic color coding — green for leased/success, red for available/at-risk — for instant status recognition.
  • Structured property lists with thumbnail previews and inline actions to reduce clicks between overview and detail.
04solution

solution

  • A full dashboard suite with revenue tracking, property listings, transaction history, and a calendar widget.
  • Interactive bar charts with hover tooltips and time-range filters for listing trend analysis.
  • Property detail tables with type, bed/bath, last updated, and color-coded lease status.
  • A cohesive design system ensuring consistency across dashboard, listing, and registration screens.
07outcomes

Impact & results

  • Created an end-to-end dashboard experience from wireframes to high-fidelity prototypes.
  • Established a reusable design system with typography, color, spacing, and shadow tokens.
  • Designed data visualizations that translate complex portfolio metrics into actionable insights.
08tools
FigmaDesign SystemsData VisualizationUser Flow Mapping