An improved UX in Mosaic for Servelec’s Social Care system

UX/UI Design, Design System
Social Care


Servelec asked us for some UX Consultancy for a new Mosaic release. Mosaic is a Digital Case Management System for Social Care providing the management of adult’s, children and finance cases all on one platform.

We started this project with existing user research materials prepared by another UX consultancy. This research was helpful and insightful and gave us a good steer towards improving the service. However, it did not include visual design, so it was our role to design a new look and feel.

Mosaic Design System building blocks

A design system built from scratch

After research and investigation of the existing system were complete, we were then able to focus our attention on the visual look and feel for the entire service.

We built a design system that contained a collection of reusable elements. They consisted of colour palettes, iconography, badges, accordions, buttons, counters, form elements and more.

Everything carefully crafted to ensure accessibility and standards baked in from the start. These elements were the building blocks for page design, ready to be handed over for development.

Mosaic panel components

Information for end-users

A big part of the system was to present information using panels. These panels would include valuable information about a person or persons and other information relating to a case. There could be few or many depending on the scale of the case.

Demographic Information panel in Mosaic

Defining the overall look and feel

When the panel design work was complete, we started design work on the overall interface appearance for Mosaic. We made some reference to the design work Servelec had done with its online branding. It was important to maintain brand awareness and ensure some of the Servelec identity was part of the design for Mosaic.

This design work included elements like header, navigation, footer and other page contents. The result was a clean, minimalistic interface feel with a Servelec touch.

Personal summary page design
Team work view page design

The results

We delivered an attractive new interface with an improved user experience where possible, within the time frame. This work met the needs of the client and their end-users.

Our involvement includes:

  • UX/UI Design and Art Direction
  • Research and Analysis (end-users)
  • Design System and User Guides
  • Accessible Design
Back to top