An All-in-One property management solution catering to 3 different user types: property managers, property owners, and tenants.
The project is quite complex in nature. This is my biggest project to date and I am quite proud to be the founding designer and part of a great team.
There will be 20+ screens all organized in a way to make them user-friendly, functional, accessible, and enjoyable to use.
Property managers are wasting their valuable time trying to do tasks that can be accomplished automatically and with ease.
Solutions found in the market may have solved some issues and increased efficiency, however, doing that cluttered the user experience and interface with not well-thought-out content structure and user journeys, which in turn, paved the way for us to provide a more holistic and thorough solution.
We need to find a way to connect different stakeholders under one platform, where they can perform all functions related to managing a property.
I am tackling the design process using the Design Thinking methodology. I also analyzed competitors' apps to identify industry best practices. Key findings included a strong desire for a more intuitive navigation system and content architecture.
I showcase my visuals with interactivity in mind, allowing different stakeholders such as developers and managers to get an idea of how things work, and for them to visualize the approach and the journey before coding starts. Afterward, I work closely with the dev team to ensure everything is going smoothly and if there are any doubts that need to be solved.
I also keep an eye on the latest trends in design and try to apply new features that Figma and the design community introduce to facilitate work and delivery.
Dashboard Design
Highlighting main points and KPIs the user needs on the main home screen. The dashboard will be interactive, with multiple frames reacting to what filters the user chooses. This was one of the most challenging tasks, as I was trying to figure out what kind of content the user truly needed and organize them in one page to minimize scrolling while still allowing the content to breathe and be easily navigatable.
Wireframing and Prototyping
Low-fidelity Wireframes were created for all screens to get a feel of the layout before generating high-fidelity ones and later prototyping them. Different iterations were requested to get an idea of how things look and function in different ways and then we decided on the approach that fits the brand, customer journey, and usability better.
User Testing
User testing was conducted upon completion of a user journey of a certain feature. Testing was performed with target customers and the results were analyzed and taken into consideration for the next iterations.
White Space
Spacing or having the content breathe a little is of high importance to me as a designer. It all comes down to how I can satisfy clients by showing all the content they want to see on a page and how to make the content not cluttered or noisy. This was one of the challenges and I was able to overcome it by prioritizing the content we truly needed.
There are things that we can't bypass, such as the importance of white space, as it is crucial for the overall feeling and usability of the platform.
Colors
Staying true to the brand's main colors throughout the platform while leveraging the look and feel they have.
Typography
The combination I went with emphasized clarity, readability, modernity, and trust.
Icons and Graphics
I visualized different data sets and sections with graphs, pie charts, and progress bars among others, making way for a more engaging and fun experience to browse through content. I also used a simplistic icon design system from the design community.
Main Buttons (Menu A)
Initial State
Hover State
Select State
Label
Label
Label
Initial State 2
Hover State 2
Select State 2
Label
Label
Label
Inactive State
Label
Active State
Label
Button Colors - Fill
Title
Raleway
Body
Nunito Sans
To Improve the user experience, I designed the platform in a way to allow for multiple interactions without interfering with the flow or the journey. Popups appear in different ways to maximize content space and allow the user to recollect where that action was performed and align next steps. Simplified and elevated processes include:
Intuitive Clicking gestures and reactions
Expandable rows/sections to reveal more details.
The Tenant Portal
As part of a complete solution, there will be a dedicated Tenant Portal. The portal will help tenants:
Manage Their Rent/Lease
Request Maintenance
Chat with Property Managers
And Much More..
Simplicity and Neumorphism
We wanted to make the Tenant journey through our application as simple and straightforward as possible while providing a new and unique design style, making it more appealing and user-friendly.
Neumorphism certainly gives you a different feeling when you look at it. The way to achieve this style is a play with colors and shadows to make the UI look like they're coming out or sinking into the background.
Some things we needed to consider before applying this style:
How would our CTAs behave in such a design style?
There will be limited color options to be able to utilize this style in an effective way
We opted for a color system that is closely related to the Proppex brand. I utilized different gradient systems to take advantage of Neumorphism. The CTAs will have state changes specific to this style, to make them more intuitive, clear, and accessible.
User Testing
User testing was conducted upon completion of a user journey of a certain feature. Testing was performed with target customers and the results were analyzed and taken into consideration for the next iterations.
Result and Impact
Positive user feedback and reactions were shown, praising the improved experience and interface design compared to the platforms they were using in the past.
Conclusion
Taking on this project, which was and still is of a complex nature, considering the different journeys and flows we needed, to make the platform function the way we wanted it to be is something I am truly proud of.
Designing a platform and making it stand out among the competition was not an easy task, yet determination, teamwork, and insights from different stakeholders pushed me and the team and pointed us to the right path in creating a memorable solution.
Since 2022
Madrid, Spain