Company: Caresyntax GmbH
Project: Redesign Surgical Content Management Platform
Year: 2020
Description: Redesign of qvident, a web based content management platform for managing and reviewing recorded surgical data.
Responsibilities: Design Lead, Research, Interaction Design, Prototyping, Testing, QA

Situation

The two major software products in 2018 were qvident (Surgical Content Management Platform) and CX Prime (Perioperative Software). As you can see in this picture, both applications looked like products from different companies. No visual consistency and no value of brand recognition. Both applications were created before I joined the company.

Task

Besides the improvement of ux and usability an additional goal was also to improve the visual appearance of both products.

Action

Design Workshop

In the beginning of the redesign I did a visual design workshop with stakeholders from different departments of caresyntax. The goal was to get a common understanding of how the software should look and feel in the future. The new visual design of qvident is based on the outcome of this workshop.

Information Architecture

Based on the feedback from customers, the outcome of the design reviews I did and the new feature set I started working on the new information architecture of qvident.

Navigation Concept

The next step was to create concepts for a new responsive navigation system. Based on the feedback from users, and internal Stakeholders we decided to use a side navigation bar, which turns into a hamburger menu on mobile devices.

Pages & User Flows

Afterwards I started working on the different pages of new qvident using Adobe XD.

For every page I created a single design document including the whole functionality and user flow for desktop, tablet and mobile devices. For the visual design we created a styleguide containing all relevant pages, ui elements, fonts and colors. Both design documents and styleguide were available online to make them accessible for everyone in the team and company.

Usability Testing

We regularly tested qvident with potential end users from different countries. In preparation of the tests I created clickable prototypes. For most tests we used e.g. Lookback as a remote testing tool. Besides identifying ux and usablility issues we also tested the visual design pillars, which were created based on the design workshop from the beginning of the redesign. We collected and analysed the feedback from our users and put all the findings into a spreadsheet. That made it easier for us to identify the critical issues. Afterwards we prioritized the problems, created potential solutions, updated the designs and tested again. 

Result

The new design ensures a consistent visual structure across desktop, tablet and mobile, adapting layout and content for optimal legibility and usability. Key metrics and UI elements—such as KPIs, data filters and detailed tables—are clearly presented with intuitive navigation and visual hierarchy. The interface uses brand-aligned, calming colors with selective emphasis, clear typography, and iconography to enhance clarity. Designed for data-heavy workflows, the platform supports accessibility and usability through scalable components and keyboard navigation.