Skip to content
Chengcheng Hou's Tia Lifechart Medical App presents a meticulously structured digital interface exhibiting sophisticated information architecture through a tripartite compositional schema that balance
Tia Lifechart Medical App by Chengcheng Hou
Chengcheng Hou's Tia Lifechart Medical App presents a sophisticated dual-panel interface composition establishing a refined conversational healthcare dashboard rendered with exceptional clarity and de
Tia Lifechart Medical App by Chengcheng Hou
Chengcheng Hou's Tia Lifechart Medical App presents a sophisticated digital interface composition centered upon a dual-panel layout that establishes an elegant informational hierarchy through careful

Tia Inc.

Iron Digital Product Design · 2025

Tia Lifechart Medical App

by Chengcheng Hou

  • A' Design Award 2025 Iron Winner in Digital Product Design
  • Awarded April 15, 2025
  • CLIENT: Tia Inc.
  • Estimated Number of Design Views: 20,925
  • Verification code 5D4BE7B2A6 · Verify this award
Email this page to a friend

Get a Badge

About Tia Lifechart Medical App

Tia Life Chart TLC is a digital platform developed to support collaborative, patient-centered care. It allows healthcare providers to access patient records, track progress, and manage appointments efficiently. By combining an intuitive interface with automated workflows and intelligent insights, TLC reduces administrative work and supports better care delivery. Designed for integrative women's health clinics, it strengthens teamwork across providers and improves the overall patient experience.

Chengcheng Hou's Tia Lifechart Medical App represents a significant achievement in healthcare interface design, positioning itself within the evolving digital health ecosystem where electronic medical records increasingly serve as the primary site of clinical knowledge management and care coordination, the application demonstrates sophisticated understanding of the dual imperatives governing medical interface design whereby dense clinical data requiring comprehensive simultaneous visibility must be reconciled with cognitive accessibility principles that prevent information overload and support rapid scanning during time-constrained clinical encounters, the compositional architecture reveals careful study of healthcare provider workflow patterns, organizing disparate data types including laboratory values, vital signs, medical conditions, immunization histories, and appointment scheduling into spatially discrete yet visually coordinated zones that mirror the mental models clinicians develop through training and practice, the chromatic strategy proves particularly accomplished in its navigation of the challenging symbolic terrain of medical color coding, employing warm neutral backgrounds that reduce the eye strain associated with prolonged screen exposure during clinical shifts while deploying a carefully calibrated alert system using amber for borderline values requiring attention and burgundy red for critical out-of-range results demanding immediate clinical response, this color hierarchy supports rapid triage and prioritization without creating alarm fatigue through excessive red saturation, the typographic system demonstrates mastery of information hierarchy through weight variation and spatial organization rather than size differentiation alone, allowing maximum data density while maintaining scannable legibility crucial in fast-paced clinical environments, notable passages include the allergy documentation section employing warm earth-tone tags that visually distinguish critical patient safety information, the laboratory results module utilizing alignment and whitespace to create comprehensible structure within inherently complex numerical data, and the vital signs panel presenting physiological measurements in clear hierarchical relationships that support pattern recognition of patient status trajectories, the interface engages with longstanding tensions in medical documentation between comprehensive data capture supporting medico-legal requirements and streamlined presentation supporting real-time clinical cognition, seemingly proposing through its design that these demands need not be mutually exclusive when information architecture is sufficiently sophisticated, the work invites consideration of how digital tools shape not merely the efficiency but the very nature of clinical reasoning and the therapeutic relationship, one might observe that the interface positions the patient simultaneously as data subject comprehensively quantified through laboratory values and vital measurements, and as human individual identified through demographic details and personalized clinical notes, perhaps suggesting through this dual representation the complex negotiations between standardization and individualization that characterize contemporary medical practice, how might thoughtful interface design support clinicians in maintaining humanistic attention within increasingly data-intensive healthcare environments, and what role might visual design play in shaping the cognitive habits and attentional patterns that ultimately influence quality of care?

Press Kit

Unique Properties
Tia Life Chart is a patient-centric electronic medical record app designed to streamline care coordination, enhance provider efficiency, and improve patient outcomes. It reduces care plan documentation by 44%, automates 81% of booking links, and increases patient engagement. With an intuitive user interface, AI-powered insights, and seamless integration into clinical workflows, Tia Life Chart empowers providers to make faster decisions, reduces administrative burden, and supports a holistic, team-based approach to care.
Dimensions & Packaging
Platform: Web-based (Optimized for desktop & tablet)
Tech Stack: React (TypeScript), Node.js, GraphQL, PostgreSQL
Interoperability: FHIR-compliant APIs, HL7 support
Security & Compliance: HIPAA-compliant encryption, role-based access control
Performance: Low-latency architecture, optimized data retrieval
Scalability: Modular microservices infrastructure, cloud-native deployment
Tags
EMR, healthcare design, digital health, patient care, UX for healthcare, medical software, AI-driven workflows, provider efficiency, clinical documentation, healthtech
Production Technology
Tia Life Chart developed as a web-based, modular electronic medical record app system built on a React and TypeScript front end for a highly responsive, accessible UI, with a Node.js and GraphQL backend for efficient data retrieval and interoperability. We utilized FHIR standards to ensure seamless integration with external healthcare systems. The design was driven by user research, clinical shadowing, and iterative prototyping, optimizing workflows through automation, AI-powered insights, and intuitive UI/UX principles to enhance provider efficiency and reduce cognitive load.
Design Challenge
One of the biggest challenges in designing TLC was redefining the rigid and fragmented structure of traditional EMRs to create a system that truly supports integrative women’s healthcare. Balancing clinical accuracy, provider efficiency, and regulatory compliance required deep research into healthcare workflows, usability testing, and iterative prototyping. Overcoming provider resistance to change and ensuring seamless adoption were critical hurdles we tackled through extensive training and feedback loops.
Project Duration
The project started in Jan 2024 as an ongoing project.
Operation Flow
Tia Life Chart is designed for seamless provider interaction, reducing cognitive load while ensuring intuitive navigation. Providers can quickly access patient records, track lab results, document care plans, and automate appointment bookings—all within a clean, structured interface. AI-powered insights highlight urgent issues, while smart automation streamlines repetitive tasks, significantly reducing documentation time and improving patient outcomes.
Research
Tia Life Chart was developed using a human-centered design approach, incorporating extensive provider interviews, workflow observations, and usability testing. We conducted clinical shadowing sessions and analyzed over 1000 provider interactions to identify pain points in existing EMR systems. Research findings guided the development of automated workflows, AI-driven insights, and an intuitive UI, resulting in a 44 percent reduction in documentation time and an 81 percent automation rate in care plan booking links, significantly enhancing provider efficiency and patient engagement.
Inspiration
Tia Life Chart was born out of a critical need to redefine how EMRs serve both providers and patients in integrative women’s healthcare. Traditional electronic medical record apps are rigid, burdensome, and fail to support holistic, patient-centered care. Our design was inspired by seamless digital experiences outside of healthcare—intuitive, efficient, and data-driven. We leveraged user research, clinical workflows, and automation to build an EMR that enhances provider efficiency and patient outcomes.

Colors of Tia Lifechart Medical App

Get Tia Lifechart Medical App

Healthcare UX Design and Digital Product Innovation

We transform complex healthcare systems into intuitive digital experiences. Our award-winning expertise in medical software design, EMR systems, and patient-centered interfaces helps healthcare organizations improve provider efficiency and patient outcomes through strategic UX innovation.

G0E23 Shop

Design Interview about Tia Lifechart Medical App

The core principle was to bring clarity and compassion to women’s health records. Inspired by integrative care models, the Tia Life Chart visualizes a patient’s mental, physical, and reproductive health on one longitudinal timeline—offering a more complete picture of the person, not just the condition.

My focus was to streamline clinical workflows while empowering patients. I wanted providers to spend less time navigating systems and more time caring, and for patients to see their health as an interconnected story rather than a series of disconnected visits.

We’re expanding it into a full care timeline, incorporating labs, provider notes, and predictive health insights. I also plan to open-source parts of the design framework for other care startups, so more people can benefit from holistic, human-centered health tools.

The initial concept took about three months from research to launchable prototype. But it’s been refined over a full year of iteration, with continuous feedback from providers, coordinators, and patients.

This was a commissioned and mission-aligned project. As Tia’s senior product designer, I saw firsthand the fragmentation in our care data and felt inspired to reimagine how we could visualize health more holistically.

The design is actively in use within Tia clinics across the U.S., serving over 42,000 patients. It’s proprietary to Tia, though elements of the concept could inspire or be adapted by other healthcare platforms in the future.

I wanted to design for impact, not just interface. Healthcare is one of the most complex and emotionally charged experiences a person can have—designing something that supports both clinical accuracy and emotional understanding was deeply meaningful to me.

Yes—IDEO’s work in human-centered health inspired the empathy-first approach. Apple's Health app influenced some of the data visualization simplicity. Internally, our providers' feedback shaped nearly every design decision—we co-designed this with the people who use it every day.

Our primary users are healthcare providers—physicians, nurse practitioners, care coordinators—working in integrative women’s health. The design also indirectly serves patients, by improving how their care is documented, coordinated, and delivered.

Unlike traditional EMRs, which silo mental, physical, and gynecological data, TLC combines them in one unified, chronological interface. It’s built specifically for integrative care, prioritizing usability, visual hierarchy, and time-based context—something almost no other EMR does well.

We called it Tia Life Chart to emphasize its holistic view of a patient’s life—not just their lab values or symptoms. “Life” conveys breadth and context; “Chart” grounds it in clinical utility. It’s a name that bridges empathy and precision.

I used Figma for the core UI and interaction design, FigJam for early mapping and workshops, and Whimsical for system modeling. For testing, we used Lookback and internal tools built into Tia’s staging EMR.

Its integration of multiple care domains—mental, physical, reproductive—into a single visual timeline, optimized for both fast triage and deep care planning. It’s not just a chart; it’s a clinical narrative.

Yes—this was deeply collaborative. I worked with physicians, engineers, care coordinators, clinical ops leads, and a data analyst. Their expertise helped shape both the logic and the layout of the interface, ensuring it worked across diverse use cases.

Technology powers the smart sorting of data, surfacing what's most urgent or relevant at a glance. It also enables real-time updates and integrates lab values, diagnoses, and notes into a coherent stream—all while being HIPAA-compliant and performant.

Yes—we conducted task flow analysis, interviewed 15+ providers, and reviewed EMR usage logs to identify pain points. Post-launch, we tracked metrics like task turnaround time, documentation speed, and care plan completion—each of which improved significantly due to this design.

Balancing flexibility with consistency was a major challenge—different providers needed different workflows, but we had to create a unified system. We also had to work within the limits of our legacy backend while designing for future scalability.

After seeing the measurable impact of Tia Life Chart—on documentation speed, booking rates, and patient outcomes—I felt the story needed to be shared more broadly. Submitting to international competitions was a way to advocate for better healthcare UX and highlight what’s possible when design is integrated into care delivery.

I learned how to balance intuition with systems-level thinking. Designing for healthcare requires empathy and structure. I became more confident in prioritizing what matters most in a complex environment and in co-creating solutions alongside providers who depend on these tools every day.

Only that design in healthcare is often invisible, but it deeply affects how people experience care. I’m proud that this project didn't just win awards—it made things easier for people doing incredibly hard work. That, to me, is the highest honor design can earn.

Related Designs

View All

Good Design Deserves Great Recognition

Nominate Your Work for the A' Design Award.

Nominate