Leonardo 247

B2B SaaS Platform

UX Design

UI Design

User Research

Design System

December 2023 - Present

Leonardo247 is a comprehensive B2B SaaS platform designed to streamline operations in the property management industry. It helps property managers automate workflows, manage risk, and ensure compliance by integrating routine tasks, inspections, and maintenance processes.

Problem statement 🤔

Leonardo247’s platform provides tools for operational oversight, maintenance management, compliance tracking, and reporting. However, to improve usability and user experience, there's a need to enhance the interface and streamline interactions. The goal is to make the platform more intuitive, reducing operational risks and better serving property management teams and tenants.

My design process is user-centric and iterative, blending research, ideation, prototyping, and testing to create thoughtful, impactful products. It begins with deep user research—through interviews, surveys, and direct observation—to understand user needs, behaviors, and pain points. Insights from this research inform wireframes and early prototypes, where I explore multiple potential solutions.

I prioritize collaboration, bringing in cross-functional stakeholders early for feedback to align technical constraints with user goals. My iterative approach involves rapid prototyping and usability testing, refining designs based on user input.

Design process

Wireframes

Design system styles

UI Design - Report Dashboard

The Leonardo247 Reports Dashboard is a transformative tool designed to give property management professionals a clear, data-driven view of their property operations. Previously, Leonardo247 lacked a centralized, cohesive reporting interface, making it challenging for users to efficiently access, visualize, and act on critical data. The new Reports Dashboard addresses these gaps by providing an all-in-one, user-friendly solution that surfaces key metrics and operational insights at a glance.

UI Design - Mobile

I leveraged our design system to create a consistent and modern look across the app while implementing contemporary interaction patterns to enhance engagement and usability. Collaborating with engineering, I supported the transition to a new Flutter-based front-end architecture, ensuring seamless compatibility with the existing back-end and APIs. Additionally, I optimized color schemes, incorporating a modern minimal style improved visual appeal, and focused on hierarchical design to deliver an intuitive and user-friendly experience.

Conclusion 🎉

The redesign of Leonardo 247's SaaS platform was a transformative project that significantly elevated its usability, visual appeal, and overall functionality. By leveraging a modern design system, improving interaction patterns, and collaborating closely with engineering on a new front-end architecture, the platform now delivers a seamless and intuitive experience for users. The integration of optimized color schemes, including a user-friendly UI, further enhanced the platform's accessibility and aesthetic. This redesign not only addressed current user needs but also positioned Leonardo 247 for scalability and innovation in the evolving property management landscape, reinforcing its value as a cutting-edge solution for its clients.