URBANISE is a sophisticated cloud-based property management platform designed for strata managers, body corporates, and property professionals. The application handles complex workflows including financial management, maintenance tracking, communication tools, and compliance documentation. My role involved leading the complete redesign and technical migration from legacy JSP architecture to a modern React-based application.
Strategy
The very first task was to create a new information architecture to streamline the user navigation process. The next task was to prioritise the critical and essential features, identify redundancy and automate non-essential tasks.
Design
Design followed wireframes and low-fid mockups. These were thoroughly tested in guerrilla style which provided a new perspective and fresh eyes.
Contributions
- WIre frames
- Stakeholder workshops
- Low-fidelity mocks
- Figma design and interactions
Key Features
Design Challenge: The existing platform suffered from outdated interfaces and inefficient workflows that hindered user productivity. Property managers spent excessive time navigating between screens and completing repetitive tasks. The challenge was to modernise the entire system while maintaining feature parity and ensuring users could transition smoothly to the new interface.
Strategic Redesign Approach: I conducted extensive user and competitor research to identify pain points and opportunities. Through Product Vision and UX Strategy workshops with stakeholders, we established clear priorities and success metrics. I restructured the information architecture, creating logical navigation patterns that matched mental models of property management professionals.
Technical Implementation: Leading the migration from JSP to React using the Material UI framework required close collaboration with developers. I created an atomic design system that provided modular, reusable components, accelerating development while ensuring consistency. The CSS component library I developed bridged design and engineering, reducing implementation time and maintaining visual fidelity.
Key Innovation: Row-Level Actions: Research revealed that the table-heavy interface required users to constantly drill into detail pages for simple tasks. I introduced row-level actions, enabling users to complete micro-tasks directly within tables. This seemingly small enhancement delivered a significant impact—users experienced an average 15% reduction in task completion time.
Results and Impact: Beyond time savings, we implemented automation where feasible and eliminated redundant processes throughout the platform. The modern, intuitive interface improved user satisfaction while the scalable design system positioned URBANISE for future growth. This project demonstrated how strategic UX thinking combined with technical implementation excellence can transform complex enterprise software into efficient, user-friendly tools.
