vCenter-class Multi-Cluster Management UI

Datacenter Virtualization Console

vSphere-class management UI for an enterprise virtualization platform — familiar layout, fresh visual identity.

2024Shipped
8engineers
8Screens
ClientSector: Enterprise virtualization vendors · NDA
Datacenter Virtualization Console
Overview

Web management console for an enterprise virtualization platform — the vCenter / vSphere counterpart to our hypervisor console work for the same customer. Multi-cluster topology, host inventory, VM lifecycle, storage and network policy across multiple sites. Design owned by our design team lead Anri Marutyan and built by the full BFG frontend team in Vue 3 / Nuxt 3 / TypeScript, integrated to the customer's platform backend over REST and WebSockets. Keeps the operational mental model of vSphere administrators intact, with a distinct visual system and modern interaction patterns. In production since late 2024.

What ships with it
  • Design by team lead Anri Marutyan — vSphere-familiar layout, distinct visual identity
  • Built in Vue 3 / Nuxt 3 / TypeScript by the full BFG frontend team
  • Multi-cluster, multi-site host and VM management surface
  • Integration with the customer platform backend over REST and WebSockets
  • In production at the customer since late 2024
Screens
Datacenter Virtualization Console screenshot 1
01/08

Click any screenshot to open full-size view

Numbers that matter
Since late 2024In production
vCenter-classReference UX
Multi-cluster · multi-siteTopology
Vue 3 + Nuxt 3Frontend stack
Stack
Nuxt 3Vue 3TypeScriptTailwind CSSPiniaRESTWebSocketsVitest
Want one of these for your team?

Let's scope it together.

Start a conversation →