Skills
.svg)
.svg)
.svg)
Tools
• Role: UX Designer
• Scope: Creating Summa's mobile app experience for patients managing chronic conditions.
• Timeline: 80 hours
.svg)
Summa is a functional medicine provider that addresses a care gap in traditional healthcare. Summa helps patients resolve persistent symptoms with Nutrition, Supplements, and Lifestyle.
.svg)
Traditional healthcare leaves patients with chronic conditions feeling overwhelmed and "stuck" with their issues and symptoms. This leaves patients struggling to manage their condition and make sustainable progress in healing.
.svg)
Summa, a functional medicine provider, helps patients manage their chronic conditions in an easy and intuitive way with it's end-to-end mobile app.
As the importance of nutrition and tele-health is becoming increasingly crucial for individuals today, I decided to research the functional medicine space which has helped me in my own life. Functional medicine consists of providers that take a wholistic approach to helping patients with chronic conditions and create sustainable and measurable change in the life of patients.
I conducted a research survey to gather quantitive information from patients who see or have seen a functional medicine provider in the past–such as their age, device preferences, and level of satisfaction with their functional medicine providers.
One key finding is that 89% of participants would use a mobile app with their functional medicine doctor if it was provided.
Additionally, the main issues that participants have with their functional medicine providers website are:
Based off of the research and user journey map, I created a persona who experiences chronic migraine and is looking to improve their quality of life.
Users with chronic conditions often have to tackle the root cause from many angles, requiring them to use a combination of tactics like nutrition, supplementation, and lifestyle changes.
.png)
I created a use journey map to show how a patient with chronic migraine may discover functional medicine and start their new journey with a provider.
I created a sitemap for the purposes of defining the scope of content in Summa's mobile app and seeing the app's content at a high level.
The mobile app includes content located within the nav bar, and a home dashboard. The dashboard is customized to patients, containing quick links to the most frequent part of the app that the patients visit.
I created a branded UI kit to use for Summa's mobile app interface. The green scale is representative of nature and raw materials, which are foundational to functional medicine and its practice of using nutrition to treat and help patients.
I used a high-fidelity prototype to test out four crucial tasks across the Summa app.
The prototype tested 4 tasks across 17 screens:
Overall, the tasks performed well except for Task 1, reviewing a recent lab test.
This task had an average performance due to the fact that there was a high misclick rate on the "Labs" page, which can be attributed to users not noticing the selected state and CTA (which were both light grey). This caused a blocker for users trying to find their lab results.
As a result, I changed the selected state on the Labs page and the CTA to a bright blue color, which now matches the selected states in the "Appointment" and "Messaging" flows.
The key learnings I got from this project are related to information architecture and prototyping. Lack of differentiation in visual hierarchy can cause users to get lost in the prototype and unable to find what they're looking for. Additionally, it's important to think (and enable) all paths from each page so that users can reach their goal in more ways than one. I now realize that if I had allowed users to send a new message to a provider by clicking on their past messages with them, they would've been able to reach the same goal of sending a new message in a new way.
I also learned about using selected states to facilitate users through processes such as sending a message or booking an appointment.
.png)
.png)
.png)
