IOS, ANDROID

Track PsA symptoms with ease

Solving communication gap between doctors and PsA patients through UI/UX & prototype for Novartis ideation challenge.

3D Pill made with blender3D Round tablet medicine made with blenderStethoscope made with blender

Project overview

Novartis-PsA program helps people with Psoriatic arthritis conditions by providing the ability to track their symptoms in real-time and communicate with Rheumatologists with ease during their next visit to the clinic. The application lets the PsA patients track their medication, daily activities, food intake, and symptoms with an intuitive and easy-to-use interface. The app makes it easier for the physicians to monitor the progress of their patients since their last visit and prescribes medication, treatment, food to avoid & activities accordingly for a better quality of life.

Challenge

Novartis is looking for a simple and easy to adapt solution to help patients communicate the full history of their symptoms and impact on their quality of life during doctor visits in the most relevant way. Rheumatologists measure the severity and progression of their patients’ Psoriatic arthritis symptoms and provide solutions that improves their quality of life.

Design process

Research shows there's a huge communication gap between patients and their physicians, especially when it comes to tracking & understanding symptoms. By creating a persona with PsA condition, a low fidelity wireframes followed by an interactive prototype is made considering the major pain points for the doctors while treating their patients.

Final result

Interactive mobile apps are designed for patients & doctors where patients can record their daily activities & symptoms once a day. This enables physicians to better understand the patients' end-to-end experience, regardless of how much they recall on the visit date. The stats show severity levels & pain details which help doctors assess during the treatment.

Record symptoms, food intake and track medication

Patients can record the severity of the pain at different parts of their body on a daily basis using intuitive sliders, checklists and weekly questionnaire. The records helps doctors see how different treatments affect patients and be able to provide better treatment.

Novartis PsA program mobile app - Home screen for PsA patients
Novartis PsA program mobile app - Daily checklist screen for PsA patients.
Novartis PsA program mobile app - Weekly checklist screen for PsA patient users.
Novartis PsA program mobile app - Confirmation popover.

View patient's progress throughout treatment

Patients communicate the full history of their symptoms during doctor visits in the most relevant and simple way. Doctors measure the severity and progression of the psoriasis arthritis symptoms and impact on quality of life.

Novartis PsA program mobile app - Symptoms progress screen for patient users.
Novartis PsA program mobile app - Activities progress screen for PsA patients users.
Novartis PsA program mobile app - Food intake progress screen for PsA patients users.
Novartis PsA program mobile app - Announcement screen for PsA patient users.
Novartis PsA program App icon.
Novartis PsA program
Monitor symptoms with ease

The intuitive UI helps the patients to record symptoms and pain points on their phone everyday.

Daily/weekly checklist

Patients have an easy access to daily & weekly checklist to follow.

Track treatment progress

Doctors get complete statistics and history of patients treatment progress.

Appointment tracker

The list of appointments on a calendar helps doctors to plan their day better.

Showcase of Novartis PsA program app screens one iPhone11 mockups.

Psoriatic Arthritis Screening for the first time users

By answering the simple questions taken from National Psoriasis Foundation, the app informs the user if he/she is having the Psoriatic Arthritis condition and allow them to request for an appointment to visit our doctor.

Novartis PsA program mobile app - Onboarding screen.
Novartis PsA program mobile app - PsA screening page for patient users.
Novartis PsA program mobile app - PsA screening page for Patients users to select pain points.
Novartis PsA program mobile app - PsA screening results popover.

Appointment tracker & patients records for Doctors

Physicians can be more efficient and study their patient's medical records before the consult. This enables doctors to prescribe medications, improving diagnosis accuracy for patients. Doctors can see their patients treatment progress with visually ntuitive graphs.

Novartis PsA program mobile app - Home Screen for Rheumatologists.
Novartis PsA program mobile app - Appointments screen for Doctors.
Novartis PsA program mobile app - Patient details with appointments history for doctor users.
Novartis PsA program mobile app - Patients statistics screen for Rheumatologists users.
Quote icon.

One way of overcoming the fear of the new is to make it look like the old.

- Donald Arthur Norman

Showcase of Novartis PsA program mobile app screens on Android phone mockups
Showcase of Novartis PsA program mobile app on iPhone mockup next to stethoscope and calendar on a desk.
A Doctor looking at the patient's health statistics on Novartis PsA program mobile application.
Showcase of Novartis PsA program mobile app on Android phone mockups for Patient and doctor users.

Wireframes and behind the scenes

Here's a sneak peek of the work done for this project before designing a high-fidelity interactive prototype. I always draw wireframes as they are an essential part of the product development process, allowing you to identify issues earlier on, saving time & money in design and development phases.

Wireframes drawn on papers and placed on the coffee shop table.
A picture of figma app with screen designs on the MacBook Pro laptop.
A picture of Wireframes drawn on papers for the Novartis PsA program project.
A. MacBook Pro laptop with Novartis PsA program app screen designs on it.
A laptop with sticky notes placed on it consisting of Novartis PsA program project deadlines and Agenda.

Thank You!

3D Clay hand holding an iPhone mockup with PsA screening page on it.
View all projects
Right arrow icon.