My Role:
UX/UI Designer
Timeline:
1 Week
Tools:
Figma
Platform:
FieldEdge Mobile (B2B SaaS)
The Problem
FieldEdge’s existing navigation made it difficult for users (technicians) to find critical functionality. Key features were buried in sub-menus, and the hierarchy did not reflect how users actually think about their daily tasks. This created confusion, reduced discoverability of important tools, and slowed down day-to-day usage.
The Solution
The redesigned navigation bar for mobile 2.0, replaces the previous side panel with a more accessible tab bar. This modern approach provides quick access to essential features like work orders, customers, pricebook, and more, enhancing user efficiency and overall app experience.
-
Introduced a clean navigation bar with prioritized categories (e.g., Work Orders, Timesheets, Settings).
-
Implemented icons + labels for quick recognition.
-
Designed a responsive navigation system that adapts for mobile, ensuring critical actions are one tap away.
-
Reduced menu depth to minimize clicks and increase discoverability of high-frequency tasks.
The new "More" tab in FieldEdge currently houses the "Pricebook" screen. As FieldEdge introduces additional features, they will be integrated into this tab.
Results & Impact
Usability test participants gave positive feedback on the clarity and speed of the new navigation.
Stakeholders reported that the navigation laid a stronger foundation for future feature expansion and made the app more scalable.