Overview
SysGuará is a Brazilian SaaS platform designed to help rural landowners, agronomists, and security teams monitor and respond to wildfire threats in real time. The product combines GPS-mapped field points, PTZ camera feeds, and configurable alarm systems into a single web-based dashboard.
This case study covers the UI redesign of the platform's core modules: the interactive map view, the camera monitoring system, and the supporting design system that ties the product together.
This case study covers the UI redesign of the platform's core modules: the interactive map view, the camera monitoring system, and the supporting design system that ties the product together.
What needs are we looking to solve?
The platform had a functional but visually inconsistent interface that lacked a coherent design language. Components were not systematized, making the product difficult to scale and maintain. The goal of this redesign was to establish a cohesive visual identity, improve information hierarchy across key workflows, and create a design system that the development team could confidently build upon.
User Flows & Information Architecture
The application follows a straightforward navigational structure, moving from authentication into a central dashboard with seven key modules: Map, Off-Grid Equipment, Cameras, Occurrences, Reports, Settings, and Users.
Authentication flow
The entry point begins with a pre-load screen that transitions into the Login page. From there, users can branch to account creation or password recovery before reaching the main dashboard. The flow is intentionally linear and low-friction, as operators may need to access the platform quickly under time-sensitive conditions.
The entry point begins with a pre-load screen that transitions into the Login page. From there, users can branch to account creation or password recovery before reaching the main dashboard. The flow is intentionally linear and low-friction, as operators may need to access the platform quickly under time-sensitive conditions.
Map module
The map is the operational core of the product. Users interact with a full-screen geographic view layered with configurable point markers, spanning 20 asset types including animal sightings, fire detection sensors, watchtowers, vehicles, and crew positions. Overlaid panels allow operators to manage alarm zones, toggle audio and siren alerts, and switch between different map styles (Map A, B, and C). A collapsible toolbar on the right edge provides drawing and annotation tools for adding contextual information directly to the map. The alarm strip at the bottom of the map panel gives quick access to numbered alarm points, each with an independent toggle.
Cameras module
The camera view presents live PTZ feeds from multiple watchtowers in a responsive grid layout. Users can switch between list and grid visualization modes, select individual camera feeds from the sidebar, and control camera direction and zoom through an on-screen PTZ joystick interface. A title slider and additional function controls give operators fine-grained control over each feed without leaving the view.
Visual Identity
The design system was built around two core brand values: environmental awareness and operational reliability. These informed every decision from color selection to component behavior.
