June 2021 - Mar 2022
FLOURISH
A mobile app that helps patients with multi-symptom chronic illnesses better track, visualize, and communicate their symptoms and triggers over time.
ROLE: UI/UX designer, National Science Foundation DIFUSE grant recipient
PLATFORM: Mobile application, web portal
TOOLS: Figma, Adobe Illustrator
SKILLS: UI design, data visualization, rapid wireframing, agile workflow
Flourish screenshots

PROJECT OVERVIEW

Background
Despite the growing prevalence of chronic illness in the US, the community has remained under-recognized, under-studied, and under-served. To effectively diagnose and treat chronic illnesses, healthcare providers must understand how their patients' illnesses manifest.
Challenge
For people with multi-symptom chronic illnesses, managing a complex combination of symptoms and triggers can be overwhelming, making it difficult to effectively communicate their concerns to providers. Our goal with Flourish was to address the need for a simple way to track symptoms, triggers, and other health factors.
Teammates
Project manager: Carson Levine
UI/UX Designers: Jennifer Xu, Mira Ram
Developers: Marco Cabrera, Adrienne Ko
Timeline
Two 10-week sprints:
June - August 2021
January - March 2022
Key Partners
Suffering the Silence logo

ONBOARDING FLOW

Prior work
When I joined the Flourish team, previous designers had already prototyped a rough version of the user onboarding flow to prepare the app for user testing. After several rounds of testing, it was clear that the onboarding flow would need a major overhaul in order for the app to be ready for a beta launch. Shown below is the onboarding flow that was used prior to my involvement.
My designs
First, I designed a landing page and login page for the app, drawing from the pre-existing UI design style guide.
I then started to redesign the sign-up flow. I began with the name, sex, and age input screens.
Next, I redesigned the diagnoses, symptoms, triggers, and treatments input screens. This was where users expressed the most confusion, so I spent a lot of time figuring out the best way to design these flows. It was also important to modify the copy on each screen to inform users of the significance of each input category.
Lastly, I designed the final few onboarding screens, including the health data page and the sign-up page. I chose to move the sign-up page to the end of the flow in order to reduce drop-off rates.

TRACKER REDESIGN

I was also tasked with updating the main tracker flow in order to make them consistent with my onboarding designs.

WEB PORTAL

The Flourish web portal was conceptualized as a means by which users could view their tracked data via the web, as well as export and share their data with healthcare providers. I redesigned the portal before it was handed off to the developers. Shown below is the rough version of the portal that was designed prior to my involvement.
After a critique session with fellow designers at the DALI Lab, I iterated upon the previous design, making numerous UI changes until I was happy with the outcome. Users expressed a strong preference for the redesigned portal shown below, and I handed my design off to the developers.

PROJECT REFLECTION

This project was a unique experience for me because it involved redesigning flows that had already been heavily researched and iterated upon. I was brought onto the Flourish team for my fresh and intuitive design perspective, and my primary role was to streamline the mobile app to make it ready for its initial beta launch. For someone who had previously designed products end-to-end, I needed to learn how to build upon pre-existing designs to improve their usability and consistency.

It was important for me to reassess each original flow and gather user feedback in order to understand where changes were needed. However, I had to be careful not to undo the meticulous work that had been put into designing these flows in the first place. Much of my time was spent digging through the initial user research and industry research to understand why the original designers made certain decisions. From there, I was able to incorporate my own ideas into the original design to create a more intuitive and clean experience for users.