Service Function Chaining for Cloud-native Network Functions
Close
Header Background Image
Header Background Image

Case study

Creating UX & UI of a portal for monitoring data visualization

Monitoring & alerting
Monitoring data visualization
UX
Full stack development
UX & UI services

Business background

Clients icon

Client type

A startup offering a platform for operational intelligence of digital infrastructure
Goals Icon

Business goal

Design and implement a Portal UI for visualization of monitoring data collected by an AI-based real-time digital infrastructure monitoring platform

Our approach

  • Provide a team of frontend engineers & UX designers experienced in working with information-heavy network monitoring environments
  • Research benchmarks and propose solutions
  • Create a clickable UX prototype
  • Ensure proper data visibility
  • Design and implement the ultimate solution 
  • Apply an iterative and agile approach to software development
  • Work in very short iteration loops with feedback from end-users
Requirements

Business benefits

Requirements
  • Created a UX prototype: UX design phase helped reduce costs and ensure user experience in the product’s final design.
  • Improved user experience: effective monitoring data visualization made it easier for data center operators to detect potential problems.
  • Ensured performance: effective monitoring data visualization did not hamper the Portal’s UI performance.

Technical highlights

  • Developed Portal UI (frontend) and user management (front- and backend).
  • Created high-fidelity mockups and prototypes to test solutions prior to development.
  • mobX used instead of the usual Redux in order to minimize boilerplate code, and reduce rerendering while allowing individual components to govern their own connection with API.
  • Simplified integration flows with 3rd parties and other system modules/agents.
  • Visual component design allowed for quick customizations for each of our customer’s individual clients.
Requirements

Technology stack

[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]

Need support with your specific case?