Web app · multi-tenant

Multi-tenant clinical record app

A clinical record app with a genetics module, used by many centres under their own name. Each centre picks a hue; contrast stays guaranteed.

Client
Healthcare
Context
Valeo.it
Year
2025
Status
Concept
Role
UX and UI design, design system
Platform
Web app · desktop
Stack
  • Figma
  • DTCG tokens
Patient record overview. Header with the patient's data, six vital-sign charts, the change log on the right.

One product, many centres

A clinical record with a genetics module, sold to medical centres and genetics labs under their own name. Every centre gets the same product with its own logo and its own colour, and doctors and geneticists work in the same record: visits, reports and vital signs on one side, genetic cases on the other.

The dashboard opens on what needs a decision today: reports to sign, today’s consultations, genetic cases by state and the latest activity in the centre.

The dashboard: active records, today's consultations, open genetic cases, reports to sign, cases by state and recent activity.
The dashboard.

The record

Records are a list first, with the activity of each patient summarised in a row: consultations, vital signs, therapies, attachments and notes. Opening one shows the patient’s data in a header that stays the same on every tab, and a change log on the right that says who changed what and when.

The list of clinical records, with a row menu open.
The list of records.

Tenant colours

A centre chooses only a hue. Lightness and chroma are fixed for every step of the palette in OKLCH, so text, buttons and charts keep their contrast whatever the choice: 230 of 360 hues are allowed, with no contrast failures. The band from 356° to 125°, reds, oranges and olive greens, is reserved to errors and warnings, and states always carry an icon and a label, never colour alone.

Appearance settings: the hue selector greys out the band reserved to statuses.
The hue selector in the settings, with a live preview.
The record in the blue tenant, hue 252°.The record in the teal tenant, hue 205°.
The record in the violet tenant, hue 300°.The record in the green tenant, hue 160°.
The same record in four tenants: blue 252°, teal 205°, violet 300°, green 160°.

Genetics in the same record

A genetic case follows a trio, proband, mother and father, with their relations drawn as a pedigree and their VCF files side by side. Tens of thousands of variants filter down to a handful of candidates through a gene panel and frequency filters, each candidate with its genotype in the trio and its ACMG class.

A genetic case: proband, phenotype, VCF analysis and family at a glance.
A genetic case, on the overview tab.
The pedigree of the case: three generations, carriers and the proband.
The relations tab: the pedigree.
VCF analysis: gene panel and filters above a table of candidate variants with trio genotypes and ACMG class.
VCF analysis in trio.

Contact

Have a role or a project in mind?

alessandro@aqdesign.it