Armada Telehealth

Cover image showing a partial preview of the design system, including colors, typography, spacing, and UI elements.

Short summary

ArkPassport is a component of the Armada MD Telehealth Platform. As the Lead Product Designer at ISM Creative, I worked closely with Armada’s team to design a solution that makes sharing health data simple, safe, and user-controlled. Privacy and security were at the core of the product. To ensure the design aligned with both patient needs and regulatory requirements, I facilitated co-design sessions with healthcare providers, patients, and privacy experts. Based on these insights, I created a secure, sharing flow that lets users control who accesses their health records and when.
To comply with my non-disclosure agreement, I have excluded confidential details from this case study.

To comply with my non-disclosure agreement, I have excluded confidential details from this case study.

Client
My Role
Design Lead
Team
  • Product Design Team
    Development Team
  • Product Manager

30%

Reduction in Design Iteration Time

38

UI Components

45%

Reduction in Onboarding Time

UI Design

UX Research

Accessibility Review

Usability Test

Co-design Facilitation

Mentoring

Design process

Visit Notes

Need

In healthcare, medical notes are often scattered or inaccessible — leading to miscommunication, repeated assessments, and poor care continuity. Patients may forget details from past visits, while doctors lack insight into previous treatments or diagnoses from other providers.

Solution

We designed a feature that lets doctors add structured, timestamped notes to a patient’s digital record. These notes are securely stored and accessible by both the patient and other care providers.

Visual representation of the design system’s token structure, mapping a hex value to a primitive token, then to a semantic token used in a primary button.
Impact for patients
  • Clearer understanding of their care

  • Easier sharing of medical history

  • Less need to rely on memory

Impact for health practitioners
  • Quick access to full patient history

  • Fewer redundant assessments

  • Stronger collaboration across care teams

Patient home page

Need

Patients often struggle to access or organize their health records, especially when scattered across clinics or paper files. This makes it hard to manage care, recall details, or respond in emergencies — when quick access to past diagnoses, medications, or test results is critical.

Solution

The patient homepage acts as a centralized dashboard with instant access to their full medical history — including doctor notes, medications, allergies, and documents — all in one mobile-friendly place.

Screenshot of local color styles in Figma
Impact for patients
  • Enables quick access to critical health information

  • Reduces stress during appointments or emergencies

  • Improves understanding and tracking of ongoing care

Impact for health practitioners
  • Supports more efficient, informed consultations

  • Encourages patients to arrive better prepared

  • Saves time by reducing repeated data collection

Medication and allerggies

Need

Accurate records of medications and allergies are essential for safe treatment, but patients often forget details or lack a reliable way to share them. This can lead to delays, errors, or preventable reactions — especially without a centralized place to store and access this information.

Solution

This feature lets patients and health practitioners log medications, allergies, and upload photos (e.g., prescriptions, skin conditions) directly to the patient’s profile, creating a more complete medical record.

Visual representation of the design system’s token structure, mapping a hex value to a primitive token, then to a semantic token used in a primary button.
Impact for patients
  • Reduces the risk of allergic reactions or medication errors

  • Provides a reliable record of prescriptions and allergies

  • Makes it easier to share accurate information with specialists or pharmacists

Impact for health practitioners
  • Saves time by minimizing repeated questions or verification

  • Improves clinical decisions with accurate, up-to-date information

  • Supports remote diagnosis with visual documentation

Figma Variables screenshots placed side by side, showing how a semantic color token derives its value from a primitive color token, with an arrow indicating the relationship.