Bang Design

Mambo EMM

A system-level redesign that transformed complex enterprise policy configuration into a clear, scalable, decision-ready experience.

Project Type

UX & UI Redesign • Enterprise SaaS

Stage

Scale-Ready Product Refinement

The vision

Enterprise mobility management platforms must enable administrators to configure complex policies with confidence, even as scale and system flexibility increase.

Nexa’s original Mambo EMM was functionally capable. Policy definition supported multiple policy components, granular controls, and enterprise-grade flexibility. However, the interface surfaced this complexity all at once, making configuration mentally demanding and visually overwhelming.

The goal of the redesign was to transform policy configuration into a clear, structured, and decision-ready experience, without reducing the power or depth of the system.

The challenge

The most significant usability issues in Mambo EMM emerged within the policy configuration experience.

Each policy could contain multiple policy components, each with its own parameters, states, and constraints. In the original design, these components were presented simultaneously, with minimal visual hierarchy and little differentiation between primary controls and secondary configuration.

As a result:

  • Administrators were forced to interpret dense screens before acting
  • Important configuration choices competed visually with low-priority settings
  • Visual clutter increased cognitive load and fatigue
  • The interface did not scale gracefully as policies grew in complexity

In enterprise environments, configuration errors carry real operational risk. The interface needed to communicate structure, priority, and intent instantly.

OUR APPROACH

Structuring the Problem

We began with a focused audit of the policy configuration surface, examining how policy components were grouped, presented, and interacted with.

Rather than redesigning individual components in isolation, we evaluated how much information was visible at once, how attention was guided, and how safely users could make changes within complex configuration contexts.

This led to three guiding principles:

  • Introduce strong visual hierarchy across configuration surfaces
  • Progressively reveal complexity without hiding capability
  • Reduce interaction overhead across high-frequency admin tasks

SOLUTIONS (1/5)

Redesigning the Design System for Clarity and Consistency

A key part of the engagement was reworking Mambo EMM’s design system to support clarity at scale. We introduced a structured visual language that established consistency across policy configuration, management views, and supporting workflows. Typography was systematized to clearly differentiate section titles, component headers, primary actions, secondary actions, and supporting metadata.

Color was applied deliberately to reinforce hierarchy and system state, not decoration. Spacing and layout rules created predictable visual rhythm, enabling users to scan dense configuration pages without visual fatigue. This design system reset ensured that similar elements looked and behaved consistently across the platform, reducing ambiguity and learning effort.

SOLUTIONS (2/5)

Establishing Hierarchy Within Policy Configuration

With a consistent design system in place, we restructured the policy configuration pages to clearly communicate structure and priority. Policy components were visually separated using typography, color, and spacing, allowing primary configuration controls to stand out while secondary and advanced settings were deliberately de-emphasized. This replaced a flat, visually dense surface with a layered layout that guides attention naturally.

In parallel, we cleaned up input fields and call-to-action placement across the platform. Field groupings were clarified, labels and helper text standardized, and CTAs positioned to reflect decision importance rather than mere proximity. Together, these changes made it immediately clear how a policy is composed, where critical decisions are made, and which actions move the system forward, turning configuration into a legible, intention-driven experience.

SOLUTIONS (3/5)

Reducing Cognitive Load Through Progressive Disclosure

To address visual clutter and mental overload, we applied progressive disclosure as a core interaction pattern within policy configuration.

Instead of exposing all controls at once:

  • Policy components were organized into expandable sections
  • Advanced or infrequently used settings were placed behind dropdowns
  • Visual density was reduced without removing system capability

This allowed administrators to focus on one configuration decision at a time while retaining access to deeper controls when required. The result was a calmer, more controlled configuration experience that scales with complexity.

SOLUTIONS (4/5)

Clarifying Navigation and Wayfinding

The navigation system was restructured to better reflect how enterprise administrators mentally model the platform.

Hierarchical groupings, expandable sections, and stronger active states improved wayfinding and spatial awareness. Users can now understand where they are within the system, what sits above or below their current view, and how adjacent sections relate.

Navigation became a structural aid rather than a passive list, supporting orientation across large feature sets without increasing depth or friction.

SOLUTIONS (5/5)

Reducing Interaction Overhead in Data Tables

To further reduce cognitive load in high-frequency admin views, we simplified table interactions across the platform.

Row-level action items were minimized and consolidated into icon-based controls, reducing visual clutter and shortening decision time. By removing repetitive textual actions from every row, tables became easier to scan and less mentally demanding.

This shift lowered overall click effort while preserving full functionality, allowing administrators to focus on content rather than interface mechanics.

The outcome

With a consistent design system in place, we restructured the policy configuration pages to clearly communicate structure and priority. Policy components were visually separated using typography, color, and spacing, allowing primary configuration controls to stand out while secondary and advanced settings were deliberately de-emphasized. This replaced a flat, visually dense surface with a layered layout that guides attention naturally.

In parallel, we cleaned up input fields and call-to-action placement across the platform. Field groupings were clarified, labels and helper text standardized, and CTAs positioned to reflect decision importance rather than mere proximity. Together, these changes made it immediately clear how a policy is composed, where critical decisions are made, and which actions move the system forward, turning configuration into a legible, intention-driven experience.

See all plans

Get in touch with us

By registering, you confirm that you agree to the processing of personal data by BangDesign as described in our privacy policy