Barmer App - Kompass Modul

Das Kompass Modul ist Teil der Barmer App und der Meine Barmer Web Experience. Es unterstützt Versicherte bei Leistungs- und Erstattungsthemen wie Pflegeleistungen, Krankengeld, Reha, Hilfsmittel, Mutterschaftsgeld, Kieferorthopädie und laufenden Vorgängen.

Projektüberblick

Als Senior Frontend Developer im Kompass Team habe ich zwischen Dezember 2025 und April 2026 über 310 Commits im Frontend-Monorepo geliefert. Der Schwerpunkt lag auf dem gemeinsamen Kompass Feature Package, das sowohl in der React Native App als auch in der React Native Web Oberfläche genutzt wird, mit konsistentem Verhalten auf iOS, Android und Web.

Wichtige Beiträge

Rebranding & Feature Screens

Rebranded Screens und Komponenten im gesamten Modul umgesetzt, inklusive Überblick-Tabs, Info-Bereichen, Fehlerscreens und Detailseiten. Die Arbeit betraf Pflege, Mutterschaftsgeld, Reha, Hilfsmittel, Krankengeld, Kinderkrankengeld und KFO-Flows, jeweils ausgerichtet am Barmer Puls Design System.

Leistungs- & Erstattungsflows

UI-Flows für Leistungsüberblicke, Auszahlungslisten, regelmäßige Pflegeleistungen, Kostenübersichten, Status-Chips und Detailseiten gebaut und geschärft. Dazu gehörten stabilere Empty States, visuell robuste Finanzzeilen und gut lesbare Listen-Zusammenfassungen auf kompakten Mobile Layouts.

Accessibility

VoiceOver- und TalkBack-Verhalten für Header, Tabs, Filter, Selects, Links und Vorgangsdetailseiten verbessert. Android Screenreader Workarounds ergänzt, Reading Order korrigiert, doppelte Ansagen vermieden und korrekte Link-Semantik im Web sichergestellt.

Keyboard, Layout & Navigation Stability

Keyboard-aware Verhalten für Formulare und Dialoge integriert, inklusive Feedback Dialog, Reha-Zuzahlung und fixierten Action Bars. Außerdem Bottom-Navigation Abstände, Landscape Dialoge, Tab-Panel Height Crashes sowie native DatePicker- und SectionList-Crashes behoben.

Info- & Tipps Experience

Info-Tabs, Accordions, Tipp-Karten und PDF-bezogene Loading States überarbeitet. Dazu gehörten CardSwipeView Integration, Dokumentgrößen-Formatierung, Soft-Hyphen Handling für lange deutsche Begriffe und bessere Zeilenumbrüche auf iOS und Android.

Testing & Regression Coverage

Eine große Snapshot-Suite während der Änderungen aktuell gehalten, gezielte Tests für neues Layout-Verhalten ergänzt und Lint- sowie Type-Issues im Rebranding behoben. Das machte wiederholte Main-/Candidate-Backports für Release-Vorbereitungen sicherer.