Skip to content
Herbie

Project 01

Making Kubernetes management simpler for development teams.

The mogenius Projects overview on two laptops: a dark list of cloudspaces, each row showing its cluster, cloud provider and status.
Role

UX/UI Lead & Co‑Founder

Industry

Cloud / DevOps

Product

B2B SaaS

Scope

UX Strategy

UX/UI Design

Design System

Duration

2021–2025

Outcome

From complex infrastructure to a focused product experience.

40K

Users after 10 months

The challenge

Kubernetes gives experienced teams an enormous amount of flexibility, but that flexibility comes with a steep operational cost. Getting an application running often meant moving between clusters, manifests, command-line tools and multiple configuration layers — while understanding how every resource affected the rest of the system.

For less experienced teams, the barrier was not only knowing which command or configuration to use. It was understanding what was actually happening. Existing tools often pushed users towards one of two extremes: exposing almost all of Kubernetes and overwhelming them with technical detail, or hiding too much behind simplified abstractions and removing the visibility experienced users rely on.

Designing mogenius meant finding a middle ground. The challenge was not simply to make Kubernetes look simpler, but to reduce unnecessary complexity while preserving transparency, context and control.

How might we reduce infrastructure complexity without removing the control experienced users need?

Context

Users

  • Platform Engineers
  • DevOps Engineers
  • Developers

Complexity

  • Kubernetes
  • GitOps
  • Cloud Infrastructure

My role

  • Product Vision
  • UX/UI Design
  • Design System
  • Prototyping

Approach

01

Understand

  • Research
  • Workflows
  • User Needs

02

Structure

  • Information Architecture
  • User Flows
  • Product Concepts

03

Design

  • Wireframes
  • High-Fidelity UI
  • Design System

04

Validate

  • Interactive Prototypes
  • Feedback
  • Iteration

05

Deliver

  • Developer Handoff
  • Design QA
  • Release Support

Key design decisions

Progressive disclosure instead of overwhelming users

Problem

The product exposes a large amount of technical complexity.

Decision

Structure information around tasks and user intent.

Result

Users can start with simple workflows while advanced functionality remains accessible.

Everything at once

Structured around the task

Simplify the workflow, not the control

Problem

A simplified interface made Kubernetes more approachable, but experienced users often questioned what was happening behind the abstraction.

Decision

Instead of choosing between a simplified UI and raw YAML, we supported both and let users move between guided workflows and direct configuration.

Result

Users could choose the level of abstraction they trusted, while experts retained the transparency and control they needed.

One level of control

Both, and the way between

Prioritise information, reveal the relationships

Problem

Kubernetes exposes large amounts of resource and status data, making it difficult to understand what matters, how components relate to each other and where attention is needed.

Decision

We designed the product around information priority and system transparency, surfacing relevant signals, relationships and context instead of presenting users with isolated resource data.

Result

Users could understand the state of their infrastructure more quickly, see how different parts of the system connected and focus their attention on what required action.

Isolated resources

Related, and ranked

Product experience

The mogenius workspace dashboard: CPU, RAM and traffic tiles above an AI insights report and counts for pods, deployments, Helm charts and namespaces.
Workspace dashboard
A cluster's workloads in mogenius: a filterable table of pods with namespace, status, restart count, controlling resource, node and age.
Workload manager
A deployment's metrics in mogenius, with CPU and RAM plotted over 24 hours and actions to stop, restart, rebuild or open a shell.
Deployment metrics
Network policy management in mogenius: ingress and egress rules per deployment, with unmanaged policies flagged separately.
Network policies

Design system

Designing consistency at scale.

Foundations

  • Typography
  • Color
  • Spacing
  • Grid

Components

  • Inputs
  • Tables
  • Navigation
  • Feedback

Patterns

  • Dashboards
  • Data Views
  • Workflows
  • Empty States
The mogenius token documentation: primitive colour ramps for the primary, surface and accent scales, each step labelled with its number and hex value, above the semantic tokens for success, warning, danger, info and help states. A contents rail lists the layers from tokens through SCSS utilities and components to governance.

Results

40K

Users

10 months

To product adoption

1

Scalable design system

Reflection

Looking back, one of our biggest lessons was that simplifying a complex product is not the same as removing complexity.

Early on, we tried to abstract too much of Kubernetes away. Over time, we learned that experienced users do not necessarily want less complexity — they want control, context and the ability to access complexity when it matters. The challenge was not to hide Kubernetes, but to decide which complexity should be removed, which should be translated and which should remain visible.

If I approached the product again today, I would spend even more time validating those boundaries early. Designing for both accessibility and expert control requires a much more nuanced understanding of user intent than simply making the interface look simpler.