Enhancing user experience in Mosaic for social care

Involvement

  • UX
  • UR
  • Interaction Design
  • Design System
  • Accessibility
Client
Servelec
Industry
Social Care
Year
2019

Overview

Servelec asked me for some UX Consultancy for a new Mosaic release. Mosaic is a Digital Case Management System for Social Care and allows the management of adults, children and finance cases all on one platform.

When starting on the project, I found existing user research material that had been prepared by a UX Consultancy. This research was useful and insightful and gave me a good steer towards improving the service. However, it did not include visual design, so it was my role to design a new look and feel.

Mosaic Design System building blocks for Servelec’s Social Care system

A design system built from scratch

After research and investigation of the existing system were complete, I was then able to focus my attention on the visual look and feel for the entire system.

I 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.

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

Mosaic panel components for Servelec’s Social Care system

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 for Servelec’s Social Care system

Defining the overall look

When the panel design work was complete, I started design work on the overall interface appearance for Mosaic. I 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 for Servelec’s Social Care system
Team work view page design for Servelec’s Social Care system

The results

I 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.

I’ve worked with Trevor on several projects, and I have to say that, without a doubt, he has consistently produced some of the most stunning UI and UX work I have ever seen. His work has influenced many people, and his legacy still lives on in several of those projects and will be carried on into other upcoming projects

Andrew Laidman
Senior Business Analyst at Servelec