DataZAP é a plataforma de inteligência imobiliária (SaaS) do ZAP Imóveis, que auxilia construtoras, incorporadoras e instituições financeiras na tomada de decisões estratégicas, como onde e quando construir, investir, financiar e negociar imóveis.
INDUSTRY
Technology
ROLE
Product Design Intern
Context
After the migration to a new platform, users accustomed to the previous version faced difficulties adapting. The navigation structure was unclear, especially in the sidebar, which compromised the experience and hindered the use of the system's basic functionalities.
Problems
During the discovery, based on usability tests and behavior analysis, several points of friction were identified:
Closed Sidebar:
Icons without context, making it difficult to understand the function of each button.
Automatic sidebar expansion when clicked, causing loss of usable screen area.
Clustered buttons, increasing the risk of incorrect clicks.
Open Sidebar:
Inadequate proportion on smaller screens, hindering navigation.
Same crowding issues and confusion among buttons.
Rigid model, which did not allow for the addition of new features.
The navigation of the platform was confusing, not scalable and misaligned with the actual use of the customers.
Approach
I conducted the discovery focused on navigation, mapping specific frustrations in both modes of the sidebar.
I performed user testing and gathered real feedback from the operation.
I worked on modular and scalable solutions, prioritizing clarity and efficiency.
I collaborated with PMs and developers to ensure feasibility and consistency in delivery.
Applied Solutions
“More” Button
Objectives:
Reduce visual pollution of the sidebar.
Optimize the use of space on smaller screens.
Allow for future expansion of the menu without compromising the experience.
Results:
Reduction in the number of buttons displayed initially.
Release of visual space and better use of the screen.
Structure prepared to receive new functionalities in an organized manner.
Organization by Categories – Collapsed Sidebar
Objectives:
Facilitate navigation even with the sidebar retracted.
Reduce frustration caused by the lack of context in the icons.
Results:
Inclusion of labels and contextual menus in the icons.
Better understanding of categories without needing to expand the interface.
Fewer unnecessary clicks and smoother navigation.
Organization by Categories – Open Sidebar
Objectives:
Adjust the layout to the actual resolutions used by clients.
Improve the visual hierarchy of actions.
Prevent navigation errors, such as accidental clicks.
Results:
Optimized spacing between elements.
Reordering of categories based on usage data.
Isolated “Logout” button to prevent accidental session termination.
Concrete Results
Clearer, responsive, and organized interface for different screen sizes.
Reduction of navigation errors and confusion reported by users.
Preparation of the interface for platform growth without compromising the experience.
Learnings
This project showed how seemingly small details, such as the spacing between buttons or the absence of labels, have a direct impact on user navigation. Observing how the user interacted with the platform made all the difference.
Smooth Scroll
This will hide itself!
This will hide itself!
Smooth Scroll
This will hide itself!
This will hide itself!