Redesign of the HES (Electronic Health Record)

This project aims to completely redesign all the tools used by both citizens and healthcare professionals in Catalonia. During my time working on the project, I collaborated on several HES initiatives, including the Terminology Server, Configuration Center, Audit Platform, Request Inbox.

Industry

Public Healthcare

Company

Viewnext IBM

Service

UX/UI Design

Date

2024-2025

Salut Terminology Server Cover
Salut Terminology Server Cover
Salut Terminology Server Cover

Designing with the Salut Design System

This was a large-scale project involving many teams working together on different initiatives. Within the Generalitat de Catalunya, there is a dedicated team responsible for the development and maintenance of the Design System.

In my case, along with other colleagues, we designed screens based on the project owners’ requirements, using this Design System.

We also held meetings with the DS team to ensure we were using it correctly, and we occasionally made proposals to improve components or fix issues we identified during the implementation of the designed elements.

The Salut Design System is public. You can view its resources here:

Salut Foundations Example
Salut Foundations Example
Salut Foundations Example

Foundations section of Salut in Figma

Foundations section of Salut in Figma

Salut Component Storybook example
Salut Component Storybook example
Salut Component Storybook example

PopOver component from Salut in the Storybook playground

PopOver component from Salut in the Storybook playground

Project Overview

Some of these initiatives were quite complex to understand due to the large number of medical, healthcare, and administrative terms involved.

For example, the last initiative I worked on focused on redesigning a tool called the “Terminology Server,” an application that organizes, distributes, and standardizes terms and concepts within the healthcare field.

Within this application, users needed to be able to perform functions such as updating existing terminologies or adding new ones, organizing them according to parameters like hierarchies or sets, managing read and edit permissions based on user roles, and other related actions. All screens were fully designed only for different desktop breakpoints.

This project is still under development.

Terminology server screen 1
Terminology server screen 1
Terminology server screen 1
Terminology server screen 2
Terminology server screen 2
Terminology server screen 2

Some of the designs of the Terminology Server

Some of the designs of the Terminology Server

Create a free website with Framer, the website builder loved by startups, designers and agencies.