This proposal outlines a central monitoring system that integrates observation and alerting capabilities. It enables the customization of alert event types and triggers notifications via email, SMS, or other channels to designated response personnel. This system aims to achieve early detection and rapid resolution of hazardous events.
* This project is under a Non-Disclosure Agreement (NDA).
My Role
UI/UX design
Tool
Photoshop
Figma
Duration
2 months
The goals
Easy-to-read charts and tables
Tech-forward visual style
Clear and effective alerting
Customizable page content
Role-based authorization system
Sitemap
Based on the client's needs, I designed follows:
A centralized information page that also allows for detailed viewing of individual sources.
Real-time notification functionality to alert relevant response units.
Provision of tailored information for command center personnel.
Implementation of an RBAC (Role-Based Access Control) system to manage user permissions.
In response to these client requirements, I have created sitemaps for both the front-end and back-end to ensure that all functionalities and content are included in the development plan.
Additional enhancements include:
A contact management feature.
Considerations for command center hardware.
Wireflow
Utilizing a component library and design kit, I created wireframes efficiently. The design accommodates different screen sizes, ensuring essential information is consistently presented across all devices.
UI Design
I utilized design tools to ensure color consistency across the interface. Transparency and background blur were used to enhance the technological feel, and gradient effects were employed to represent the strength and categorization of numerical values.
Hi-fi prototype
Takeaways
Due to the large volume of information involved, effectively organizing and structuring the information was a crucial aspect of this project.
Designing for different screen sizes posed a unique challenge that required careful consideration.
The abundance of data presented necessitated the implementation of extensive filtering options within the tables, for which we conducted thorough research to ensure an intuitive and user-friendly design.
