Novalic Design System
Client
Brismed Medical Solutions offers software designed to modernise healthcare practices. By streamlining workflows for professionals, Brismed improves patient care and outcomes. Novalic is their latest electronics medical records system built with Desktop Compose in Kotlin (programming language)
Aim
A design system that provides a consistent user experience and gives a great developer experience through components and robust documentation.
Objectives
Create a design system in Figma
Develop components in Desktop Compose using Kotlin
Design and develop any additional screens required
Tools used
I used Figma to establish a design system
Figma Dev Mode to coordinate development collaboration with Novalic’s developer team
Desktop Compose and Kotlin to develop desktop components
What I did
The team already had a Figma file with some UI components already built. In order to save time the design system was inspired from the pre-existing UI and I incorporated Material Design guidelines for a greater developer experience as Desktop Compose supports Material Design as a base when developing components.
I did a complete overhaul of the design system in the codebase and created a scalable design token system with in-line documentation that developers can follow. I went on to assist the team by designing and developing a couple of screens including the Settings, Messaging and Appointments screens.
What I took from the project
This was the first project I did that involved coordinating developers as a designer and developer. Working with a team that was agile and already efficient in their tech stack was a dream come true. The project head and manager of Brismed, Bryan Moyo is such an enthusiastic force of nature that it was an enjoyable , memorable and motivating experience to push the work and see the product grow.