How we designed and developed a Property SaaS tool on Bubble.io

How we designed and developed a Property SaaS tool on Bubble.io

THE PROBLEM

An owner of several properties in shared apartment blocks, our client struggled to manage and collaborate with leaseholders.

An owner of several properties in shared apartment blocks, our client struggled to manage and collaborate with leaseholders.

THE SOLUTION

With our team of product managers, Figma designers, and Bubble developers, we scoped, designed and developed a leaseholder SaaS tool. Now the client successfully onboards leaseholders in his apartment blocks, saving hours of manual work and collaborates on making communal decisions faster and better than before.

With our team of product managers, Figma designers, and Bubble developers, we scoped, designed and developed a leaseholder SaaS tool. Now the client successfully onboards leaseholders in his apartment blocks, saving hours of manual work and collaborates on making communal decisions faster and better than before.

Property Saas Build on Bubble
Property Saas Build on Bubble

Creating User Flows, User Stories & User Journeys In Product Strategy Workshops

We kicked off with collaborative discovery sessions, defining the core objectives and requirements of the tool. These sessions laid the foundation of the app, by defining the value proposition of the SaaS tool. We meticulously crafted user stories, having understood all the different personas of the tool. These stories consequently served as the building blocks for creating user journeys, which mapped out the sequence of actions the users would undertake in different scenarios, thereby providing a comprehensive view of the user experience. This was all done virtually with Miro.

Through low fidelity wireframes and mockups, we created the entire flow of the app. The focus was on ensuring that the flows were intuitive and accessible, catering to both novice and experienced users.


Once the user flows and stories were created, we structured the database. By defining tables, relationships, and indices, and harnessing Bubble’s potent database management capabilities, we ensured our database was scalable and performance-optimized.


Our aim at Goodspeed is to feel like an extension of the team. Having created other SaaS tools and our experience with Bubble, we were proactive with new features and advised with features are essential for version one and which can be created at a later date.


Property Saas
Property Saas

"They understood the problem I was trying to solve with my app and even went away to think about other potential workflows and features."

"They understood the problem I was trying to solve with my app and even went away to think about other potential workflows and features."

Designing
Beautiful, Simple & Intuitive UI/UX on Figma

Designing
Beautiful, Simple & Intuitive UI/UX on Figma

Following our low fidelity wireframes, we moved to Figma. This involved planning to ensure that the user interface (UI) was not only aesthetically pleasing but also functional and intuitive. The layouts, color schemes, and elements were carefully selected to ensure a coherent visual language throughout the application.


With regular updates and Looms, we implemented feedback on an ongoing basis. With regular feedback from the partner, we made iterative improvements to the designs in Figma, refining elements such as navigation, readability, and interaction flows.


Before finalising the designs, we conducted a thorough review to ensure that the UI aligned with the user experience (UX) principles and met the objectives set out at the beginning of the project. The focus was on ensuring that the software would not only be efficient in helping property management professionals but also provide a delightful experience that would encourage continued use and adoption. Once we were satisfied that the design met these criteria, the final designs were handed over to our team of Bubble developers to implement.


Developing FIgma Design
Developing FIgma Design

Developing Figma Designs In Bubble & Structuring The Database

Developing Figma Designs In Bubble & Structuring The Database

Developing Figma Designs In Bubble & Structuring The Database

Structuring Data Base for  Saas
Structuring Data Base for  Saas

Our first priority in crafting an advanced property SaaS tool was to create a solid foundation with a well-structured database. This database would serve as the backbone, storing and managing all the information the tool would handle. We crafted the database as per the defined structure, ensuring that it was scalable, efficient, and secure. By doing so, we laid the essential groundwork that would support the complex functionalities and features of our tool.

Once the database structure was in place, our focus shifted to converting the Figma designs to Bubble. We know for our tool to be truly effective, it needed to not only function seamlessly but also provide an exceptional user experience. Our team of expert Bubble developers carefully implemented the designs as per the Figma designs. Our Figma designs ensured the designs on Bubble were exactly as in Figma, making sure it was designed pixel perfect.

We integrated a sign-up and log-in system, including Google integration for convenience, and verified new accounts for security. Additionally, we designed a tailored onboarding flow for different user roles and included a guided process to ensure users could easily familiarise themselves with the tool’s features and functionalities.


Developing a Comprehensive, Scalable & Easy To Understand Dashboard

Developing a Comprehensive, Scalable & Easy To Understand Dashboard

A central part of the SaaS tool for all users is the dashboard. We developed a range of features including company registration, overviews of important dates, documents, discussions, and polls. The dashboard houses a calendar where users can add and keep track of important dates, and a document management system that allows for uploads and tagging. Additionally, we included a key contacts overview which empowers users to view, add, edit, and delete important contacts.

Understanding that collaboration and communication are crucial in property management, we developed a discussion feature. Alongside message functionality, this is a feature that encourages interactions between neighbours. Another way to improve engagement was polls and user profiles so property owners could easily ask tenants questions.

To support early adopters, we developed a super admin dashboard for the Freeholder team. This allows for a bird's-eye view of all the entire business, including statistical data such as Monthly Recurring Revenue (MRR). The super admin can view members within a company, upload CSV files to invite leaseholders, and view and edit company information including documents and important dates. This elevated level of control and monitoring ensures that the tool remains efficient and that user communities are effectively managed.




Saas Management Tool
Saas Management Tool

THE RESULT

An Easy To Use Property Management SaaS Tool

An Easy To Use Property Management SaaS Tool

An Easy To Use Property Management SaaS Tool

We took this project from idea to launch.


We helped the team discuss the features that are essential today for version one, and features that can be implemented at a later date. We designed and defined the entire brand look and feel. We developed the SaaS tool on Bubble in a way that's secure, scalable and safe.


This was brought to life with our team of expert Bubble developers, Figma designers and product managers.

We took this project from idea to launch.


We helped the team discuss the features that are essential today for version one, and features that can be implemented at a later date. We designed and defined the entire brand look and feel. We developed the SaaS tool on Bubble in a way that's secure, scalable and safe.


This was brought to life with our team of expert Bubble developers, Figma designers and product managers.


"Felt like they were part of my team (or me theirs?) which was really encouraging."


"Felt like they were part of my team (or me theirs?) which was really encouraging."


"Felt like they were part of my team (or me theirs?) which was really encouraging."

Get in touch

We’ll get to learn about your customers, their inspiration and vision. This process will heavily involve you as the client to help us understand the problem and we'll provide you a no-code solution.

Book A Meeting

OR

Share Your Idea

Get in touch

We’ll get to learn about your customers, their inspiration and vision. This process will heavily involve you as the client to help us understand the problem and we'll provide you a no-code solution.

Book A Meeting

OR

Share Your Idea

Get in touch

We’ll get to learn about your customers, their inspiration and vision. This process will heavily involve you as the client to help us understand the problem and we'll provide you a no-code solution.

Book A Meeting

OR

Share Your Idea