Project Overview

GeneHub is a healthcare data platform designed for people living with rare diseases. Our mission was to give patients ownership and control over their health records and genomic data—something especially critical for those navigating complex diagnostic journeys.As the lead designer, I was responsible for creating the Patient Portal—a secure, GDPR-compliant platform that empowers patients to manage and share their clinico-genomic data confidently, while seamlessly integrating offline medical interactions with digital tools.

Design Process

Discover

Understanding the problem, users, and business goals.

Define

Align users needs with business objectives.

Ideate

Explore solutions and challenge assumptions

Design

Craft thoughtful, scalable and accessible experiences

Test & Validate

Gather feedback and improve iteratively.

Deliver & Support

Ensure seamless implementation and ongoing value.

Design Process

🎯 Goals

✦ Create an intuitive accessible portal for patients to upload, store, and manage genomic and clinical data
✦ Consent-based data sharing for research, with privacy controls
✦ Design a service that aligns with patient needs, emotional states, and real-world medical workflows
✦ Ensure GDPR and confidential computing compliance
✦ Ensure NHS compliance
✦ Build a scalable design system and future-proof architecture for rapid iteration

🔍 Research & Discovery

Methods
✦ User Interviews: 10+ rare disease patients, caregivers, and clinicians
✦ Workshops: Co-creation with patient advocacy groups
✦ Service Mapping: Tracked data flow from clinics to labs to the app, integration between two portals
✦ Competitive Audit: Reviewed other health record and genomics platforms
‍
Key Insights
✦ Patients want ownership and control, but feel intimidated by technical language
✦ Many had fragmented records from multiple providers
✦ Trust and data privacy were major concerns
✦ Accessibility was essential due to fatigue, brain fog, and visual impairments

Service Design

To unify the fragmented experience, I created an end-to-end service blueprint, aligning the physical (labs, clinics) and digital touchpoints.
‍
Blueprint Highlights:
Lab results & genomics: secure auto-import and manual upload
Patient consent: simplified flows with visual privacy indicators
Data sharing: role-based permissions for researchers/clinicians
Notifications: reminders for appointments, data review, and consent renewal

Service Mapping

User Personas

Iteration Process

UX / UI

I led the entire design process: from concept to wireframes to high-fidelity UI and developer handoff.

Key Features:

Health Record Manager

Upload PDFs, link with EHRs, and tag documents. Hold all your health documents in one secure place.

Consent Center

Visual overview of where your data is going. Easy toggle to grant/revoke research permissions. Audit logs for full transparency

Rare Disease Passport

Your Health summary is automatically populated from data available on the profile. AI Insights available

Accessibility & Language

WCAG 2.1 compliance. Plain English tooltips and in-line definitions for scientific terms

📐 Design System

✦ To ensure design consistency and speed, I built a scalable Design System in Figma and worked closely with devs to implement it.
✦ Atomic components (input fields, cards, modals)
✦ Accessibility baked into all components
✦ Tokens for spacing, typography, and color

🔐 Data Security & Compliance

Security was at the heart of every design choice.
I collaborated with engineering and compliance teams to ensure:
✦ End-to-end encryption
✦ Anonymous data clean rooms for research
✦ GDPR compliance: data export, deletion, consent logs
✦ Regular accessibility audits

💬 Reflections
This was one of the most meaningful projects I've worked on. Designing for rare disease patients challenged me to balance empathy, technical complexity, and regulatory compliance. It taught me the importance of trust, clarity, and control in health tech design—and how design can genuinely empower people in difficult moments.

I had the pleasure of working with Anna at Genehub. She is a thorough professional with keen attention to detail. She has in-depth knowledge of building rich user interfaces and cares deeply about building valuable and engaging user experiences. She also went above and beyond her job requirements to deliver exceptional results. She is fun to work with and values your input. She is an amazing team player and a valuable addition to any company she works with - Lead Full Stack Engeener