AlloCare app



Group 521


The AlloCare app is a comprehensive health management tool that allows users to log medication, track biometrics, access health articles, socialize, and check testing results. I have been tasked with redesigning the app to enhance user experience and address usability issues. By incorporating user-centric design principles and leveraging advanced technology, the goal is to create an improved AlloCare app that better serves users’ health management needs.

My role

User-Centric Approach

I prioritized understanding end-users’ needs, preferences, and behaviors to create products that addressed their expectations and solved their problems.

Prototyping and Testing

I utilized Principle to build interactive prototypes and conducted usability tests to gather feedback.

Design Thinking

Using design thinking principles, I identified user problems, generated creative ideas, prototyped and iterated solutions, and tested them with real users. This iterative process ensured user-centered designs that were continuously refined based on feedback and data.

Conceptualization and Visualization

I translated abstract ideas, user requirements, and business goals into tangible design concepts using various tools and techniques. Through sketching, wireframing, and creating visual prototypes, I effectively communicated my design ideas and facilitated collaboration with stakeholders.

Design Systems and Guidelines

I contributed to the development and maintenance of design systems and guidelines, ensuring consistency and coherence across products. These frameworks helped maintain a cohesive user experience and streamlined design workflows.

Collaboration and Communication

My role involved working closely with cross-functional teams, such as product managers, engineers, and marketers. Effective communication and collaboration were crucial for aligning everyone’s efforts and ensuring the successful implementation of design solutions.

Problem statement

The issue arises when users of the app discontinue its usage after a few weeks, hindering the intended purpose of supporting a healthy lifestyle and facilitating blood test tracking and scheduling. The lack of direct contact with patients results in a disconnection, leading to a loss of engagement with the app and the company’s services. This situation poses a risk of reduced revenue due to the diminished user base and the missed opportunity for continued interaction and utilization of services.

Business goals

– Increase patient engagement.
– Increase user retention.
– More AlloSure tests.

Who is the user?

Carla is a five years transplant patient who needs to maintain her daily routine because she wants to keep her organ healthy.


Charles is a 6 month transplant patient who needs to keep up the new routin because he wants to follow doctor’s order properly and on time. 


Steward is a transplant patient who requires support and education because he is very afraid of organ failure.


User Research and user pain points

Group 522

I conducted a moderated interview with 12 users. There are six males and six females. The goal was to find out what users think about the existing app and what other features they want to see in the new design.

Some feedbacks …

“I’d like to be able to easily share the data with the doctor.”

“Add a general note section or to-do list so I can share it with the doctor.”

“Make the app more exciting or fun.”

“I need more support.”

“Can’t enter fluid intake number manually.”

“The med input is too complex.”

User journey

To streamline the process, I collaborated closely with the product manager and subject expert to prioritize and create the most impactful user journeys that would benefit the business the most.

How do user get blood draw for the AlloSure test?

Screenshot 2023-03-31 at 2.17.38 PM

How do users set up and log their fluid intake?

Screenshot 2023-04-23 at 5.59.20 PM

How do users record their medication?

Screenshot 2023-04-24 at 2.09.56 AM

Gathering The Design Requirements

In productive meetings with key stakeholders, we analyzed user feedback and business needs to identify crucial features that would drive user engagement and retention in the app.

Some of the MUST HAVE requirements….

 RE-design the fluid intake.

 Add note to the home screen. 

 Re-design home, medicine, account, and registration. 

– Re-design testing services.

 User friendly community and knowledge section.

Wireframe design

I used the feedback from the focus group, managers, and subject experts. I have designed several versions and ensured the focus group feedback is applied to the design. I also added all the business requirements coming from the stakeholders. 

Home screen design variation

Screenshot 2023-04-27 at 2.08.58 PM

Registration design

Screenshot 2023-04-27 at 2.10.30 PM

Med screens design variation

Screenshot 2023-04-27 at 2.02.01 PM

Pre-transplant design

Screenshot 2023-04-27 at 3.02.28 PM

Usability Testing

I created a Principle prototype. The goal was to test several areas where the users visit the most. These areas are Medication management, fluid intake, finding an article, and finding posts from the community. Also, we would like to know what the tester thinks about the new UI.

The testers are the same people from the focus group. It is one on one interview.

Some of the questions we asked 

Task 1:

You want to find out from others patients what their experience has been with side effects from Tacrolimus. How would you do this in your app?


Task 2:

Its time to take your morning medication. Log your medicine now

Task 3:

Log that you have finishing drinking a full bottle of water

Screenshot 2023-03-12 at 6.39.33 PM
Screenshot 2023-04-27 at 2.36.27 PM
Screenshot 2023-04-27 at 2.37.27 PM

Developed Design System

I developed a custom design system for AlloCare using Figma, drawing inspiration from iOS design guidelines and the Android Material design system. The components within the system were customized to reflect AlloCare’s unique brand and style. This ensures visual consistency throughout the app, creating a seamless and appealing user interface aligned with AlloCare’s branding.

Screenshot 2023-04-27 at 2.06.35 PM
Screenshot 2023-04-27 at 2.05.15 PM
Screenshot 2023-04-27 at 2.04.28 PM

UI Design

Main screen

Old design


New design

Health screen - Rings
Health screen - Rings

Based on user feedback and research, we introduced dynamic Bubble Experiences that resize while scrolling and allow customization of content. Personalized greetings were added based on the time of day. Additionally, a note feature was implemented on the home screen, enabling users to jot down and share important information with their healthcare team.


Old design
IMG_084841CC0E63-1 1
New design

I incorporated enhanced filter functionalities in the Community and Knowledge sections of the app, taking into consideration valuable user feedback. These improvements were implemented to address the challenges users faced in locating specific categories of chats or articles.

Log in/Registration

Old design
image 1
New design

I improved the login experience by adding “Continue with Apple” and “Continue with Google” options. Furthermore, I implemented step numbering on each screen to provide users with a clear indication of their progress.

Fluid intake

Old design
Pop up message
New design
Biometric input
Frame 506

The design features a manual bar with adjustable volume options, complemented by a visually appealing blue color scheme. User testing confirmed that the fluid intake input process is now clear and straightforward.


Old design
New design
Floating button view

To enhance the medication experience, I redesigned the layout to include larger medication images, clear medication names, descriptions and dosage. Users can also view special instructions, side effects, and purposes when adding new medicine, providing them with comprehensive information at a glance.


Old design
IMG_753084B8BF63-1 1
New design
Frame 554

The new account system facilitates easier switching between pre and post-transplant modes, as well as updating transplant and personal information.

Added new features

Pre-transplant view
Health screen - PRe-transplant
Calendar events screen
Calendar events screen

These are the new design additions aimed at enhancing user experiences.

Evaluate the app

After launching the app, I conducted another focus group and usability tests.

Screenshot 2023-03-12 at 1.16.40 PM

1. Focus group

The focus group is to collect general user feedback on the app. In addition, the usability test aims to set the baseline for any future redesign. I have asked what did you like or display about the app. What kind of problem did they experience, and what else is missing from the new design? 

Some feedbacks

– Call out when the test result number is above the normal range in the Lab result.
– Be able to show the status of users. Especially display the status of the new users.
– Watch webinars on the app or a list of webinars in the library or knowledge. 
Screenshot 2023-03-12 at 1.08.13 PM

2. Usability test


I also conducted the usability test and are testing several new users. I ask for specific scenarios, and we will be able to monitor the user behavior on the app. Besides collecting feedback, I also set benchmarks for each task. 

The test focus on finding the article, chatting topic, logging in a biometric, and adding a new med.

Some feedbacks

– Need to create an easy-to-understand med log section.

– More explanation on how to use the log feature. 


Throughout the app development process, I gained a deep understanding of the transplant process and the experiences of patients. This reinforced the importance of using data and user testing results to support design decisions and ensure comprehensive and practical feedback from stakeholders. I also improved my skills in setting up and conducting user tests, gathering valuable perspectives, and generating backlog tasks based on user feedback. Working in an Agile environment, I actively collaborated with engineers, benefiting from their insights and feedback in regular team meetings.