Proppit, app
Marketing platform for real estate agents, through which agents can manage their properties and reach more users with Lifull connect portals.
Scope: Continuous improvement of implementation
Duration: 1 Sprint
Tools: Figma
Role in team: Product Designer
Problem
Due to the feedback received directly from clients, we worked on including filters in the application, in order to improve the management of properties from the app.
Benchmark
A review of the implementation of the filtering functionality of both direct and indirect competitors in the sector was carried out in order to define the main points to be considered in the development of the functionality, from this analysis the following points stood out:
The importance of a higher position of the filters when they are visible.
The change of status when a filter is selected, thus informing the user of his or her selection.
The use of horizontal scrolling when all filters are displayed.
Note: an important point was the analysis of the data of the filters most used by the users, which helped in their ordering and prioritization when designing the functionality.
Wireframes
When defining the hierarchy of information, different low-fidelity designs were carried out to find the necessary order and structure.
After this, the flow and the different states that would happen when using the functionality were defined. After having the flow and the low-fidelity design revised, the definition of the design and its UI began.
Definition
The composition was carried out using the UI already defined for the brand and homologating its visuals with those present on the Desktop.
Likewise, this was discussed and worked hand in hand with the team of app developers (iOS and Android).
Zoom to inbox screen display with filters applied
Several screens highlighting the selection of a filter such as: "New enquiry".
Screen with selected date filter
Part of the flow of functionality
Highlights
1 __
The use of filters had to be standardized across the different screens present in the application, in order to maintain consistency.
2 __
Emphasizes the importance of using native components in both iOS and Android applications.
3 __
A post-production usage measurement of the components was carried out to measure usage and establish how much of an improvement it was for users when the filters were now presented in a displayed form rather than on a separate screen.
Conclusions
The importance of capturing user needs for continuous improvement plus the cross-referencing of existing data is of crucial importance when making product decisions.
On the other hand, collaboration with the Data and Development teams helps product implementations to be carried out much faster, creating a product with a greater value for users.