Jerri Zhang
jerri zhang | interactive designer
iphone-advoca mock3.png

Advoca Healthcare App


Advoca is an app that acts as a guide to the healthcare system, much like a social service worker. The teal color is reminiscent of the teal commonly associated with nurses' scrubs to give users a reassuring and authoritative feel. It gathers information on benefits and resources on both federal and state level based on the users' issues. Advoca then leads the users through tutorials on how they would apply for those resources.

iphone-advoca mock22.png
iphone-advoca mock17.png



Advoca starts by asking a series of questions during in the beginning when users first download the app.

Select questions are followed by a reassuring response that appears long enough for the user to read before they are led to the next question.

iphone-advoca mock16.png
iphone-advoca mock15.png


Home Screen

After the on-boarding process, the home screen features the benefits and resources curated for that person. 

The home screen also features a tip of the day pertaining to whatever health issues the subject is going through. In this case, the user (Edith) had indicated during the on-boarding process that this information is for Ben.


iphone-advoca mock14.png
iphone-advoca mock13.png


Cards and Events

At the very bottom of the cards is a brief list of upcoming events. This is a secondary feature that comes with the app and serves as a way to help users remember any appointments they might have.

Cards that have been opened have the lighter teal color where the buttons change from "Tell Me More" to "Continue."

iphone-advoca mock24.png
iphone-advoca mock12.png


Collapsed Cards 

When cards are followed through, they can be collapsed. Users are prompted to confirm this beforehand.

iphone-advoca mock11.png
iphone-advoca mock10.png



Selecting "Tell Me More" leads them to the How-To's for that particular benefit or resource. There's a brief summary on what it is and then the tutorial on how the user would go about obtaining what they need.

iphone-advoca mock6.png
iphone-advoca mock7.png



The menu allows the user to switch between multiple profiles of the people that need various benefits and resources. Selecting the add person icon will bring the user back to the on-boarding process to collect a whole different set of benefits and resources based on the new person's issues.

If there are other matters that the user would like a tutorial on, they can search through the main How-To archive located through the menu.

iphone-advoca mock2.png
iphone-advoca mock1.png


Invite & Share Help

Users can add helpers (family members) to contact and loop them in on how they can help.

iphone-advoca mock3.png
iphone-advoca mock23.png


Schedule and Checklists

Under Schedule and Checklists, users can assign their helpers to various tasks that they create.