top of page
Anima Health: Redesigning App UI
Anima Health is a platform seeking to streamline the healthcare workflow, from improving clarity between doctor and patient to ensuring rapid diagnoses. They tasked me with proposing a redesign of their app's Clinician Dashboard to improve the overall look and usability of the design. Below I outline my process for doing just that (and maybe a little more).
![AnimaDesignTask.png](https://static.wixstatic.com/media/c5ccca_4089b59ef61a42219803fc0817c397f9~mv2.png/v1/fill/w_532,h_255,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/AnimaDesignTask.png)
![Anima Mock-up.png](https://static.wixstatic.com/media/c5ccca_24487714fc32465aa5defcca9cadfab0~mv2.png/v1/fill/w_670,h_321,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Anima%20Mock-up.png)
After
Before
Step 1: Understand the User
Based on a human-centred design approach, I wanted my design to be inspired by the users engaging with it. Considering I was focused on the Clinician Dashboard, I started by researching the conditions of general practitioners in the UK, where Anima is currently operating. Based on these results, I created the following user persona to inform my design.
R
e
s
e
a
r
c
h
![](https://static.wixstatic.com/media/c5ccca_6071fa1cf9cb415ea8b8e06b7153c9fc~mv2.png/v1/crop/x_0,y_25,w_258,h_158/fill/w_134,h_82,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c5ccca_6071fa1cf9cb415ea8b8e06b7153c9fc~mv2.png)
![](https://static.wixstatic.com/media/c5ccca_f2929a4f98b3491fbf76e51982ceb2f2~mv2.png/v1/crop/x_0,y_21,w_250,h_121/fill/w_171,h_83,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c5ccca_f2929a4f98b3491fbf76e51982ceb2f2~mv2.png)
![](https://static.wixstatic.com/media/c5ccca_41264e58dded42af90b8f4f43807619d~mv2.png/v1/crop/x_0,y_21,w_566,h_206/fill/w_312,h_114,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c5ccca_41264e58dded42af90b8f4f43807619d~mv2.png)
![](https://static.wixstatic.com/media/c5ccca_6bed58ae45fd4dc18aa2ac25b97f41c0~mv2.png/v1/fill/w_352,h_272,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c5ccca_6bed58ae45fd4dc18aa2ac25b97f41c0~mv2.png)
U
s
e
r
​
P
e
r
s
o
n
a
Step 2: Evaluate Pain Points
With a better understanding of my user's situation, I returned to the original Clinician Dashboard to evaluate the potential pain points. To do this, I broke down the visual elements and information architecture and tried to track a few user flows, all to determine the usability of the design.
![](https://static.wixstatic.com/media/c5ccca_f2c8073a416b4752b622e9617cb6c63c~mv2.png/v1/fill/w_886,h_954,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/c5ccca_f2c8073a416b4752b622e9617cb6c63c~mv2.png)
Fonts
Action Items
Colors
Information Architecture
Step 3: Gather Ideas
To gain inspiration for addressing the identified issues, I created a quick mood board focused on a more balanced and intentional colour palette, simplified lists and varied notification and task alerts.
![Mood board.png](https://static.wixstatic.com/media/c5ccca_3cb00729d847467c85b46857facc1f12~mv2.png/v1/fill/w_856,h_291,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mood%20board.png)
Moodboard
Step 4: Create Systems
As the original design of the Clinician Dashboard pointed to a lack of universal design systems in the Anima App, I thought it best to get the new design on track by developing the systems before finalising a design. By doing so, I was able to create reusable assets and components that could link user flows and ensure design consistency.
Design Colors
![](https://static.wixstatic.com/media/c5ccca_b328931f4a904b0887363a795a65f814~mv2.png/v1/fill/w_304,h_283,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c5ccca_b328931f4a904b0887363a795a65f814~mv2.png)
Design Components
![](https://static.wixstatic.com/media/c5ccca_43898bdb7e0044c280eb46120d1597a5~mv2.png/v1/fill/w_598,h_274,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c5ccca_43898bdb7e0044c280eb46120d1597a5~mv2.png)
Step 5: Address all the issues
After mocking up my version of the design, I made sure to return to the drawing board and verify that I had addressed the identified issues and ensure there weren't other issues I had overlooked. Of course, I believe there is always a better design out there, but I was happy with where I had taken this iteration.
![Anima Mock-up.png](https://static.wixstatic.com/media/c5ccca_24487714fc32465aa5defcca9cadfab0~mv2.png/v1/fill/w_980,h_470,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Anima%20Mock-up.png)
Final Mockup
bottom of page