Two Platforms to assist atopic dermatitis patients (referred to as AD patients) and support doctors in offline consultations
Atopic dermatitis is a common yet difficult-to-treat skin condition. Sanofi has developed DTx APP to assist AD patients and the HCP side supports doctors in offline consultations. The platform helps patients understand the general state and distribution of their condition. Clinical data serve as a source for scientific research, and complete original patient data can be exported to a computer via Excel for data analysis, enhancing the efficiency of doctor-patient communication.
- UX design
- Information architecture definition
- Built all prototypes and interaction
- UI Design
- Project Leader
- 2 UX Designer
- 2 UI Designer
The users on the HCP side are doctors treating AD patients. While my colleague conducted interviews with the doctors, I organized the interview content into a user flow. Based on the insights gathered, I identified the users' pain points and needs, which helped clarify the purpose of the HCP side. I then used these identified needs to pinpoint opportunities to assist doctors more effectively through the platform.
a) Data Report Viewing Periods:
Data reports can be accessed for specific time intervals (1 month, 3 months, 1 year).
b) Unstructured Data:
Report historical prescriptions, historical test reports, and photos of skin taken over time for comparison.
c) Patient Management (Binding):
Personal allergy history and family history, including required data points.
a) Treatment Plan Suggestions (Algorithm-Based):
Al-generated treatment recommendations.
B) Severity Assessment (Binding/Algorithm):
Al-based disease severity evaluation.
c) Pre-Filled Scales (Binding):
Pre-filled assessment scales based on patient data.
A) Latest Academic Updates (Expert Consensus):
Expert lectures and shared research articles for doctors.
The users of the DTx app are AD patients. After interviewing 10 patients, we identified their pain points. My main responsibility in this phase was to continuously update the user flow and establish the product architecture based on my colleague's interview results.
After my colleague completed the interviews and competitor analysis, we had several discussions with the client. They raised the question of how to convert users into commercial value, which highlighted the challenge of balancing business aim with user experience. Based on this feedback, I developed five usage scenarios to simulate the user journey: onboarding, check-in, flare-up, CBT, and explore. These scenarios helped us better understand how users interact with the product while addressing both business and user needs.
After receiving a DTx prescription from their doctor, AD patients gain free access to all features in the app, including CBT.AD patients without a DTx prescription can use features such as daily recording reminders and relaxation exercises with music, but they cannot access CBT sessions.
The initial screening questionnaire for AD, presented in the form of a Mini APP/web/H5, targets a broader range of dermatological conditions (such as eczema) to establish preliminary awareness of AD. This scenario may occur in dermatology waiting areas or other online dermatology forums.
Personalized Care Plan:
1. Medication Plan: Physician's prescription
2. Daily Care: System-generated (guideline-based)
3. CBT: Physician's prescription + APP scale-recommended program
Function:
1. Daily Task Check-in
2. Skin Photography, Points Redemption for Products
3. Points Redemption for Product
Trigger Factors Entry & View Statistical Report
From the interviews, we learned that mild patients have a lower understanding of the relationship between emotions and AD, while moderate to severe patients are more concerned about it. To address this during onboarding, we recommend a "Personalized for you" approach.
Using common CBT assessment models (patient self-reported emotional needs + scale completion), we begin with educational content.
To align with the new brand identity, we revamped our color palette by incorporating the new brand colors. The shades of the primary brand blue are applied to fundamental elements like text, backgrounds, strokes, and cards. Meanwhile, the shades of the vibrant blue are reserved for actionable and decorative elements like buttons, icons, and illustrations.
