Pharma Patient App — HAE Diary, Native Widget and Ionic Modernization | Referenz

Pharma · Global Companion App

Long-term evolution of an HAE patient app through an agency engagement: product features, redesign, digital diary workflows, Java/Swift widget plugin, and later modernization of the Ionic/Angular architecture.

References

Technical scope

Cross-platform HAE patient diary app

Attacks, symptoms, triggers, treatments, prophylaxis reminders, native Android/iOS home-screen widgets, doctor appointments, profiles, registration, multi-device usage, PDF export, and Ionic migration.

Before

The app needed continuous product evolution, redesign implementation, patient diary improvements, native widget support, account-based usage, and later modernization from an older Ionic/Cordova stack.

After

A maintained Ionic/Angular patient app supports structured HAE documentation, reminders, profiles, PDF reporting, native iOS/Android widget behavior, and a Capacitor-oriented modernization path.

System context

Production platform, not a reporting demo.

The app supports patients with hereditary angioedema in documenting attacks, symptoms, triggers, treatments, prophylaxis, appointments, reminders, profiles, and individual disease progression. The engagement combined feature development, redesign implementation, PDF reporting, native widget work, cross-platform release support, and later Ionic/Angular/Capacitor modernization.

System screens

Screenshots in project context

Selected views appear where they provide concrete proof of architecture, workflow, or reporting behavior.

Anonymized iOS home screen for a HAE patient diary app — DiaryHome screen with access to core diary, treatment, calendar, and reporting workflows.

DiaryHome screen with access to core diary, treatment, calendar, and reporting workflows.

Anonymized iOS start attack screen with body-part selection for HAE documentation — AttackStart attack workflow with affected body-part selection.

AttackStart attack workflow with affected body-part selection.

Anonymized iOS attack documentation screen with triggers symptoms severity and photo upload — AttackAttack documentation with triggers, symptoms, severity, and optional photo attachment.

AttackAttack documentation with triggers, symptoms, severity, and optional photo attachment.

Anonymized iOS treatment entry screen for long-term prophylaxis — TreatmentTreatment entry workflow for long-term prophylaxis documentation.

TreatmentTreatment entry workflow for long-term prophylaxis documentation.

Anonymized iOS progress chart screen with bar chart for HAE documentation history — ReportingProgress view with bar chart for documented patient history.

ReportingProgress view with bar chart for documented patient history.

Anonymized native iOS emergency pass widget for a HAE patient diary app — WidgetNative iOS emergency widget for faster access outside the main app.

WidgetNative iOS emergency widget for faster access outside the main app.

Product context

A patient-support diary for recurring HAE documentation.

The product is a structured patient diary, not a replacement for medical advice. It helps users record current and past attacks, symptoms, triggers, treatment measures, prophylaxis, appointments, and disease progression so the information can later be reviewed or exported.

Attack documentation with affected body-part selection
Symptoms, triggers, severity, treatment measures, and optional photo upload
Treatment and prophylaxis documentation
Calendar entries for prescriptions, appointments, treatments, attacks, and other medication
PDF export of individual documentation
Multiple profiles for family or caregiver scenarios

Product evolution

Redesign, feature delivery and long-term app maintenance.

The work was not limited to a later migration. It included patient-facing feature development, redesign implementation, diary workflow improvements, reminders, registration, profile management, PDF reporting, and app-store release support over several years.

Redesigned patient-facing diary experience
Improved attack, appointment, and treatment workflows
Registration and account-based multi-device usage
Data retention support if a device is lost
Release continuity for iOS and Android

Modernization

Ionic/Cordova legacy risk was reduced without dropping native behavior.

The later modernization moved the app toward a newer Ionic/Angular/Capacitor architecture while preserving patient diary workflows and custom native functionality. The goal was lifecycle continuity for current iOS and Android requirements, not a cosmetic rewrite.

Modernized Ionic/Angular frontend architecture
Cordova-to-Capacitor migration work
Preservation of local data and recurring diary workflows
App-store lifecycle support during technical transition
Continuation of custom native widget functionality

Patient workflows

Documentation, reminders, reporting and native access in one patient app

The app combines daily HAE documentation with reminders, calendar planning, exportable reports, profile handling, and native widget access.

Attack Documentation

Patients can document HAE attacks with body-part context, symptoms, triggers, severity, treatment actions, and optional photos. The flow supports both immediate documentation and later completion.

Start attack workflow with body-part selection
Attack list and individual attack details
Trigger and symptom selection
Severity documentation with local notification follow-up
Optional photo attachment for affected areas

Treatment, Reminders and Calendar

The app supports long-term prophylaxis, short-term prophylaxis, acute treatments, prescription reminders, appointments, and calendar-based visibility of planned or documented health events.

Long-term prophylaxis treatment entry
Prescription reminders with notification and interval selection
Calendar entries for prescriptions, appointments, treatments, attacks, and other medication
Local notification prompts for recurring documentation

Profiles, Reporting and Native Widget

Users can create and select profiles, export documentation as PDF, view progress charts, use an emergency pass, and access emergency information through a native iOS widget.

Profile creation and profile selection
Progress chart for documented history
Documentation export workflow
Emergency pass screen
Native iOS widget implemented through a custom Java/Swift bridge

Engineering

Technical contribution

HAE diary feature development
App redesign implementation
Attack documentation workflows
Treatment and prophylaxis tracking workflows
Treatment and prescription reminder implementation
Native Android and iOS home-screen widget implementation
Custom Java/Swift plugin bridging Ionic with native widget functionality
Doctor appointment and calendar workflows
Profile support for documenting different people
Account-based registration and multi-device usage
Data retention workflow for lost-device scenarios
PDF export of disease-course details
Cross-platform iOS and Android maintenance
Ionic/Angular app modernization
Cordova-to-Capacitor migration work
App-store release support and lifecycle maintenance

Impact:

Patient and product impact

The product value is continuity: patients can keep structured HAE documentation over time, while the app could continue evolving technically through redesign, native extensions, release maintenance, and modernization instead of being replaced.

Easier documentation of attacks, symptoms, triggers, and treatments
Better overview of treatments, prophylaxis, appointments, and medication events
Treatment reminders for recurring therapy workflows
Faster access through native Android/iOS home-screen widget functionality
Calendar-based overview of attacks, appointments, treatments, and prescriptions
Multiple profiles for family or caregiver scenarios
PDF export for sharing disease-course information
Long-term maintainability through Ionic/Angular modernization

Screenshot gallery

Additional system views

The gallery collects additional anonymized screenshots without hiding the technical case study inside a slider.

Anonymized iOS country and language selection screen for a HAE patient diary app — OnboardingCountry and language selection for localized patient onboarding.

OnboardingCountry and language selection for localized patient onboarding.

Anonymized iOS login and registration start screen for a HAE patient diary app — OnboardingLogin and registration entry screen for account-based app usage.

OnboardingLogin and registration entry screen for account-based app usage.

Anonymized iOS email and password login screen for a HAE patient diary app — OnboardingEmail and password login for returning users.

OnboardingEmail and password login for returning users.

ProfilesProfile creation so documentation can be assigned to the right person.

ProfilesProfile selection for multi-profile patient or caregiver scenarios.

Anonymized iOS home screen with side menu open in a HAE patient diary app — NavigationHome screen with side navigation opened for moving between patient workflows.

NavigationHome screen with side navigation opened for moving between patient workflows.

Anonymized iOS attack list screen for HAE patient documentation — AttackAttack list for reviewing documented HAE events over time.

AttackAttack list for reviewing documented HAE events over time.

NotificationsLocal notification prompt for completing severity documentation after an attack.

Anonymized iOS calendar screen for HAE diary entries — CalendarCalendar overview for attacks, treatments, appointments, prescriptions, and medication events.

CalendarCalendar overview for attacks, treatments, appointments, prescriptions, and medication events.

Anonymized iOS calendar add-entry sheet with prescription appointment treatment attack and medication options — CalendarCalendar entry options for prescription, appointment, treatment, attack, and other medication.

CalendarCalendar entry options for prescription, appointment, treatment, attack, and other medication.

Anonymized iOS prescription reminder screen with notification and interval selection — RemindersPrescription reminder setup with local notification and interval selection.

RemindersPrescription reminder setup with local notification and interval selection.

Anonymized iOS documentation export screen for a HAE patient diary app — ReportingDocumentation export workflow for creating portable reports.

ReportingDocumentation export workflow for creating portable reports.

Anonymized iOS emergency pass screen in a HAE patient diary app — EmergencyEmergency pass screen for critical patient information.

EmergencyEmergency pass screen for critical patient information.

Anonymized iOS settings screen for a HAE patient diary app — SettingsSettings screen for app-level configuration.

SettingsSettings screen for app-level configuration.

Anonymized iOS settings country selection list for a HAE patient diary app — SettingsCountry selection list inside settings for localized configuration.