Hautanalyse per KI, direkt auf dem Smartphone

Softwareentwicklung

Softwarearchitektur

Produktplanung

UI/UX Design

skinja ist eine KI-gestützte Hautanalyse-App zur frühzeitigen Erkennung auffälliger Hautveränderungen für medizinische und kosmetische Anwendungen.
Die Anwendung kombiniert Computer Vision und Edge Computing für eine schnelle, offlinefähige Hautbildanalyse, bietet ein Archiv mit Scan-Verläufen sowie PDF-Exporte zur Arztkommunikation und hebt sich durch ein besonders nutzerfreundliches UI/UX-Design deutlich ab.

Umsetzung

Innovationsplattform für neue MedTech-Produkte

Plattform

Web | iOS | Android

Branche

Medizintechnik | Healthcare

Zielgruppe

B2B | B2C

Tech Stack

Angular | Capacitor | Swift | TensorFlow | Figma | Adobe Creative Cloud

Use Cases
  • KI-gestützte Hautanalyse in Echtzeit

  • Offline-Nutzung für Beratung in Gebieten ohne stabile Internetverbindung

  • Historie & Vergleichbarkeit durch Scan-Archiv

  • Automatische Dokumentation und PDF-Erstellung zur Weitergabe an medizinisches Personal

  • Intuitive, mobile-first Nutzerführung mit Fokus auf Barrierefreiheit und Vertrauen

  • Optimierter UI-/UX-Flow für einfache Anwendung im Alltag

Entwicklung

Cross-Platform

Rollen

UI / UX Designer | Developer

beteiligte onexis

5

Die Problemstellung

Die folgenden Punkte zeigen die Ausgangslage und die Herausforderungen, die wir im Laufe des Projekts schrittweise behoben bzw. gelöst haben.

  • Keine bestehende Lösung für KI-gestützte Hautbildanalyse

  • Hohe Anforderungen an Nutzerfreundlichkeit, Datenschutz und Offline-Nutzung

  • Technische Komplexität durch Kombination aus KI, Mobile App und Edge Computing

  • Fehlende strukturierte Referenzarchitektur für vergleichbare KI-Projekte

  • UI/UX bei Wettbewerbern oft veraltet, unübersichtlich oder medizinisch nicht vertrauenswürdig

  • Unsicherheiten im Umgang mit Modelltraining, Performance auf mobilen Geräten und statistischer Auswertung

Welche Kern-Features wurden umgesetzt?

Vector Icon

Responsive

Vector Icon

Offline-Nutzung

Vector Icon

Dateiupload

Vector Icon

Bilderkennung

Vector Icon

KI

Vector Icon

Branding/ Corporate Design

Vector Icon

klickbarer Prototyp

Vector Icon

Datenanalyse und -auswertung

Unser Know How

In skinja steckt nicht nur Technologie – sondern unsere gesamte Erfahrung in der Entwicklung nutzerzentrierter, KI-basierter Anwendungen. Von der ersten Idee bis zum funktionalen Prototyp bringen wir Design, Machine Learning und Mobile Development wirkungsvoll zusammen.

KI-Integration für mobile Endgeräte

Wir entwickeln performante KI-Lösungen, die direkt auf Smartphones und Tablets lauffähig sind – mit TensorFlow und ONNX optimiert für minimale Latenz, Offline-Fähigkeit und energieeffiziente Echtzeitverarbeitung.

UX-Design für vertrauenswürdige Gesundheits-Apps

Gesundheit ist Vertrauenssache. Unser Designansatz verbindet medizinischen Look & Feel mit intuitiver Nutzerführung – für Anwendungen, die ernst genommen werden und trotzdem einfach funktionieren.

Prototyping & Produktentwicklung aus einer Hand

Vom ersten Wireframe bis zum funktionalen MVP: Wir verbinden strategisches Denken, technisches Know-how und ein agiles Mindset, um digitale Gesundheitsprodukte strukturiert und ressourcenschonend aufzubauen.

Cross-Platform-Apps mit modernem Tech Stack

Unser Stack aus Angular, Capacitor und Swift ermöglicht schnelle Entwicklung, einfache Wartung und eine konsistente User Experience auf Web und Mobile – responsiv, erweiterbar und zukunftssicher.

Edge Computing & Offline-Funktionalität

Medizinische Beratung muss überall möglich sein – auch ohne stabile Internetverbindung. Unsere Lösung funktioniert lokal auf dem Gerät und bietet trotzdem leistungsstarke KI-Funktionen ohne Cloud-Zwang.

Schnelle Iteration & Testing im agilen Setup

Wir bauen früh testbare Prototypen, um Ideen greifbar zu machen und schnell echtes Nutzerfeedback einzuholen – statt monatelanger Entwicklung im luftleeren Raum.

Technologische Entscheidungen mit Weitblick

Unser Stack basiert auf modernen, offenen Standards – zukunftssicher, modular und unabhängig von einzelnen Anbietern. Das ermöglicht kurze Time-to-Market und hohe Flexibilität bei neuen Anforderungen.

Designsysteme & Prototypen mit Figma

Von ersten Klickdummys bis zum vollwertigen UI-Design: Wir arbeiten iterativ und eng am Nutzerfeedback – mit strukturierten Komponenten, nachvollziehbaren Layouts und interaktiven Prototypen für frühe Tests.

Was skinja technisch besonders macht

 

skinja verbindet moderne Webtechnologien mit leistungsfähiger KI – direkt auf dem Endgerät. Die Anwendung ist so konzipiert, dass sie auch ohne Internetverbindung funktioniert, dabei hohe Performance liefert und eine durchdachte, medizinisch inspirierte UX bietet. Möglich wird das durch einen technologieübergreifenden Stack, der speziell für mobile KI-Anwendungen optimiert wurde.

Frontend

  • Angular + TypeScript + SCSS:   Strukturierte, komponentenbasierte Entwicklung mit Fokus auf Wartbarkeit und Wiederverwendbarkeit – ideal für komplexe UIs mit klarer Nutzerführung.

  • Capacitor:  Native Funktionen auf iOS-Geräten, z. B. Kamera-Integration und Dateiverwaltung – mit einer gemeinsamen Codebasis für Web & Mobile.

  • Responsive UI:  Optimiert für verschiedene Displaygrößen und Eingabemethoden – für medizinische Beratung genauso geeignet wie für den Heimgebrauch.

Backend & Cloud

  • TensorFlow + ONNX: Kombination aus etablierten Frameworks für Deep Learning und plattformübergreifende KI-Ausführung mit nahezu nativer Performance.

  • Edge-KI: Die Hautanalyse erfolgt direkt auf dem Gerät – ohne Cloud, mit extrem geringer Latenz und maximalem Datenschutz.

Artificial Intelligence

  • Offline-fähig & ressourcenschonend: Alle Kernfunktionen laufen lokal – ideal für sensible Daten und Orte mit eingeschränkter Konnektivität.

  • Modular & zukunftssicher: Der Tech Stack ist vollständig erweiterbar – z. B. für neue Analysemodelle, zusätzliche Scan-Funktionen oder Drittanbieter-Integrationen.

Besonderheiten

TECH BLOG

Alles, was du wissen willst

AI Readiness & Integration – Wie onexip Unternehmen erfolgreich auf die KI-Zukunft vorbereitet

Viele reden über Künstliche Intelligenz, wenige nutzen sie wirklich. Warum? Weil der Einstieg oft schwerfällt – und das Potenzial unterschätzt wird. Dabei kann KI schon heute dabei helfen, Kosten zu senken, Prozesse zu beschleunigen und echte Wettbewerbsvorteile zu schaffen.

Was es braucht? Eine klare Strategie.
Hier erfährst du, wie du Schritt für Schritt vom „KI klingt spannend“ zum „KI macht unser Business besser“ kommst.

Mehr erfahren

Revolutionary Vision

Revolutionary Vision: Hochperformante Einbindung von Industriekameras in Electron-Apps? Ein Praxisbericht.

Erfahre, wie du leistungsstarke industrielle Kameras nahtlos in Electron-Anwendungen integrierst. Martin Spindler teilt praxisnahe Einblicke, wie er Bildverarbeitung mit der Baumer VLU-02M Kamera effizient in Electron realisiert hat. Von der Nutzung von C++ für schnelle Datenverarbeitung bis zur Implementierung von IPC-Mechanismen für stabile Bildausgabe – dieser Beitrag zeigt, wie du hochperformante Bildverarbeitung mit flexiblen webbasierten Frameworks kombinierst. Entdecke die Potenziale für innovative Anwendungen und Lösungen in der industriellen Bildverarbeitung mit Electron.

Mehr erfahren

Zeitmaschinen in der Software-Entwicklung

Zeitmaschinen in der Software-EntwicklungStell dir vor, du könntest durch die Zeit reisen und die Fehler der Vergangenheit korrigieren - und das ohne eine Zeitmaschine. In der Welt der Softwareentwicklung haben wir genau das: Zeitmaschinen, die uns helfen, die...

Mehr erfahren

The German-Angst aus Sicht eines CEO: Was KI nicht ist!

Der Schock des Jahres 2022: ChatGPT betritt die Bühne und stellt die Frage, ob KI die Softwareentwicklung dominieren wird. Unsere Reise durch die emotionale Achterbahn der psychologischen Phasen, von der Verleugnung bis zur Akzeptanz, wird in diesem Beitrag von CEO Matthias beleuchtet. Erfahre in unserem Blogbeitrag, wie wir mit der Herausforderung umgegangen sind, und entdecke unsere Antwort, die wir auf die entscheidende Frage gefunden haben. Hier erhältst du einen Einblick in unsere Reise, bei der wir uns die Hände schmutzig gemacht und unser eigenes KI-Modell entwickelt haben.

Mehr erfahren

The German-Angst aus Sicht eines CEO: wird KI die Softwareentwicklung übernehmen?

Der Schock des Jahres 2022: ChatGPT tritt auf die Bühne und stellt die Frage, ob KI die Softwareentwicklung dominieren wird. Unsere Reise durch die emotionale Achterbahn der psychologischen Phasen, von der Verleugnung bis zur Akzeptanz, wird in diesem Beitrag des CEO Matthias beleuchtet. Erfahren Sie, wie wir mit der Herausforderung umgegangen sind, und entdecken Sie die Antwort, die wir auf die entscheidende Frage gefunden haben.

Mehr erfahren

Wie startet man KI lokal auf dem Rechner?

Entdecke, wie einfach es ist, Künstliche Intelligenz lokal auf dem Rechner zu starten! Unser kurzer Guide führt dich durch die Schritte, und wir zeigen, wie du Bilder ohne zusätzliche Kosten direkt auf deinem Computer generieren kannst.

Mehr erfahren

Von Null auf IONIC: Code mit Leichtigkeit deine Einkaufslisten-App

Lerne mehr über die Entwicklung einer App mit Ionic und Angular, die mühelos auf iOS und Android erweitert wird. Entdecke die Vorteile von Dependency Injection, Service-Management und Capacitor-API-Integration für native Funktionen. Mit unseren Anleitungen wechselst du leicht von Web- zu mobiler Entwicklung und erstellst eine vielseitige App für verschiedene Plattformen.

Mehr erfahren

Gemeinsam entwickeln wir ein Produkt, das Deine Nutzer wirklich lieben.

Unser Workflow mit der

Double-Diamond-Methode

 

Die Double-Diamond-Methode ist ein bewährter Designprozess, der in vier Phasen abläuft: Verstehen, Definieren, Ideen entwickeln und Umsetzen. Dabei wechseln sich divergentes Denken (viele Möglichkeiten erkunden) und konvergentes Denken (fokussieren und auswählen) ab. So entstehen nutzerzentrierte Lösungen, die sowohl kreativ als auch zielgerichtet sind.

Interaktiver Prototyp in Figma

 

  • Diente zur frühzeitigen Abstimmung mit Stakeholdern
  • Visualisierung der gesamten User Journey – von der Hautanalyse bis zur Ergebnisdarstellung
  • Testen von Nutzerinteraktionen und Informationsarchitektur
Befundübersicht & Verlauf

 

Klare Übersicht aller analysierten Hautstellen mit direkter Risikoanzeige.
Filter nach Datum, Hautstelle oder zuletzt geöffnet ermöglichen schnellen Vergleich und gezielte Auswertungen.

    • Strukturierte Ansicht für medizinische Befunde
    • Intuitive Filter- und Bearbeitungsoptionen

Unterstützt schnelle, fundierte Entscheidungen

PDF-Export für Arzt und Patient

 

  • Befunde und Scans können als PDF erstellt werden, um sie zu sichern oder bei Bedarf weiterzugeben.
    So behalten Nutzer den Überblick über ihre Hautverläufe und können Dokumente bei Bedarf mit Ärzten teilen.
    • PDF-Export einzelner Scans oder gesamter Verläufe
    • Übersichtliche Darstellung von Bildern, Namen, Datum und Risiko
    • Eigene Notizen zu Hautstellen ergänzbar
  • Diese Funktion unterstützt Eigenverantwortung und eine klare Dokumentation der Hautentwicklung.

 

Unsere Referenzen

Von der Idee zur Umsetzung

Und, wann dürfen wir Deine Erfolgsgeschichte schreiben?