SaaS
System

2024

NDA
From 2022 to 2024 I worked as a product designer on property and booking management system.
Unfortunately, I cannot delve into the details or showcase this project due to the Non-Disclosure Agreement (NDA) in place. However, I can provide a broad overview of my work on the project, outlining what was accomplished and the underlying purposes.

What were done in the last year

  • The entire platform design was completely redesigned.

  • Created UI kit with all elements.

  • Created Dashboard.

  • Revised and improved functionality of tables.

  • Designed interface for creating properties.

  • Numerous quality interviews were conducted with managers to gather data on platform usage.

  • The speed of daily tasks for managers increased through UX optimization.

  • Some parts of the product were optimized and refined to meet the integration requests of partner organizations.

redesign and UI Kit

The new design system was developed entirely from scratch, tailored to our needs and the overall company style.

The decision to create it was primarily driven by the fact that, until then, we lacked a coherent design system. From the startup's inception, design work involved copying existing elements from other pages.

Subsequently, a separate Figma file was created with a set of all elements, styles, and typography. However, this was still insufficient for convenient collaboration between designers and developers.

Dashboard

Statistics and data control panel for different periods of time.

Before I started designing the dashboard, we already had some of the functionality on the template, so I just needed to adapt it to the existing design.

But after a global design update, we continued to improve the dashboard and added various parameters there for collecting and displaying platform statistics.

New tables

Inline Editing:

For some situations, manager needs to quickly make small changes to the data, but to do this he have to go to the edit page. Instead, it is much more convenient to edit data directly in the table.

Quick Actions:

Adding buttons or icons for common actions like ‘Edit’ or ‘Delete’ for each row will streamline user interactions.

Hover and Selection Effects:

It’s important to provide visual feedback when users hover over or select rows. This enhances the user experience. Row hover and column hover.

Tooltips:

It's not always possible to fit the entire meaning of a column in the table header. In such cases, tooltips with column descriptions have been added for greater clarity.

Interactive Charts or progress bars:

If relevant, adding interactive charts within the table can provide users with visual insights.

Resizable Columns:

Allowing users to resize columns give them flexibility to adapt the view to their needs.

Fix the Table headers:

A fixed table header eliminates situations when the user forgets the meaning of a particular column.

Hide additional non-important information:

Some information in the table is not always needed for attention, so it was decided to hide it and show it only on mouse hover. This makes the table cleaner and makes it easier to find the more important information you need.

Managing columns:

We make it possible to disable columns that are not currently needed or change their places to customize the data output to suit your needs.

Full address:

Some information (for example, an address) can be very long and take up a lot of space in the table, so it was decided to hide part of the text and show it when clicked. The ability to quickly copy was also added.

Interviews

Over the past year, we have conducted a huge number of qualitative interviews with our managers who work with the platform.

The interviews were both for testing new features and for analyzing the existing functionality of the platform for possible improvements.

The example in the picture shows the number of interviews we conducted to analyze one part of the platform.

UI of creating new property

Last year, we needed an interface to allow external users to create Properties. Given that our internal interface is quite complex with unnecessary functionalities for external users, we opted to create a dedicated interface tailored to their needs.

We considered 2 types of users: companies with a large number of apartments and property owners.

For the former, we needed an interface that they would interact with quite frequently. Therefore, the emphasis here was more on the speed of working with the interface.

For the latter, on the contrary, we needed an interface that they would encounter for the first time and could easily navigate.

Based on these factors, it was decided to break down the process of creating apartments into steps, limiting it to only 4.

Random screens