Design Systems at Joint Academy
Overview Joint Academy is a Swedish healthcare provider that specializes in digital physiotherapy services for patients with chronic joint pain. During my time at Joint Academy, I worked on two separate design systems: one for end users/patients and the other for the medical professional app used to administer care. The patient-facing system already existed when I started, and I helped refine it in combination with a tool change from Sketch to Figma. However, my focus was mainly on the professional-facing system, dubbed the „Clinicians Core“ system or CC for short. Process Building the design system for the Pro App was different from building a typical design system. Instead of being its own project, building it happened continuously while developing features. At the time, there were no design files for the current state of the Pro App. So, building out the pattern library had the additional benefit of remedying that. I started by setting goals for building this system: Establishing and formalizing UI patterns for the clinicians‘ app. Preparing for the expansion and internationalization of the product. I used Atomic Design principles to set the structure of the design system and then built components on an as-needed basis. One of […]
Read More ›
Pulse Design System – Docly
Project Overview The design system project, named „Pulse,“ was undertaken during my time at Min Doktor and later at Docly. Min Doktor operates as a Swedish healthcare company, while Docly serves as the international platform provider. The objective was to unify the design assets of the company in a pattern library and prepare them for scalability. As the organisation aimed for internationalisation, the design system needed to support multiple languages. It was a pivotal moment following a rebranding initiative, providing an opportunity to streamline and combine diverse assets into a cohesive design system. While we had a team of designers, I was asked to create the initial version of the system. This meant consolidating and categorising design assets in Figma and rebuilding components to leverage Figma’s features. Process Being the first project of this kind for me, I dove into research about how other companies presented and utilised their design systems. Inspiration was drawn from MaterialUI’s component grouping on their website, which guided the structuring of our pattern library in Figma. After establishing the structure for the design system, I reviewed and mapped all existing design files and assets. This process focused on identifying duplications, consolidating artefacts, and aligning […]
Read More ›
While I was working for Kontur Network, we were tasked in creating concept and design for Hennigsdorf, a city north and just outside of Berlin. The city wanted a more modern look and feel while giving the editors of the site some freedom in displaying their content. It should stay a comprehensive source for all things concerning the city both politically and city life. The design is based on a 12 column grid and making good use of that especially on the front page and entry pages. These pages use content boxes that can be arranged freely to suit the intent of the page. The hero-image on the front page can either be static or have several slides and both furnishes the site with a modern appeal and serves as a central advertising space for the municipality. I was lead designer on this project and worked on the concept, multiple site templates and iconography. Typography and colors are based on the cities design guidelines. The design was then implemented with a customized theme by an external provider.
Read More ›
The GESOBAU is a real estate company which is half owned by the city of Berlin. Since many people are moving to Berlin a lot more apartments and houses have to be built to accomodate these people. This website was developed to specifically inform about these projects. The main focus of the page is the presentation of the individual developments and showcasing their key figures. When the objects become available for rent the site informs about sizes, cost and availability of the single apartments. The possibility to sign up for a projects watch list, so that potential tenants are informed about availability, is currently in development. I developed the current design from functionality sketches up to mock ups and supervised the development process in the later stages. At the moment I am working on the design for the watch list in both front- and backend.
Read More ›