Unified User Experience

In Mosaic, all services can be managed through a single UI called Management System. For example, Editors use the Management System to manage movies metadata.

Don’t have time?
Book a call

Unified User Experience

TRUSTED BY

SKY logo ZDF logo Canela Media logo Mansa logo Beyond Dutch logo Lindau Nobel Laureate Meeting logo

Management System

Each Mosaic service comes with its own microfrontend. Management System is a shell hosting microfrontends for all services configured for a given environment.

Additional microfrontends can be added to a Management System anytime.

Microfrontends can expose parts (called extensions) to be reused by other microfrontends. Management System controls this process.

Management System with multiple services

Management System with multiple services

Management System Responsibilities

Addressing

Ensures that each environment has a unique subdomain reserved specifically for the Management System to isolate configurations and functionality.

UI Organization

Defines and maintains the structure of the UI, including the header, navigation, and the home station, ensuring a consistent user experience.

Communication

Handles state and data sharing between microfrontends to enable smooth interaction and minimize integration issues.

Authentication

Implements support for multiple identity providers to handle diverse authentication requirements securely.

Management

Manages user accounts and roles through a centralized system, simplifying access control and administrative tasks.

User Interface

On the screen below you see how two microfrontends (A and B) with their workflows are integrated into the Management System. Navigation, Header, Home station are provided by the Management System itself.

Home Station with two services screenshot

Management System Home Station with two services, navigation and header

UI icon

UI Concept

Microfrontends can implement their UI in any way they like using React components.

But Mosaic comes with its thought-through UX concept including workflows, interaction patterns, visual style, etc.

It has a big advantage for the end-users, because once they got used to UX using any service, they can apply this knowledge to any other service.

Here are some UX concepts used consistently in Mosaic:

  • Stations (Explorer, Details, Hub, Custom)
  • Explorers: Filters, Bulk operations, Quick Edit, etc.
  • Details: Action buttons, Auto-save, Tabs, etc.
  • Breadcrumbs
  • Customizable navigation
  • Workflows
See the components
Developer icon

For developers

For developers, it is easy to implement Mosaic UX thanks to extensive support, including:

  • UI Libraries
  • Storybook
  • PlayWright Test Models
  • CLI
  • Documentation

Developers can develop and test their services locally, in isolation, and integrate with other service at runtime.

See the documentation

Want to learn more about using APIs with Axinom Mosaic?

Don’t have time now?
Book a call