Telecare monitoring and surveillance
A dashboard that completes the platform, letting subscribers and surveillance institutions manage telecare devices, configure accessories and monitor emergency notifications in real time.
The starting point
When surveillance institutions and the designated users have to monitor the safety of the elderly, fragile people or remote sites, visual and logical promptness is everything. Our technology partner had a solid, highly reliable backend infrastructure and perfectly managed the hardware nodes and the physical alarm sensors. The bottleneck, however, lay at the application and usability level: it was necessary to translate complex, raw data streams into a dashboard instantly usable by the operators in the control room.
The problem we found
The risk of excessive complexity. Our task was to take charge of the entire backbone of the user interface: from the initial design in Figma to outline the information architecture, to writing the final frontend code, structured to hook into the partner's backend dynamically and without friction.
Technologies used
Mockup creation and UIX ideation
Translate the needs of a surveillance control room into rational wireframes, working with the client to validate the visual clarity of every single screen before touching code.
Modular frontend development
Write the client-side React logic to hook stably into the partner's external APIs, keeping the displayed data consistent under continuous updates.
Full cross-device accessibility
Shape a visual experience that wouldn't smear into complexity, going from the monitors in the control station to the smaller screens of tablets and smartphones.
Hardware pairing and onboarding
Establish a handshake for pairing IoT devices via BT to simplify their configuration.
Focus on features and solutions
Operational design
We designed and developed the user interface so that translating the metrics sent by the server would be immediate. Connection status and power supply are visually condensed. Users and operators receive the disconnected string transformed into a clearly highlighted graphical priority, without reloading the browser page.
Device and accessory extension
The telecare infrastructure demanded maximum modularity. We designed the system, from the ground up, to be mobile-first but without giving up the quality and density of information even on larger screens.
Device monitoring
Each device card shows the main data, providing at a glance all the information needed to identify faults, alert problems or situations requiring intervention. The persistent notifications, together with the temporary feedback messages, immediately warn of any change in progress.
Do you have a similar project?
The intrinsic value of features and data loses its value if not energized by suitable interfaces. Redesigning wireframes and engineering user flows requires deeply understanding user behavior and which data will really be useful.
