Kyle Davila / Creative Director & Designer
ToggleAmerican HeartAssociation
Art Direction / Packaging / UI/UX
![Three mobile screen mockups of ui/ux for health program dashboard](../../img/american-heart/2-aha-mobile.png)
![UI/UX of various mobile screen designs for health program dashboard](../../img/american-heart/3-aha-mobile.png)
With a big initative for AHA being engagement in the study, we made the mobile experience 100% task driven. These days, everyone is on the go, with a mobile device in hand. Accessing the dashboard on a mobile device offered less distracting options, allowing participants to get on, contribute and get on with their day within a matter of minutes. Fewer taps means less stress.
![Desktop ui/ux design for health program dashboard](../../img/american-heart/4-aha-program-dashboard.png)
Knowing our demographic would skew slightly higher, we focused on creating a dashboard that kept the user oriented at all times. Before working with us, AHA noticed many participants were failing to complete their tasks associated with the study. An audit of their ux revealed a flaw in easily identifying to the user what tasks needed to be completed. We placed emphasis on designing a notification system that made new/urgent tasks more prominent to encourage participants to complete them. The primary goal of the dashboard was to make participating easy.
![Scolling experience of desktop ui/ux for health study dashboard](../../img/american-heart/5-study-dashboard.gif)
![Website landing page desktop design for health program](../../img/american-heart/6-desktop-landing-page.gif)
![Website landing page mobile design for health program](../../img/american-heart/7-aha-landing-page-mobile.png)
![Package design for study participant Fitbit](../../img/american-heart/9-aha-fitbit-packaging.jpg)
![Opened box with Fitbit and water bottle](../../img/american-heart/opened-box-with-fitbit.jpg)
![Smart watch push notification for health study](../../img/american-heart/8-aha-watch.png)