← Back to use cases

Observability

UX and UI for Selector’s monitoring data visualization portal

Who the client is

Selector Software is a software company with an AIOps platform for operational intelligence. Its analytics solution gives companies managing network and application infrastructures instant, actionable insights. It helps improve network performance and minimize costly downtime by reducing the time it takes to identify, detect, and resolve network issues.

The challenge

Selector’s platform monitors digital infrastructure in real time using AI, and the data it collects had to reach users through a portal UI that was both visually captivating and user-friendly. The data visualization had to provide valuable insights and actionable information, so CodiLime’s team ran comprehensive research and analyzed industry benchmarks before proposing solutions.

What we did

  • Gathered a team of frontend engineers and UX designers experienced in information-heavy network monitoring environments.
  • Analyzed industry benchmarks through comprehensive research, as the basis for proposing solutions for the data visualization.
  • Built a clickable UX prototype that let users engage with the design, so the user experience could be refined iteratively.
  • Delivered proper data visibility, so users can make informed decisions.
  • Designed and implemented the final solution, integrating the functionality with the visual design.
  • Worked in an iterative and agile approach, for a solution meeting high quality and flexibility standards.
  • Cooperated in short iteration loops, actively seeking end users’ feedback and incorporating their insights and preferences.

How we built it

CodiLime gathered a team of frontend engineers and UX designers with experience in working with information-heavy network monitoring environments. The engagement covered frontend services and UX design.

  1. Research Through comprehensive research, the team analyzed industry benchmarks and worked toward selecting and proposing optimal solutions, so that the data visualization would provide valuable insights and actionable information to users.
  2. Prototype A clickable UX prototype allowed users to engage with the design, which let the team refine and enhance the user experience iteratively.
  3. Build The team delivered proper data visibility, so users can make informed decisions, and designed and implemented the final solution, integrating the functionality with the visual elements.
  4. Iterate The approach was iterative and agile. The team cooperated in short iteration loops, actively seeking end users’ feedback and incorporating their insights and preferences to align the solution with their needs.

In the client’s words

With its expertise in both network engineering and software development, CodiLime helped us build and release a platform for operational intelligence of digital infrastructure. CodiLime UX designers and software engineers did a fantastic job ensuring our product offered a first-rate user experience. Smooth communications, out-of-the-box thinking and reliability are all factors that also made our cooperation great.

Rudra Rugge, VP of Engineering, Selector Software

Outcomes

  • Business

    Lower cost, better UX

    the UX design phase and the prototype helped reduce costs and ensure an optimal user experience in the final design

  • Made possible

    Problems easier to spot

    effective monitoring data visualization that makes it easier for data center operators to detect potential problems

  • Technical

    Rich views, a fast portal

    data visualization delivered while keeping the portal’s UI performance

Get the report: Selector Software: UX and UI of a monitoring portal (case study PDF)

By submitting this form you agree that CodiLime may contact you about your request and process your data for that purpose, as described in our Privacy Policy.

DownloadPDF · 3.3 MB

Tech & stack

Frontend

  • React
  • Ant Design
  • D3.js
  • TypeScript
  • Highcharts
  • MobX
  • Figma
  • NestJS
  • MongoDB

Ready to modernize?

Tell us where your data center is today, and we’ll take it from there — all the way to AI-ready.