← 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.

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