project

Caspar Health

React NativeHealthcareCross-Platform-EntwicklungAndroidiOS

Caspar Health ist eines der führenden deutschen Digital-Health-Unternehmen im Bereich Rehabilitation. Die Plattform bietet innovative, personalisierte Reha- und Nachsorgelösungen über eine umfassende digitale Infrastruktur.

Der Markt für digitale Rehabilitationsplattformen wächst rasant und wird Schätzungen zufolge bis 2024 einen Wert von etwa 4,87 Mrd. USD erreichen. Dieses starke Wachstum ist vor allem auf technologische Innovationen und die zunehmende Akzeptanz virtueller Konsultations- und Therapiedienste zurückzuführen.

Caspar Health stellt Kliniken maßgeschneiderte White-Label-Lösungen zur Verfügung, um eine effektive und nachhaltige Patientenrehabilitation zu gewährleisten. Mit dem wachsenden Bedarf an digitalen Gesundheitsangeboten hat sich Caspar Health dazu entschlossen, die eigene Mobile App grundlegend zu überarbeiten – mit dem Ziel, die Nutzerbindung zu stärken und Therapieergebnisse spürbar zu verbessern.

Jahr

2023

Land

Deutschland

Team

5 Personen

Commits

1533

Entwicklungszeit

19 Wochen

Herausforderung

Die Vorgängerversion der Caspar Health App überzeugte weder Kliniken noch Patient:innen – unter anderem wegen eines veralteten UI-Designs. Zudem fehlten entscheidende Funktionen, die für eine effektive Rehabilitation zu Hause notwendig sind.

Product

Wir standen vor drei wesentlichen Herausforderungen:

1. Die Navigation in einer bereits bestehenden Anwendung mit minimaler Dokumentation und begrenztem Support durch das ursprüngliche Entwicklerteam.

2. Die Sicherstellung, dass das neue UI internationalen Zugänglichkeitsstandards entspricht.

3. Die Integration von TalkJS-Chat in das bestehende Sendbird-System, um die deutschen Richtlinien zum Datenschutz und zur Vertraulichkeit der Kommunikation zwischen Patient:innen und Ärzt:innen einzuhalten.

Ablauf

Der Projektablauf durchlief alle wichtigen Phasen – von Planung & Discovery bis hin zu QA-Testing & Release.

Caspar Health kontaktierte uns mit dem Anliegen, ein komplett neues UI-Design für die mobile App zu entwickeln. Dabei mussten alle bestehenden Funktionen in die neue App integriert und eine wichtige neue Funktion eingeführt werden: die Nachverfolgung des Rehabilitationsfortschritts.

Während der Discovery-Phase führte unser Team eine umfassende Analyse der bestehenden App durch, um die Hauptfunktionen und die Nutzerinteraktionen genau zu verstehen. Wir organisierten iterative Planungs- und Feedback-Sessions mit Caspar Health, um sicherzustellen, dass die neuen Funktionen perfekt auf Nutzerbedürfnisse und Geschäftsziele abgestimmt sind.

Für die Umsetzung arbeiteten fünf Mitglieder des Stormotion-Teams zusammen: zwei Entwickler, ein QA-Ingenieur, ein UI/UX-Designer und ein Projektmanager. Die Erstellung des neuen Frontends und die Integration der angeforderten Funktionen dauerten etwa 19 Wochen.

Pre-Projekt - 2 Wochen

Scoping

Planing

Discovery

Agile Entwicklung - 16 Wochen

UXPrototyping

Design

Development

QATesting

Release - 1 Woche

Release

Lösung

Um den Mangel an technischer Dokumentation zu überwinden, erfassten wir die bestehenden Funktionen systematisch, um deren Verhalten im neuen Interface reproduzieren und verbessern zu können. Das erforderte eine umfassende Analyse des alten Codes.

Da die Endnutzer auch Patient:innen mit Behinderungen sein können, wurde das neue UI barrierefrei gestaltet. Mithilfe von React Native Paper haben wir das UI/UX grundlegend überarbeitet, um Benutzerfreundlichkeit und Zugänglichkeit zu verbessern. Dabei kamen u. a. der Color Blindness Simulator von Pilestone und der Color Contrast Checker von Coolors zum Einsatz, um internationale Zugänglichkeitsstandards zu erfüllen.

Product

Die Umstellung von Sendbird auf TalkJS für Chat-Funktionalitäten war entscheidend, um spezifische Sicherheitsanforderungen zu erfüllen. Durch detaillierte Tests und enge Zusammenarbeit mit den Backend-Teams stellten wir die Kompatibilität und Funktionalität zwischen den alten und neuen Systemen sicher. Die Aktivierung von TalkJS für bestimmte Kliniken, während Sendbird für andere beibehalten wurde, war eine Herausforderung, die das Caspar-Backend und unser Frontend gemeinsam lösten.

Zusätzlich integrierten wir eine Funktion zur Nachverfolgung des Rehabilitationsfortschritts, die es Nutzer:innen ermöglicht, ihre Trainingspläne einzusehen, Videos anzuschauen und die zurückgelegten Schritte für heute und die vergangene Woche zu verfolgen.

Erfolg für Caspar Health aus mehreren Perspektiven:

PM-Perspektive

Trotz begrenzten technischen Supports und fehlender Dokumentation sammelten wir alle notwendigen Informationen von Caspar-Mitarbeitenden und der alten App-Version, um eine reibungslose Integration neuer und bestehender Features zu gewährleisten.

Entwickler-Perspektive

Die Arbeit mit einer bestehenden Codebasis erfordert höchste Detailgenauigkeit. Einige Funktionen mussten exakt so nachgebildet werden, wie sie in der alten App waren – tiefgehende Codeanalysen waren daher unerlässlich.

UI/UX-Perspektive

Das Redesign verbesserte die Nutzerzufriedenheit und -bindung signifikant. Ein klares Layout mit intuitiver Navigation ermöglicht Patient:innen, ihre Rehabilitation aktiv zu steuern.

Hochkontrastreiche Farben, skalierbarer Text und größere Touch-Flächen sorgen für Barrierefreiheit.

QA-Perspektive

Durch die Erweiterung des Testgeräte-Pools und internationale Tests entstand eine robuste App mit konsistentem Nutzererlebnis über verschiedene Geräte hinweg, was Nutzerbeschwerden über Leistungseinbußen drastisch reduzierte.

DevOps-Perspektive

Automatisierte CI/CD-Pipelines ermöglichten schnellere Entwicklungszyklen und eine höhere Release-Qualität. So konnte sich das Team stärker auf Innovation statt Wartung konzentrieren.

Übergeordnete Geschäfts- und Roadmap-Perspektive

Die aktualisierte App hat das Nutzerengagement deutlich gesteigert – mit über 350 000 aktiven Patientenaccounts. Wir haben mehr als zehn erfolgreiche Releases umgesetzt und verbessern die Funktionalität der App kontinuierlich weiter.

Tech Stack

  • React Native

  • Typescript

  • ESLint

  • Prettier

  • Expo

  • React Native Paper

  • Zodios

  • Axios

  • GitHub

Kunden über unsere Zusammenarbeit

Mit den Pfeilen durch die Projekte scrollen

"I had meetings with 30 different agencies and the team at Stormotion gave me the most confidence to go forward. With them you feel like you've got a kind, knowledgable & conscientious team behind you. So I was 100% sure that they're going to be able to deliver our project!"

Case Study

"If you're thinking of going to Stormotion, you're going to have a very easy team to talk to, to communicate with, to understand what you want to do. They will tell you if you're barking up the wrong tree and are going to waste your time and money. I'd say "give it a go!" and I thoroughly recommend Stormotion."

Case Study

"Stormotion stood out because of their focus on Bluetooth-connected products. They weren't just app developers, they understood the unique challenges of building mobile app experience for hardware products. Their collaborative approach, technical expertise, and ability to quickly grasp the vision of the North Guardian app made it clear that they were the right fit."

Case Study

"Stormotion has really delivered on their promises. They’ve been very transparent about their progress, flexible in reacting to changes, and solution-focused in overcoming challenges. If they didn’t know something, they would find out, which gave us great confidence in their ability to go the extra mile."

Case Study

"We originally got in touch with Stormotion from our original app developer. And very soon we found real value in choosing Stormotion, because they previously had real valuable experience on the field – digital apps working in the realm of EV charging. So, it was really a no-brainer for us to to go with them."

Case Study

"The Stormotion team quickly became our team for everything Native app-related. It would be hard to name all the things that we built over the many years we worked together, but overall, I think we had a good partner who was able to adapt the way we worked, and the way they worked. So that we could ultimately build a product that had the quality that we wanted and with the speed that we wanted."

Case Study

"I highly recommend Stormotion as a service provider for app development. They're young, flexible, dynamic, creative and very fast. The cost of planning and implementation is also reasonable. As they use "pay as you go", have a good plan first – then the result also will be satisfactory."

Case Study

"Working with Stormotion was a blast! The Project Managers, and especially Alex, are always there for you when you need them to go the extra mile. And it's very easy to communicate with them. Whether it's something urgent or whether it's a bigger task, like building the structure of the architecture, I always felt like I was treated very well. Stormotion delivered a great app experience from day one."

Case Study

"Given a tough budget and a lack of knowledge in our own engineering team, we quickly came to Stormotion. We had already worked together on previous projects, and I knew that, based on React Native, we could have one engineer responsible for it. That was just amazing because I could really focus on our customer side, knowing that the mobile application for the testers was in very good hands."

Case Study

"Trust Stormotion. Work with them on your road map, on your technical debt. Also, expect feedback because the team is eager to do this. It's what I value and, I think, many startups value."

Case Study

Wir sind gespannt auf Ihr Projekt!

Mit dem Absenden dieses Formulars bestätige ich, dass ich die Datenschutzerklärung gelesen habe und akzeptiere.

Vielen Dank

Ihre Nachricht wurde gesendet.

Unser Mitarbeiter wird sich so schnell wie möglich bei Ihnen melden. Einen schönen Tag noch!

Zur Startseite

Kontakt

Kontakt-E-Mail

hello@stormotion.io