I. Problem Definition & Overview
The Property Management Solution
HouseConnect is a property management platform designed to solve operational headaches for landlords. By consolidating properties, tenants, payment flows, and maintenance tracking in one unified interface, the platform strips away the complexity of traditional real estate management.
Property managers often struggle to get a clear view of rent payments, maintenance requests, lease renewals, and property performance. Critical information is scattered across multiple screens, making day-to-day property management time-consuming and inefficient.
To address this, we designed a centralized dashboard that surfaces key metrics, payment statuses, occupancy insights, lease renewals, and maintenance requests in a single view, enabling faster decision-making and reducing administrative effort.
II. Design Method
Iterative Design Process
Empathize
Understand landlord pain points and gather feedback.
Define
Frame requirements, consolidate user personas and define key metrics.
Ideate
Brainstorm interface layouts and metric visibility solutions.
Wireframe
Draft high-level dashboard wireframes and screen pathways.
Design
Build high-fidelity screens using a brutalist, clean type scale.
Testing
Conduct target user reviews to test speed and task success rates.
III. Competitor Analysis
Competitor Feature Matrix
Goal: Understand how existing property management platforms help landlords manage rental operations and identify opportunities for improvement.
| Features | BBuildium | AAppFolio | RRentec Direct | HHouse Connect |
|---|---|---|---|---|
| Dashboard Overview | ||||
| Tenant Management | ||||
| Payment Tracking | ||||
| Maintenance Requests | ||||
| Lease Renewals | ||||
| Centralized Insights | Partial | Partial | Partial | Full |
IV. Information Architecture
System Layout
The sitemap structured below prioritizes high accessibility to daily items (Ledger updates, maintenance escalations, tenant listings) directly from the centralized view.
1. Dashboard
- ▪Priority Notifications
- ▪Property Overview
- ▪Tenant Overview
- ▪Revenue Analytics
- ▪Occupancy Overview
- ▪Maintenance Requests
- ▪Recent Payments
- ▪Lease Renewals
2. Properties
- ▪Property Lists
- ▪Property Details
- ▪Units Listing
- ▪Occupancy Status
3. Tenants
- ▪Tenant List
- ▪Add New Tenant
- ▪Tenant Profile
- ▪Lease Information
- ▪Payment Status
4. Lease
- ▪Active Leases
- ▪Expiring Leases
- ▪Renewals Processing
- ▪Lease Documents
5. Maintenance
- ▪Request List
- ▪Priority Management
- ▪Assign Workers
- ▪Maintenance History
6. Payments
- ▪Payment Overview
- ▪Transaction List
- ▪Payment Status Check
- ▪Payment Methods
- ▪Payment Reports
7. Reports
- ▪Revenue Reports
- ▪Occupancy Reports
- ▪Payment Reports
- ▪Maintenance Reports
8. Settings
- ▪Profile Settings
- ▪Team Members
- ▪Subscription & Billing
- ▪Storage Usage
- ▪Security Settings
V. Interface Evolution Feed
Design Progression Stream
A sequential walkthrough showing how each major screen matured from initial sketch and Figma wireframes to the finalized layouts.
Dashboard Screen
The primary control center for property managers and landlords, surfacing priority alerts, balance summaries, occupancy analytics, and maintenance logs.
Early hand sketch mapping structural boxes, navigation controls, and general content flows.
Grayscale digital wireframe built in Figma to define layout grids, sizing balance, and spatial relationships.
High-fidelity production dashboard UI with brand color schemes, status badges, and micro-copy.
Tenants Screen
The database directory mapping occupant details, lease schedules, check-in sheets, and active payment records.
Conceptual sketch detailing occupant rows, quick filter items, and secondary registry panes.
Grayscale layout in Figma determining header values, alignment grids, and spacing margins.
Final colored user interface displaying the tenant list database alongside status indicators.
Payments Screen
The ledger log tracking rental revenue, overdue payment notices, transaction receipts, and cashflow charts.
Rough sketch outline of billing cards, transaction tables, and incoming payment logs.
Digital gray wireframe standardizing cash ledger fields, spacing rules, and action items.
Polished high-fidelity ledger screen rendering transaction lines and balance tracking summaries.
VI. Design Decisions
Key Layout Decisions
A deep dive into specific interface structures implemented to maximize scanning efficiency and usability for property managers.
Prioritized Critical Notifications
Placed overdue payments, lease expirations, and maintenance requests at the top of the dashboard.
Property managers need immediate visibility into urgent tasks before reviewing analytics and reports.
Table-First Tenant Management
Used a searchable tenant table instead of card layouts.
Property managers frequently manage large numbers of tenants and need fast scanning, filtering, and sorting capabilities.
Lease Expiry Indicators
Added badges such as "Ends in 3 Days" and "Ends in 5 Days."
Helps property managers proactively renew leases and reduce vacancies.
Payment Status Badges
Used clear status indicators for paid and overdue payments.
Allows users to identify payment issues instantly without opening detailed records.
Subscription Usage Visibility
Displayed plan usage and upgrade options in the sidebar.
Keeps account limitations visible while maintaining focus on core property management tasks.
VII. Outcomes & Reflections
Project Retrospective
What Went Well
- Successfully organized large amounts of property management data into a clean and scannable interface.
- Established a consistent design system across dashboard, tenant, and payment screens.
- Balanced business requirements with user needs by incorporating subscription usage indicators.
Challenges
- Designing data-heavy tables without overwhelming users.
- Prioritizing the most important metrics for the dashboard.
- Creating a hierarchy that works for both daily operations and long-term management tasks.