hand holding smartphone showing hartmann app design

PAUL HARTMANN, a global leader in medical products and services, includes brands like Sterillium disinfectant in its portfolio. Ray Sono took on the role of the Digital Lead Agency, supporting the client across a variety of digital projects, such as the corporate website, app design, consulting services, explainer videos, and more.

Challenge

A consistent cross-channel design language

Paul Hartmann operates across various fields, both online and offline. A coherent and impactful digital branding strategy had to be developed, placing the user at the center. The challenge was to ensure that the design not only aligned with the company's diverse sectors but also provided a seamless and engaging experience across all touchpoints.

Professionalizing the digital presence

Over the course of 3-4 years, I managed a variety of projects and served as the main point of contact and advisor for various products and strategies. This included the relaunch of the corporate website content, the app guideline, the initial setup of a Figma structure, the creation of design systems, and several motion design projects.

Created 2019-2023 at Ray Sono

Fields of activity

l

Creative Direction

l

Digital branding

l

Design system conception & creation

l

Service & product design

l

Creative concept

l

Motion design

My role

As Design Lead with a focus on web and app-based applications, I was responsible for the project-specific management of design teams. In addition to visual direction, my role included a strong conceptual component within the consulting process. I acted as one of the main points of contact for the client and supported the ongoing development of digital products in an advisory capacity. I also held a cross-team role aimed at shaping efficient design processes. Close coordination with the technical service provider was a key part of the workflow.

hartmann corporate website - about us

Web

Relaunching corporate content into new website

The development of a design system with a specific number of components aimed to serve as a prototype project, laying the foundation for an overarching 'One Web' strategy to consolidate all web content design-wise. To achieve this, all existing corporate content from the current website was migrated to a new domain, and a newly developed design was applied. The component design focused on a narrative function. This foundation is now being expanded into a more extensive library.

Designing modules to tell good stories

This is a screenplay of all available modules and components, created to convey the corporate content in a narrative style.

Design system
page from hartmann figma design system – component mega teaser
page from hartmann figma design system – component paragraph story

A new design system was conceptualized and created to encompass all of these modules.

App

Design guideline
hartmann app guideline frontpage
hartmann app guideline – about components
hartmann app guideline – about animation
hartmann app guideline – seperator page
hartmann app guideline – about top bar
hartmann app guideline – about bottom navigation

A conceptual and design foundation, or guideline, was created to serve as a reference for partners implementing specific app projects.

Motion

Prevent

Several explainer and product videos were created, referencing the new digital branding. New illustrations were also created, which were used in this motion design.

Showcase