Cross-platform features
Cross-platform features
Fonoa’s cross-platform features are built to enhance productivity, usability, and security for enterprise clients.
In collaboration with the talented designers Nemanja and Laura, we optimised and refined each feature through competitive analysis, usability testing, and cross-functional feedback, balancing technical feasibility with user needs.
Having a robust and modular Design System allows us to quickly build the cross-platform features whilst maintaining a cohesive user experience.
Notable Features
Notable Features
Notable Features
Navigation: Sidebar, Top bar
Navigation: Sidebar, Top bar
Navigation: Sidebar, Top bar
Design Approach:
Provide an effective way-finding system, to be universal signposts consistent across products.
Design Approach:
Provide an effective way-finding system, to be universal signposts consistent across products.
Design Approach:
Provide an effective way-finding system, to be universal signposts consistent across products.
Iterations
The Sidebar was made collapsible to maximise screen real estate, accommodating data-heavy workflows.
The Top Bar was revamped to include both main and auxiliary tasks, centralising key actions and further freeing up page space.
Iterations
The Sidebar was made collapsible to maximise screen real estate, accommodating data-heavy workflows.
The Top Bar was revamped to include both main and auxiliary tasks, centralising key actions and further freeing up page space.
Iterations
The Sidebar was made collapsible to maximise screen real estate, accommodating data-heavy workflows.
The Top Bar was revamped to include both main and auxiliary tasks, centralising key actions and further freeing up page space.
Impacts
Screen real estate increased by 25%, reducing user fatigue caused by excessive scrolling and clicking to access information in data-heavy workflows.
Impacts
Screen real estate increased by 25%, reducing user fatigue caused by excessive scrolling and clicking to access information in data-heavy workflows.
Impacts
Screen real estate increased by 25%, reducing user fatigue caused by excessive scrolling and clicking to access information in data-heavy workflows.
Information Display: Data Table
Information Display: Data Table
Information Display: Data Table
Design Approach:
Cater to different user workflows, reduce cognitive load, and allow users to maintain focus on critical data points
Provide context whilst maximising data points in view: String truncation with tooltips, sticky column and row headers ensure the users always have the context of information in view, whilst optimising the page real-estate for maximum information display.
Design Approach:
Cater to different user workflows, reduce cognitive load, and allow users to maintain focus on critical data points
Provide context whilst maximising data points in view: String truncation with tooltips, sticky column and row headers ensure the users always have the context of information in view, whilst optimising the page real-estate for maximum information display.
Design Approach:
Cater to different user workflows, reduce cognitive load, and allow users to maintain focus on critical data points
Provide context whilst maximising data points in view: String truncation with tooltips, sticky column and row headers ensure the users always have the context of information in view, whilst optimising the page real-estate for maximum information display.
Iterations
Enabling customisations to improve workflow efficiency: allowing users to select, reorder, and hide columns helps prioritise relevant data for each user’s mental model and workflow whilst minimising information overload.
Iterations
Enabling customisations to improve workflow efficiency: allowing users to select, reorder, and hide columns helps prioritise relevant data for each user’s mental model and workflow whilst minimising information overload.
Iterations
Enabling customisations to improve workflow efficiency: allowing users to select, reorder, and hide columns helps prioritise relevant data for each user’s mental model and workflow whilst minimising information overload.
Impacts
Task Completion Time improved by 15% in conjunction with Advanced Query.
Impacts
Task Completion Time improved by 15% in conjunction with Advanced Query.
Impacts
Task Completion Time improved by 15% in conjunction with Advanced Query.
Data Query: Filters
Data Query: Filters
Data Query: Filters
Design Approach:
Filters were initially designed to quickly narrow down datasets, simplifying data-heavy workflows.
Design Approach:
Filters were initially designed to quickly narrow down datasets, simplifying data-heavy workflows.
Design Approach:
Filters were initially designed to quickly narrow down datasets, simplifying data-heavy workflows.
Iterations
To facilitate a more granular, precise query, we introduced advanced filtering capabilities such as include/exclude (and/or) options and boolean logic (true/false).
Iterations
To facilitate a more granular, precise query, we introduced advanced filtering capabilities such as include/exclude (and/or) options and boolean logic (true/false).
Iterations
To facilitate a more granular, precise query, we introduced advanced filtering capabilities such as include/exclude (and/or) options and boolean logic (true/false).
Impacts
Task Completion Time improved by 15% in conjunction with Customisable Data Table.
Impacts
Task Completion Time improved by 15% in conjunction with Customisable Data Table.
Impacts
Task Completion Time improved by 15% in conjunction with Customisable Data Table.
Manual Data Ingestion
Initially a manual ingestion tool, the CSV Upload feature gained importance after Sales feedback highlighted its demo value. We enhanced it with real-time Data Mapping and Enrichment previews to better showcase Fonoa’s capabilities.
Manual Data Ingestion
Initially a manual ingestion tool, the CSV Upload feature gained importance after Sales feedback highlighted its demo value. We enhanced it with real-time Data Mapping and Enrichment previews to better showcase Fonoa’s capabilities.
Manual Data Ingestion
Initially a manual ingestion tool, the CSV Upload feature gained importance after Sales feedback highlighted its demo value. We enhanced it with real-time Data Mapping and Enrichment previews to better showcase Fonoa’s capabilities.
Impact on User Workflow:
The improved CSV Upload feature provides clients with clearer insights into Fonoa’s capabilities, reducing errors by identifying issues early in the ingestion process.
Impact on User Workflow:
The improved CSV Upload feature provides clients with clearer insights into Fonoa’s capabilities, reducing errors by identifying issues early in the ingestion process.
Impact on User Workflow:
The improved CSV Upload feature provides clients with clearer insights into Fonoa’s capabilities, reducing errors by identifying issues early in the ingestion process.
Strategic Impacts
Simplifying complex technical concepts such as API for Tax Managers, enhancing product appeal and unlocks new commercial opportunities.
Strategic Impacts
Simplifying complex technical concepts such as API for Tax Managers, enhancing product appeal and unlocks new commercial opportunities.
Strategic Impacts
Simplifying complex technical concepts such as API for Tax Managers, enhancing product appeal and unlocks new commercial opportunities.