Technical Product Illustrations

Six Products, One Consistent Visual Language

Across multiple Dräger products — from the RAM gas measurement data logger to the Tubes gas detection tubes to the Oxylog ventilator — Sapera Studios developed technical illustrations and infographics in the unified Dräger illustration style: sometimes as a dark-mode infographic with animation, sometimes as a reduced 3D rendering, sometimes as a social media explainer video.

Task

Developing tailored yet stylistically consistent illustrations and infographics for a wide range of products — from data loggers to respiratory protection to firefighting equipment.

Solution

A tailored representation for each product, adapted to its specific use case — dark-mode infographic with animation (RAM), reduced 3D visualization (Tubes), flexible templates (Oxylog), social media explainer videos (Suitable RPE & IBP), process illustrations (Fireground), animated device communication (CT graphics) — consistently in the Dräger illustration style.

Skills

Illustration, Infographic, 3D Visualization, Animation, Social Media Adaptation

Each of the following examples shows how the Dräger illustration style adapts to a different technical product — without losing recognizability.

.dg-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:32px 28px; } .dg-item{ margin:0; } /* Weisse Karte mit Haarlinie wie auf der Leistungsseite: Die Illustrationen haben selbst weissen Grund, auf sandfarbener Flaeche wirkten sie ausgeschnitten. */ .dg-item a{ display:block; background:#FFFFFF; border:1px solid #E3E2DC; border-radius:10px; overflow:hidden; transition:transform .15s ease, border-color .15s ease; } .dg-item a:hover{ transform:translateY(-2px); border-color:#C8C4B8; } .dg-item a:focus-visible{ outline:2px solid #5150F1; outline-offset:3px; } .dg-item img{ width:100%; height:auto; display:block; } .dg-item figcaption{ font-family:'apercu-pro-light','Apercu Pro',Arial,sans-serif; font-size:15px; line-height:24px; color:#4A544F; margin-top:12px; } @media (max-width: 900px){ .dg-grid{ grid-template-columns:1fr; gap:26px; } }